Colour
Background#ededed
Text#000000
Accent#ff2f00
Surface#fafafa
Muted#666666
Typefaces
- Display
- Neue Montreal
- Body
- Neue Montreal
- Mono
- —
- Source
- self_hosted
- Scale
- 12 · 14 · 16 · 18 · 20 · 22
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 12px · 24px · 999px
Capture
- Category
- foundry
- Sections
- 12
- Captured
- 2026-08-27
- Rhythm
- light → dark → light x2 → dark x2 → light → mixed x2 → light → mixed → light
Type rules
- display headlines rendered in massive sentence case centered over media containers
- body specimen lines set at generous widths up to 94 characters
- specimen cards present glyph previews in paired Aa scale alongside metadata lists
Colour rules
- neutral grey background provides high contrast canvas for crisp white and black surfaces
- vibrant warm red accent reserved strictly for status badges, tags, and key interactive pills
- full-bleed photography and dark specimen slabs alternate with light modular grid containers
Voice rules
- pair typeface names with three-word descriptive hooks
- keep CTA buttons pill-shaped with concise action verbs
Holds it together
- enclose hero type specimens within full-width rounded banner cards containing background imagery
- use small pill-shaped badges in primary accent red or yellow to indicate new releases and updates
- present type catalog items in strict four-column modular grid cards with light neutral fills
Contrast
text on background17.9:1 AAA
muted text on background4.9:1 AA
text on surface20.1:1 AAA
accent on background3.2:1 AA Large
background on accent3.2:1 AA Large
Type, measured
- Body
- 22px / 1.3
- Measure
- 94 characters
- Display
- 145px / 1
- Tracking
- 0em display
- Scale ratio
- 1.60
Voice
- Tone
- confident, curated
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- explore, try, learn, view, buy
Built with
- Builder
- —
- Framework
- —
- Motion
- swiper
- WebGL
- —
- Nav
- top_bar, 5 items
- Length
- 9.2 screens
Colour, by area
accent on text, primary_button, icon, container, link#ededed 0%#fafafa 0%#000000 0%#ff2f00 0%#ffffff 0%#ffb700 0%
Sections in page order
3 strongest marked · 12- 00
hero
StrongestBold, refreshing type showcase centering oversized letterforms over a repeating carousel of fizzy drink photography.
- Mood
- bold + playful
- Layout
- 11 col · centered · balanced
- 01
hero
Bold typographic specimen hero layered directly over cinematic city architectural video with rounded pill buttons.
- Mood
- bold
- Layout
- 6 col · centered · airy
- 02
hero
An expansive Swiss mountain landscape frames bold centered typography to introduce a new typeface with calm confidence.
- Mood
- quiet + bold
- Layout
- 14 col · stacked · airy
- 03
showcase
StrongestA pristine type specimen catalog structured in a disciplined four-column grid of modular cards.
- Mood
- clinical + editorial
- Layout
- 4 col · grid · balanced
- 04
showcase
A sleek dark carousel card presenting embossed silver foil print design with vibrant orange tag accents.
- Mood
- editorial + quiet
- Layout
- 1 col · centered · balanced
- 05
statement
Minimal dark statement block featuring clean centered typography and a subtle red price callout above a pill CTA.
- Mood
- quiet + bold
- Layout
- 16 col · centered · airy
- 06
logo bar
A clean, restrained brand credibility strip presenting iconic company logos housed within soft rounded-rectangle tiles.
- Mood
- quiet + clinical
- Layout
- 1 col · split · balanced
- 07
showcase
A confident typographic banner overlaid on a rich editorial flat-lay photo with a clean call-to-action.
- Mood
- editorial + bold
- Layout
- 10 col · centered · balanced
- 08
showcase
StrongestA high-impact split showcase pairing glossy 3D typographic renders with striking high-contrast product cards.
- Mood
- bold + dreamy
- Layout
- 2 col · split · balanced
- 09
showcase
Bold, graphic showcase pairing large rounded product and editorial cards with clean grotesque typography and pill action buttons.
- Mood
- playful + editorial
- Layout
- 2 col · grid · balanced
- 10
showcase
A punchy article carousel displaying typographic insights over vibrant urban fisheye photography.
- Mood
- bold + editorial
- Layout
- 1 col · centered · balanced
- 11
footer
An exhaustive, directory-style typographic footer pairing an ornate calligraphic signature with an orderly catalog grid.
- Mood
- editorial + quiet
- Layout
- 11 col · grid · dense
