Family Type
Stark, high-contrast type foundry specimen catalogue. Monochromatic interface scaffolding recedes completely behind oversized graphic editorial spreads.
Visit siteColour
Background#ffffff
Text#000000
Accent#000000
Surface#000000
Muted#000000
Typefaces
- Display
- Universal Sans Text
- Body
- Universal Sans Text
- Mono
- —
- Source
- self_hosted
- Scale
- 10 · 14
Layout
- Grid
- 2 columns
- Container
- 702px
- Spacing base
- 4px
- Radius
- 12px
Capture
- Category
- foundry
- Sections
- 20
- Captured
- 2026-08-30
- Rhythm
- mixed x4 → light x2 → dark x4 → light → mixed x4 → light → mixed
Type rules
- system-level copy stays fixed at micro scale (10-14px)
- display type rendered directly within specimens as graphic content
Colour rules
- pure monochrome interface (#ffffff and #000000) letting specimen artwork supply color
Voice rules
- typeface names only as specimen labels
- strictly functional utility microcopy
Holds it together
- cards alternate between tight 2-column grid blocks and full-bleed specimen tiles
- interface chrome and specimen titles remain strictly 14px or smaller
- let specimen assets drive layout rhythm rather than UI decoration
Contrast
text on background21.0:1 AAA
muted text on background21.0:1 AAA
accent on background21.0:1 AAA
background on accent21.0:1 AAA
Type, measured
- Body
- 14px / 1.43
- Measure
- 14 characters
- Display
- 14px / 1.43
- Tracking
- 0em display
- Scale ratio
- —
Voice
- Tone
- minimal, curatorial
- Sentences
- short
- Person
- third
- Vocabulary
- technical
- Calls to action
- view, buy
Built with
- Builder
- —
- Framework
- sveltekit
- Motion
- —
- WebGL
- —
- Nav
- sticky_top_bar, 6 items, sticky
- Length
- 13.7 screens
Sections in page order
3 marked strong · 20- 00
showcase
High-contrast Swiss-style editorial showcase featuring bold sans-serif typography paired with physical book mockups.
- Mood
- editorial + bold
- Layout
- 2 col · split · balanced
- 01
showcase
StrongStark monochromatic portfolio showcase displaying high-contrast graphic book layouts and expressive uppercase typography.
- Mood
- editorial + bold
- Layout
- 2 col · grid · dense
- 02
gallery
Restrained and quiet typographic captions anchoring high-contrast editorial portfolio items.
- Mood
- quiet + editorial
- Layout
- 24 col · grid · airy
- 03
showcase
High-contrast editorial spread showcase contrasting classical serif typography with stark oversized numbers and vibrant diagonal accents.
- Mood
- editorial + bold
- Layout
- 2 col · grid · dense
- 04
showcase
Crisp typography showcase item presenting graphic design artifacts and editorial layouts with minimalist catalog precision.
- Mood
- editorial + quiet
- Layout
- 24 col · grid · dense
- 05
showcase
StrongA high-contrast typographic specimen section pairing stark geometric grotesk blocks with a dense editorial index of serif display lettering.
- Mood
- editorial + bold
- Layout
- 16 col · split · dense
- 06
nav
StrongA crisp white horizontal navigation bar slicing across stark, contrasting high-scale typographic specimen panels.
- Mood
- quiet + clinical
- Layout
- 16 col · full bleed · airy
- 07
showcase
Sparse, gallery-like layout with restrained micro-typography framing dark rounded showcase cards.
- Mood
- quiet + editorial
- Layout
- 16 col · grid · airy
- 08
showcase
A precise, dark-mode type design tool interface paired alongside clean typographic specimen lettering.
- Mood
- clinical + quiet
- Layout
- 2 col · split · balanced
- 09
showcase
A sleek, dark interactive timeline fragment pairing high-contrast year typography with polished UI app icons.
- Mood
- clinical + quiet
- Layout
- 16 col · grid · dense
- 10
showcase
A precision-engineered interactive type specimen interface demonstrating variable font weights against a stark dark backdrop.
- Mood
- clinical + quiet
- Layout
- 2 col · split · dense
- 11
showcase
A cropped typographic specimen display showcasing bold serif lettering alongside interactive font weight controls.
- Mood
- clinical + bold
- Layout
- 2 col · grid · dense
- 12
showcase
A crisp typographic showcase featuring side-by-side cards with oversized display letterforms.
- Mood
- editorial + bold
- Layout
- 2 col · grid · balanced
- 13
showcase
A high-contrast monochrome split showcase combining vintage industrial product design with bold editorial typography.
- Mood
- editorial + nostalgic
- Layout
- 2 col · split · dense
- 14
showcase
A stark monochrome specimen card pairing high-contrast industrial photography with meticulous typographic details and metrics.
- Mood
- clinical + editorial
- Layout
- 2 col · split · balanced
- 15
showcase
A stark, high-contrast monochrome portfolio strip driven by oversized typography and print editorial sensibilities.
- Mood
- editorial + raw
- Layout
- 2 col · grid · dense
- 16
gallery
Stark, high-contrast monochrome portfolio cards featuring bold Swiss-inspired typography and dense linear graphics.
- Mood
- bold + editorial
- Layout
- 2 col · grid · dense
- 17
showcase
Restrained, airy label row providing quiet typographic anchoring between visual project cards.
- Mood
- quiet + editorial
- Layout
- 24 col · asymmetric · airy
- 18
showcase
A cropped editorial book cover graphic featuring bold serif typography set against a muted slate background beside open whitespace.
- Mood
- editorial + quiet
- Layout
- 2 col · split · airy
- 19
gallery
A vertical stream of heavy typographic specimen cards showcasing expressive editorial treatments and distinct layout studies in succession.
- Mood
- editorial + raw
- Layout
- 8 col · stacked · dense
