Reference board / do not confuse the silhouettes
Strong choices, not mushy vibes.
This page is a calibration board built from the public brand-system references already in the local catalog. The goal is to stop saying “Swiss-ish”, “modern”, or “futuristic” when what we really need are clear visual anchors with distinct typography, spacing, surfaces, button geometry, and color behavior.
8 anchor systems rendered as quick visual silhouettes
55 brand templates available in the local design-system catalog
2 styles called out as weak in the prior lab: Y2K and Xerox zine
1 main rule: structure first, decoration second
What this is doing
Groups reference aesthetics by unmistakable behavior rather than vague taste labels.
Shows what each family actually feels like on the page .
Makes it easier to choose the next round of microsite philosophies with real separation.
Preserves the useful critique: the prior Y2K read too current-product / gradient-SaaS, and the Xerox page was too clean to feel copied, passed around, or physically abused.
Brand reference silhouettes
Each tile below is a quick reference sketch based on the documented system tokens and structural habits in the local design-template library: IBM, Stripe, Notion, Vercel, Figma, Apple, Framer, and Spotify.
IBM Carbon / enterprise authority / 48px rail
Systemic clarity over atmosphere.
Rectangles, bottom-border form logic, one blue, flat surfaces, and a voice that sounds audited rather than improvised.
0px corners
IBM Blue 60
Plex Sans + Mono
Stripe / sohne-var / blue-tinted shadows ss01 / weight 300
Quiet luxury for technical money.
Lightweight headlines, deep navy, premium purple, and shadows that feel atmospheric rather than app-flat.
Weight 300 display
Purple action
Blue-gray shadow stacks
Notion / warm neutral canvas / whisper borders
Calm paper, gentle structure.
Warm off-whites, almost invisible borders, soft cards, and a blank-canvas mood rather than a corporate grid.
This is not Swiss severity. It is approachable, writable, and materially soft.
Warm gray field
Pill badges
Friendly curation
Vercel / Geist / shadow-as-border
Infrastructure rendered as absence.
The page is almost empty, but the typography is compressed and the cards are engineered with border-shadow stacks, not decorative panels.
Geist tight tracking
Monochrome base
Workflow color only
Figma / monochrome chrome, colorful artifact
Black and white UI. Color belongs to the work.
Chrome is B/W
Product content carries the chroma
Round pills + circles
Apple / cinematic object page
Object reverence, not interface busyness.
Binary black / light gray
One blue for action
Product as sculpture
Framer / void-black / kinetic display
Dark stage. Compressed headlines. Tool as spectacle.
Pure #000 canvas
Electric blue ring
Huge negative tracking
Spotify / content-first darkness
Rounded control surface for media.
Album art provides the color.
The interface should disappear behind listening.
Near-black layers
Green only for action
Pills + circles everywhere
What this says about the last style lab
The critique is right: two of the previous directions were still too close to contemporary polished web practice. Here is the blunt diagnosis.
Why the Y2K page missed
It read like a modern AI landing page with neon gradients , not a period-specific or subcultural interface language.
Too much glass, blur, and clean layout discipline made it feel post-2020 instead of awkward, synthetic, branded, or net-portal strange.
A better fork would choose one of three actual anchors: rave flyer , Winamp / music skin future , or browser-portal chrome futurism — and commit.
Why the Xerox zine page missed
It was too clean, too centered, and too rational. A Xerox zine should look reproduced, taped, stamped, overprinted, misregistered, and circulated .
The page still behaved like a tidy responsive article layout instead of a pile of copied sheets assembled by hand.
A better version needs black toner texture, crooked rules, photocopy grain, clipped fragments, margin notes, tape scars, and uneven scan darkness.
Stronger replacements for the next round
IBM / systems manual instead of generic Swiss-modern seriousness.Stripe / fintech editorial instead of generic “premium modern.”Framer / dark motion tool instead of vague cyber-future.Actual Xerox punk bulletin instead of a clean zine pastiche.
How to use this board
Pick a page and say: more IBM than Swiss , more Stripe than generic startup , more Framer than nebulous future .
Use brand references to stabilize the silhouette, then abstract upward into a reusable philosophy.
Only after the structure is distinct should we add surface motifs like noise, gradients, tape, or glow.