Indigo#4338CA
Brand
The core of the seal, primary buttons, links and selected states on light surfaces.
RGB 67 · 56 · 202
7.9:1 on Paper · AAABrand guidelines
Everything an agency, printer or partner needs to use the Satyakod brand correctly: how the mark is drawn, the space it needs, its exact colours, type, verdict signals and motion.
On this page
01 · The symbol
Four parts, one seal.
Satyakod is a code that tells the truth about the product it is printed on. The seal says that in one shape: rings of code, a verdict at the centre, and proof that escapes the package.
- Outer ring
Eleven segments of code, the pattern printed on every unit.
- Inner ring
Nine segments. Two rings, so a copy has twice as much to get right.
- Core and check
The verdict. Five modules that mean this one is real.
- Breakout
Proof escaping the package, so anyone can see it.
02 · Construction
Nothing is placed by eye.
The mark is drawn on a 120-unit grid. Every ring, gap and module is a whole step on it, so the seal stays crisp from a favicon to a building sign.
- Grid120u
- Outer ringØ102u · 11 segments
- Inner ringØ68u · 9 segments
- Stroke9u
- CoreØ44u
- Module4.8u · radius 0.96u
- Breakout45°
- Clear spacex = core diameter
- Minimum sizemark 32 px · logo 96 px
03 · Clear space and size
Room to be read.
Keep empty space around the logo equal to the core’s diameter (x) on every side. Below 32 px, switch to the compact mark: full rings, no breakout.
Minimum sizes
- Logo: at least 96 px wide on screen, 25 mm in print.
- Mark: primary at 32 px and above; compact below, down to 16 px (favicons).
04 · Colour
Ink, paper, one indigo.
Indigo is reserved for the moment of proof: the core of the seal, the primary action, the selected state. Everything else is ink and paper.
Brand
Glow#6366F1
Brand on dark
The seal’s core, icons and graphics on dark surfaces. Use Light indigo for text.
RGB 99 · 102 · 241
4.2:1 on Night · large text and graphicsLight indigo#A5B4FC
Text accent on dark
Links and highlighted words on dark surfaces.
RGB 165 · 180 · 252
9.5:1 on Night · AAANeutrals
Ink#18181B
Text and rings
Type, the seal’s rings, dark buttons.
RGB 24 · 24 · 27
17.7:1 on Paper · AAANight#111113
Dark surfaces
Dark heroes, the app icon tile, dark mode.
RGB 17 · 17 · 19
18.1:1 with Paper text · AAAPaper#FFFFFF
Light surfaces
Page backgrounds and cards.
RGB 255 · 255 · 255
17.7:1 with Ink text · AAAMist#F4F4F5
Quiet surfaces
Panels, inputs, secondary cards.
RGB 244 · 244 · 245
16.1:1 with Ink text · AAAProportion
Paper / Night 60%Ink / Mist 30%10%
- Verdict colours are signals, never decoration. Teal, amber and red always travel with their icon and word, and are never used for branding.
- On dark surfaces, Glow is for shapes and Light indigo is for text. Glow on Night is 4.2:1, below the 4.5:1 body text needs.
- No new brand colours. Campaigns may illustrate with other colours; the seal, buttons and links stay indigo.
05 · Typography
Geist for words, Geist Mono for codes.
One family, two voices. Codes and serials always appear in Geist Mono, so they look like what they are.
Aa
GeistABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Headings SemiBold, tracking −2% to −4% · Body Regular · Labels Medium7F
Geist Mono7F3K Q9X2 M4TB 8RVD · (01) 08901234567892
Serials, codes, hex values and measurements · Groups of four for serials06 · Verdicts
Icon, colour and word. Always all three.
The five check modules re-form into each verdict. Colour alone never carries meaning, so the result is clear to colour-blind users and in black-and-white print.
Genuine
All four checks passed. The check breaks out of the seal: this unit is the real one.
Genuine#0F766E · on dark #2DD4BF
Suspicious#D97706 · on dark #FBBF24
Counterfeit#B91C1C · on dark #F87171
07 · Motion
Every animation tells the product’s story.
These are the website’s live components. Each one plays, holds on its result, and plays again. With reduced motion on, each shows its final frame.
Satyakod=Truth Code
From Sanskrit satya, truth, and kod, code. A code that tells the truth about the product it is printed on.
<NameReveal />Satyakod → सत्य कोड → Truth Code. Home and About pages.sealProcessing()Whenever something reaches Satyakod: a scan, a packet, a submit.<SealBackdrop />Rings turn slowly behind closing calls to action.<HeroStory kind="verify" />A phone scans, four checks tick, the verdict flips.<HeroStory kind="integrations" />An order reaches the seal, then jobs print and alerts fan out.| Token | Value | Use |
|---|---|---|
| Quick | 0.15–0.35 s | Ticks, chips, state changes |
| Beat | 0.4–0.9 s | Story steps: a scan sweep, a packet travelling |
| Hold | 3 s | Pause on the result before a loop restarts |
| Easing | power3.out · back.out(2) · power2.inOut | Entrances · pops · travel |
- Never wait for input. An opening animation plays by itself; scrolling or tapping only makes it go faster.
- Always land on the result. Loops hold on the verdict so a glance tells the story.
- Reserve the space. An animation must never change the size of its section, or the page jumps.
- Respect reduced motion. Show the final frame, with no loops.
08 · Misuse
Please don’t.
The seal is a proof mark. Altered versions look like counterfeits, which is the one thing it must never do.
- Don’t stretch or squash it
- Don’t recolour its parts
- Don’t rotate it
- Don’t add effects
- Don’t place it on busy images or low contrast
- satyakodDon’t rebuild the lockup or retype the wordmark
- Use the files from the logo kit, as they are
Ready to use the brand?
Download the logo kit, or ask us if something isn’t covered here.