DeSpell Brand Kit

Brand guide sheets

Five sheets, in order: cover, colour, typography, logo, theme and mood. They are the design source of truth for everything further down this page, set here as live text you can select, search, and zoom. Every rule on them is restated in the sections below.

00 Cover

v1.0 · 2026-09

BRAND KIT

AI proposes. Systems verify. You authorize.

01 Colour

TOKENS AND RATIO

Background

#0A0A0A

Accent Lime

#E5FF5D

Text

#F9F9F9

Bright Text

#FFFFFF

Ink on Accent

#111111

Muted Text

138 / 0.90

Danger

#FF5C5C

Warning

#FFD60A

Border Subtle

white 0.08

Accent Glow

lime 0.25

Approved combinations

• Body text on dark
• The accent lands in one place
• Ink #111 on lime

Forbidden

• ×Lime text on a white background
• ×Long paragraphs set in lime

Screen ratio guide

dark 90 text 8 lime 2

02 Typography

FACES AND SCALE

DISPLAY · Groutpix Flow Slab Serif · Regular, single weight

DeSpell 0123

Wordmark and large headlines only. Never body text.

BODY · Geist Sans

Say the job in plain words. The AI plans the transaction, a person authorizes it. Quiet, precise, engineering tone throughout.

Regular 400 Medium 500 Semibold 600

MONO · Geist Mono

0x540E...EE43 · chain 91342 · 0.005 ETH

Numbers, addresses, hashes, and code only. Never body text.

SCALE (marketing deliverables)

• Headline38
• Section title26
• Body15
• Caption12
• Data13

03 Logo

SYMBOL AND WORDMARK

PRIMARY · textured lime symbol · raster PNG master

clear space 12.5% · minimum 24px

dark background · off-white

dark background · lime accent

light background · dark

Rules

• ✓Do: Keep the minimum size at 24px
• ✓Do: Keep 12.5% clear space on every side
• ×Don't: Cropping the arm tips
• ×Don't: Stretching, rotating, recolouring
• ✓Do: One glow only
• ×Don't: Off-white wordmark on a light background
• ×Don't: Flattening to a single #E5FF5D (one-colour print excepted)
• ×Don't: Passing the raster symbol off as a vector

04 Theme and mood

TONE AND SURFACES

• quiet
• precise
• engineering
• receipts, not promises

one lime glow per screen · 0.25

white 0.08 subtle

white 0.18 strong

Send 0.42 ETH to Base

fee $1.12 · route LI.FI

Authorize Details

One lime CTA per screen. Text on lime is always #111.

AI generation rules · brand-tokens.json / generation

Generative models make backgrounds, mood, and motion only. They never generate the logo, the wordmark, app UI, or exact text. Real assets are composited on top.

1200x675 · 1500x500 · 1080x1080 · 1080x1920 · 1920x1080 · video 8s or under

Brand name

One capital D, one capital S, no hyphen, no space. The name is never set in all caps, even inside headlines that are otherwise uppercase.

Four backgrounds across four formats, exactly as the sheets lay it out. Light ink means the off-white wordmark and the light monochrome symbol; dark ink means the #111111 wordmark and the dark monochrome symbol. Previews here are web sized. The download carries every cell at the size named in its row.

Transparentlight ink

Transparentdark ink

On black#0A0A0A

On white#FFFFFF

Symbol, textured limeprimary, 1:1, 1024

Transparent, light ink

1024 x 1024 PNG

n/a

The lime symbol is the same on light and dark, so there is no separate dark ink file.

On black #0A0A0A

1024 x 1024 PNG

On white #FFFFFF

1024 x 1024 PNG

Symbol, monochromeutility, 1:1, 1024

Transparent, light ink

#F9F9F9 PNG

Transparent, dark ink

#111111 PNG

On black #0A0A0A

1024 x 1024 PNG

On white #FFFFFF

1024 x 1024 PNG

Lockupsymbol + wordmark, 3:1, 2400x800

Transparent, light ink

2400 x 800 PNG

Transparent, dark ink

2400 x 800 PNG

On black #0A0A0A

2400 x 800 PNG

On white #FFFFFF

2400 x 800 PNG

BannerX header 3:1, 3000x1000

Transparent, light ink

3000 x 1000 PNG

Transparent, dark ink

3000 x 1000 PNG

On black #0A0A0A

3000 x 1000 PNG

On white #FFFFFF

3000 x 1000 PNG

The banner also ships at 1500 x 500, the 1x X header size, from the same placement. Every on-black surface in the kit is flat #0A0A0A; the soft halo you see around the symbol is baked into the artwork, so nothing stacks a second glow.

Wordmark on its own

Off-white, transparent#F9F9F9, for dark surfaces PNG

Lime accent#E5FF5D, accent use only PNG

Dark, on white#111111, for light surfaces PNG

Editable SVGs ship in 09-wordmark. They call Groutpix Flow Slab Serif by name, so install or license the font yourself, or convert the text to outlines. The PNGs need no font.

Clear space and minimum size

Keep at least 12.5% of the symbol width clear on every side. Nothing crosses that boundary: no type, no border, no photograph, no second logo.

The dashed box is the symbol bounding box. x is the clear space, and x equals 12.5% of the symbol width. Every square file in the download is already padded to this rule, so you can place it edge to edge without measuring.

Never crop the arm tips. If the logo does not fit, scale it down rather than trimming the artwork.

Minimum digital size is 24 px for the symbol. Below that the arms close up and the mark stops reading.

Near black ground, one lime accent used sparingly, off-white type. Click any swatch to copy its value. The same values live in brand-tokens.json and on guide sheet 01.

The symbol artwork contains textured lime values. Do not flatten it to a single #E5FF5D unless a one-colour production method requires it, and then use the monochrome files in the download.

Typography

One display face for the wordmark and large headlines, one sans for everything people read, one mono for anything a machine produced.

Ready to place, already padded with clear space. Squares come at 1080 x 1080 with the stacked lockup on all four backgrounds, plus a 1024 symbol only tile for avatars. The social templates carry only the symbol and wordmark, so campaign copy can go on top without rewriting an existing claim.

Square, stacked1080 x 1080, on black PNG

Square, stacked1080 x 1080, on white PNG

Square, transparent1080 x 1080, light ink PNG

Avatar tile1024, symbol only PNG

Profile avatar512 x 512 PNG

X header template1500 x 500 PNG

Social preview1200 x 630 PNG

Do and do not

The rule list from guide sheet 03, in full.

Theme, mood, and generative rules

From guide sheet 04. The machine readable half lives under generation in brand-tokens.json.

• +One lime glow per screen, at 0.25. Borders are white at 0.08 for subtle and 0.18 for strong.
• +One lime call to action per screen. Text sitting on lime is always #111111.
• +Generate backgrounds, mood, and motion only.
• ×Never generate the logo, the wordmark, product UI, or exact text. Models distort them.
• +Composite the real assets from this kit after generation, then set headlines in Groutpix Flow Slab Serif and captions or numbers in Geist.
• ×App demo footage must be real screen capture. Generated video is for brand motion, end cards, and ambient backgrounds only, up to 8 seconds per clip.

Questions about usage