Brand assets
A bar that leans. The filled part is the share of fees that goes long; the tilt is the position. Two rectangles and one skew, so it survives 16 px and print.
[← open the app]Monochrome everywhere. The one accent, #1F3BFF, belongs to the primary verb on a screen and never to the logo, a number, a glyph chip, or a background. Creators bring their own token images; Lean’s own marks stay black and paper.
Mark and wordmark
Give the lockup room to breathe. The mark stays black or paper; blue belongs to the action.
No gradients. No shadows. No stretching.
Market glyphs and token images
Geist Mono 11 · 1 px ink border · radius 2 · two letters, assigned once per market. Category tags are bracketed mono in ink-2.
Favicon and app icon
Link previews
1200 × 630 · one for the platform, one template per token.
Launch a token that leans long.
Pick any Lighter market. Your token’s trading fees keep buying a long on it for whoever holds the token.
on Pons · Robinhood Chain · LighterShare card
1080 × 1080 · the percentage by default, dollars only when the holder opts in.
X banner
Launch a token that leans long. Pick any Lighter market; its trading fees keep buying the long for whoever holds it.
on Pons · Robinhood Chain · Lighter
Brand sheet
Your slice tracks a 1.0× long on OPENAI; it can lose value.
0123456789 $ , . % × − + ↗
The position · Your slice · Live · How it works
[explore] [markets] [me] [create] [share]
- Display + UI
- Inter Tight 400 / 500 / 600
- Numbers + labels
- Geist Mono 400 / 500
- Hero
- 44–112 px · tracking −.03em
- Body
- 15 px / 1.5
- Labels
- 11 px · caps · .08em
- Measure
- 62ch
- Page max
- 1120 px
- Gutter
- clamp(16, 4vw, 48)
- Radius / rules
- 4 px / 1 px hair
- Ease
- cubic-bezier(.2,0,0,1)
- Fast / base / slow
- 150 / 220 / 400 ms
Sentence case. Say slice, position, long, redeem, settles at NAV. Show fees as 0 where they are 0. Keep each market’s risk sentence beside its picker row and token page.
Every token is one row with one position number. One primary verb per screen. Hairlines, bracketed utilities, restrained motion, and no shadows.
Blog covers and embeds
One diagram per post, drawn from the mark · shown at 2:1 on the post, 120 px in the index, 1200 × 630 when linked.
![[SVG ↓]](/brand/mark.svg){kind=link}
![[SVG ↓]](/brand/mark-inverse.svg){kind=link}
![[SVG ↓]](/brand/wordmark.svg){kind=link}
![[SVG ↓]](/brand/lockup.svg){kind=link}
![[SVG ↓]](/brand/lockup-stacked.svg){kind=link}
![[SVG ↓]](/brand/token-oa.svg){kind=link}
![[SVG ↓]](/brand/token-lt.svg){kind=link}
![[SVG ↓]](/brand/favicon.svg){kind=link}
![[ink ↓]](/brand/app-icon.svg){kind=link}
![[paper ↓]](/brand/app-icon-paper.svg){kind=link}
![[SVG ↓]](/brand/og-platform.svg){kind=link}
![[SVG ↓]](/brand/og-token.svg){kind=link}
![[SVG ↓]](/brand/x-banner.svg){kind=link}
![[paper SVG ↓]](/brand/blog/cover-bar-paper.svg){kind=link}
![[ink SVG ↓]](/brand/blog/cover-bar-ink.svg){kind=link}
![[paper SVG ↓]](/brand/blog/cover-accounts-paper.svg){kind=link}
![[ink SVG ↓]](/brand/blog/cover-accounts-ink.svg){kind=link}
![[paper SVG ↓]](/brand/blog/cover-cash-paper.svg){kind=link}
![[ink SVG ↓]](/brand/blog/cover-cash-ink.svg){kind=link}
![[paper SVG ↓]](/brand/blog/cover-alloc-paper.svg){kind=link}
![[ink SVG ↓]](/brand/blog/cover-alloc-ink.svg){kind=link}