Lapis
Indigo night and powdered lilac, the logo as a monument, cinematic and ambitious.
For L1/L2-scale ambitions, protocols, launches with a story.
- Palettes
- Indigo, Violette, Nuit
- Type
- Familjen Grotesk, Instrument Sans, Martian Mono
- Motion
- Calm
- Mode
- Dark
Cinematic and ambitious: a blueprint that becomes a monument under an indigo night.
Why
Big launches with a story often sit on a plain black page. Lapis answers with cinema: a blueprint, a monument and a zoom straight through the name.
Hero
A blueprint loader draws the logo with dashed guides, then the logo stands as a lit monument before a giant translucent wordmark. Soft orbs drift, and the frame opens to full screen as you scroll.
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
Every cat memecoin, one table, five chains.
An index of cat-themed memecoins across five chains.
01 Display
Familjen Grotesk
02 Text
Instrument Sans
03 Accent
Martian Mono
Blueprint to Monument
The drawn blueprint hands off to the standing monument, then the hero's angular frame expands until it fills the screen.
- 01Blueprint loader that draws the logo
- 02Hero: logo monument over a giant wordmark
- 03Enter zoom through the name
- 04Uppercase section heads, tilting feature cards
- 05Steps as an orbiting roadmap timeline
- 06Token and FAQ
- 07Finale: the logo redraws, closing line rises
Cinematic: slow-in, with light that follows the scroll.
Signature
Blueprint to Monument
The drawn blueprint hands off to the standing monument, then the hero's angular frame expands until it fills the screen.
Moment
Enter the Name
A small Enter label sits over the name in a tight grotesk. As you scroll, the view zooms into one letter until its inside becomes the violet of the next section, with a lilac glow at the centre.
- 01Motion starts slow and builds, like a camera move.
- 02The name gains weight, from regular to bold, as the zoom begins.
- 03A lilac glow brightens and fades as the zoom passes through.
- 04In the finale the logo redraws over 2.2s, then lines rise from masks.
- 05Buttons get a light sweep across them on hover, in 700ms.
Built with
- Smooth scroll
- Character reveals
- Scroll reveals
- Magnetic buttons
- 3D tilt
- Text scramble
No intro: the page is there at once. Under reduced motion, everything lands in place.
The small parts.
- Nav
- Inset bar, 56px, clear until 80px of scroll, then night at 70% with 10px blur; Martian Mono 10px, +16% tracking
- Buttons
- Radius 4, 48px, lilac with night text; secondary is a 1px glow outline at 40%; hover sweeps light in 700ms
- Cards
- #191838 with a 1px glow border at 20%, radius 16, 3D tilt up to 8 degrees with a glare
- Cursor
- A 24px glow ring on the hero only
- Radii
- 4 and 16
- Grain
- 4%, plus a faint 24px blueprint grid in the hero and finale
- Type
- Familjen Grotesk display, Instrument Sans text, Martian Mono labels
The [noun] for [the next/every] [domain]. Or: [Noun] is here. Max 8 words.
Tone: cinematic, ambitious, grounded.
Button verbs
- Enter
- Launch
- Read
- Join
Chapter labels CH.01 to CH.05 with words like Blueprint, Protocol, Token and Questions; section titles uppercase, 4 words max.
Token
The orbiting step timeline is labelled like an upgrade roadmap, v1, v2, v3, with the step titles as milestones and no dates or promises.
Start with Lapis.
Use this look