Cloud
Warm paper, serif headlines, calm and human.
For AI tools, writing, research, calm finance.
- Palettes
- Clay, Sage, Ivory Blue
- Type
- Instrument Serif, Inter Tight, Geist Mono
- Motion
- Calm
- Mode
- Light
A calm, warm-light editorial page where serif words do the work and nothing shouts.
Why
Soft, two-tone pages read as more trustworthy than loud ones right now. Cloud is the calm look, and it gets one big frame: a serif wordmark that fills the screen.
Hero
The headline sits bottom-left in a large serif, with one word in italic. The subheadline and button sit bottom-right on warm paper with a light grain.
3 palettes, one accent at a time.
Pick a palette or an accent: this page switches to it. Click a color to copy it.
Swap the accent
Every kit can take one of these accents. The page above follows your pick.
3 faces, each with one job.
Specimen · hero headline
Turn any public GitHub repo into a tradable market.
A site where anyone can open a market on a public GitHub repository.
01 Display
Instrument Serif
02 Text
Inter Tight
03 Accent
Geist Mono
The Lit Manifesto
The manifesto holds still while its words light up one by one. Behind it, a cloud of points traced from the logo slowly comes together.
- 01Hero: serif headline bottom-left, button bottom-right
- 02Manifesto that lights up word by word
- 03Serif Horizon: the name fills the screen
- 04Numbered feature rows 01, 02, 03
- 05Steps on a thin horizontal timeline
- 06Token as a quiet ledger table
- 07FAQ and a closing serif line
Calm: slow 900ms fades, no bounce.
Signature
The Lit Manifesto
The manifesto holds still while its words light up one by one. Behind it, a cloud of points traced from the logo slowly comes together.
Moment
The Serif Horizon
The project name, in italic serif, spans almost the full width and rises out of the bottom edge as you scroll, letter by letter from the centre. A thin clay line opens beneath it.
- 01Words fade from faint to full ink one at a time as you read.
- 02Transitions use a slow 900ms ease that settles without any bounce.
- 03The name rises letter by letter, starting from the centre.
- 04On the hero, a small clay dot follows the pointer with a soft lag.
- 05The scroll hint is a thin line that draws itself downward.
Built with
- Smooth scroll
- Scroll reveals
- Magnetic buttons
No intro: the page is there at once. Under reduced motion, everything lands in place.
The small parts.
- Nav
- Inset bar, 56px, hairline bottom, wordmark left, mono links 11px with +12% tracking
- Buttons
- Ink pill, 44px tall; hover inverts the colours with a 400ms wipe from the left
- Cards
- None, rows only, with hairlines at 12% ink; a hovered row shifts its index 8px right
- Cursor
- Native, plus a 6px clay dot that lags behind the pointer on the hero only
- Radii
- 999 on buttons, 2 on inputs
- Grain
- 3% static paper noise
- Rhythm
- Sections 160px apart; manifesto line height 1.05
- Type
- Instrument Serif display with italic accents, Inter Tight text, Geist Mono labels
[Plain verb] + [object], [human benefit]. Max 9 words: lead line in ink, continuation at 50%.
Tone: calm, precise, human.
Button verbs
- Start
- Read
- Try
Labels like Index, Note, Ledger, Method and Questions; section titles in sentence case, 5 words max, no colon.
Token
The ledger's contract row shows the address shortened to its first and last four characters, with a copy tick and a dot that pulses once on copy.
Start with Cloud.
Use this look