← /reskin · The 28 Archetypes

The 28 Archetypes

Each archetype is a JSON object with hard tokens — specific fonts (with Google Fonts URL), committed hex palette, exact radii, motion DNA, real reference URLs, and explicit anti-rules. Sub-agents sample 10 of these per run, weighted by 2-second-cut recognizability and constrained to one archetype per design family. Hover for the 2-sec hook.

10/10

CRT Terminal

technical

#33FF66 · #0A0A0A · #FFB000

JetBrains Mono (Berkeley Mono substitute)

9/10

Swiss Editorial Grid

editorial

#000000 · #FFFFFF · #E10600

Work Sans (Neue Haas Grotesk substitute)

9/10

Bloomberg Brutalist

editorial

#000000 · #FFFFFF · #0000EE

Oswald (Söhne Breit substitute)

9/10

Risograph Zine

print

#FF48B0 · #F4EFE2 · #1FB6E0

Fraunces (PP Editorial New substitute)

9/10

ASCII Art Revival

technical

#FFFFFF · #0A0A0A · #FFB000

JetBrains Mono

9/10

Acid Graphics

maximalist

#C6FF00 · #0A0A0A · #FF00C8

Fraunces Italic (Migra Italic / Mori substitute)

9/10

Surveillance Dossier

ornamental

#1A1A1A · #D8C28C · #A41E22

Special Elite (American Typewriter substitute)

9/10

Pixel Art / Bitmap

pixel

#FFCC00 · #1D2B53 · #FF004D

Press Start 2P

9/10

Geocities Formal (Hand-Coded Personal Site)

archaeological

#000080 · #C0C0C0 · #FF00FF

Tinos (Times New Roman substitute)

8/10

Tactile Brutalism

brutalist

#111111 · #F2EFE6 · #A86B2A

Oswald (Söhne Breit substitute)

8/10

Cute-alism (Kawaii Brutalist)

brutalist

#000000 · #FFF7FB · #FF3FAB

Caveat

8/10

Newsprint Broadsheet

editorial

#111111 · #F6F2E7 · #7A0A0A

Newsreader (Domaine Display substitute)

8/10

Sports Almanac

data-dense

#0A2342 · #F4F1EA · #C8102E

Bebas Neue (Sporting Grotesque substitute)

8/10

Architectural Blueprint

technical

#FFFFFF · #001F4A · #7CD8FF

Inter Tight

8/10

Bauhaus Geometric

geometric

#E63946 · #F4F1EA · #1D4ED8

Jost (Futura substitute)

8/10

Tarot Mystical

ornamental

#E8C36B · #1A1240 · #7A1F2B

Cormorant Garamond

8/10

Vaporwave Y2K

y2k-revival

#FF6EC7 · #1A0F3D · #00E0FF

Tinos (Times New Roman substitute)

8/10

Acid Editorial (post-Pangram)

editorial

#0F0F0F · #F4F1E8 · #D7FF3A

Fraunces (PP Editorial New substitute)

8/10

Maximalist Collage (Post-Internet)

maximalist

#1A1A1A · #F0E8D6 · #FF3D7F

Fraunces

8/10

Cinema Letterbox

photographic

#F0E0B0 · #000000 · #7A2A1A

Cormorant SC (Trajan substitute)

8/10

Architectural Mono-Color (Single-Hue Saturation)

photographic

#FFFFFF · #E25822 · #FFFFFF

Fraunces (PP Editorial New substitute)

7/10

Liquid Glass

glass

#FFFFFF · #1A0E3A · #7CC4FF

Inter Tight (SF Pro Display substitute)

7/10

Frutiger Aero Revival

y2k-revival

#0B7FB8 · #BCEAF5 · #9CE56F

Manrope (Frutiger/Myriad substitute)

7/10

Notebook Sketch (FigJam-core)

hand-drawn

#1F1F1F · #FAF7EC · #FFD23F

Caveat

7/10

Photographic Editorial (Film Grain)

photographic

#F2EDE4 · #0E0E0E · #D9A85A

Cormorant (GT Sectra substitute)

7/10

Tech-Bro Console (Vercel-noir)

technical

#FFFFFF · #000000 · #C6FF00

JetBrains Mono (Geist Mono substitute)

6/10

Skeuomorphic Revival

tactile

#6B4423 · #E8DCC4 · #B08D57

Manrope (Avenir substitute)

4/10

Notion Sketched (Soft Productivity)

productivity

#37352F · #FAFAF7 · #E8B4A0

Inter Tight

How to read these

The colored tile uses the archetype's actual palette (primary / background / accent). The score in the corner is a 0-10 rating of how recognizable the archetype is in a 2-second Instagram reel cut — higher means it gets sampled more often.

Each archetype also carries motion DNA (the personality of motion, not just "smooth"), 2-3 reference URLs (Awwwards winners or real production sites — not Dribbble shots), and explicit anti-rules (what would ruin the archetype). View the raw JSON in the source: skill/archetypes.json.