Creative Archetypes & Reference Library
Lightweight reference library encoding design grammar, typography, and density traits.
8 Seeded Archetypes
Linear / Raycast
#1
Tech Editorial
minimal
dark
grid
typography
Typography: Grotesque + Monospace
Density: High whitespace
Conveys extreme technical competence without clutter.
Codevector Design Archive
Wired / FastCompany
#2
Editorial Magazine
bold
serif
journalistic
Typography: Serif + Sans
Density: Medium
Strong literary authority and narrative pacing.
Codevector Design Archive
Josef Müller-Brockmann
#3
Swiss Minimal
grid
asymmetry
strict-hierarchy
Typography: Akzidenz/Helvetica
Density: Strict mathematical grid
Timeless clarity and objective organization.
Codevector Design Archive
Nike / Druk
#4
Bold Typography
heavy
condensed
high-contrast
Typography: Monument Extended / Druk
Density: Dense impactful
Stops the feed scroll instantly.
Codevector Design Archive
Stripe Press
#5
Data & Diagrammatic
architecture
schematic
node-graph
Typography: Technical Mono
Density: Information-dense
Shows concrete evidence and architectural proof.
Codevector Design Archive
Kinfolk / Cereal
#6
Photography-Led
cinematic
subdued
moody
Typography: Minimalist Sans
Density: Breathing room
Creates visceral emotional resonance.
Codevector Design Archive
Vercel Ship
#7
Premium Dark
neon-glow
slate-black
card-elevation
Typography: Geist Sans + Mono
Density: Balanced
Feels cutting-edge and developer-native.
Codevector Design Archive
Refactoring UI
#8
Clean Educational
annotated
before-after
card-callouts
Typography: Inter UI
Density: Modular
Delivers actionable tactical takeaways.
Codevector Design Archive