Make it
distinct.

Reusable website directionChoose a subject, select a visual language, then replace the sample content with real media. The structure stays useful; the identity changes.
01 / Design thesis

A small system for making many different websites that still feel authored.

Premium systemLive interface preview
considered / precise

Ideas become
visible.

01 / Shape

Define the promise, the audience, and the visual grammar.

02 / Signal

Use one signature interaction that belongs to the subject.

03 / Move

Make the next action obvious: explore, book, buy, or enquire.

Ready for real media

Full-page preview.

This is the template decision
HOUSE / STUDIOSelected: PremiumMenu +
Independent digital studio01 / 04

Build a world
people remember.

Strategy · Design · DevelopmentScroll to explore ↓
Selected work

Make the invisible useful.

A media-ready structure for a service, product, or place. Replace these blocks with real images later; the hierarchy and interface remain.

Case study / 01
Case study / 02
01Strategy & direction
02Interface & interaction
03Launch & refinement

Have a good idea?

House references.

Built patterns / no media

VANTA / LOOP

01
VANTA / LOOPFIELD · 01
Creative
systems.

Spatial creative-technology structure with a procedural field, utility labels, and a strong cursor-led presence.

Use for: agency · tech · portfolio

LUMEN / LAB

02
LUMEN / LABFILM, RESOLVED.
Light
in motion.

Film-studio shell with a curtain reveal, focused navigation, and a cinematic “resolved” presentation rhythm.

Use for: studio · film · editorial

SÉRAC

03
SÉRACSHOP · FIND GEAR
TECHNICAL SHELL

$620
ADD TO BAG ↗

Product-first commerce layout: compact header, clear product hierarchy, technical labels, and a direct shopping path.

Use for: apparel · retail · ecommerce

SOLAIRE

04
SOLAIREPUBLIC WORKS
Make service
weather-proof.
01 / CLARITY02 / TRUST

Service-business structure built around a clear promise, reading flow, trust, and a visible conversion action.

Use for: local service · nonprofit · consulting

POLIS

05
POLISBUILD 01
A world
to enter.
CITY / 04

EXPLORE ↗

World-building interface with a navigable scene, modular information panels, and an intentionally authored visual language.

Use for: culture · game · 3D world

HOUSE ARCHIVE

06
HOUSE / ARCHIVE24 PROJECTS
PROJECT / CATEGORY

Portfolio index pattern for organizing many projects by category, status, and visual direction without loading every asset.

Use for: portfolio · dashboard · case studies

Build prompt.

Template → reference → category

UI Component Library.

Reverse-engineered patterns → reusable prompts
Daily harvest ledger / anti-duplicate memory

Technical components worth building.

Every entry records access, source status, and an original implementation contract. A quota-consumed item is never re-copied in the same day.

21st.dev + MotionSites / spatial UI field

Make the interface feel current.

These are the non-generic interaction families: depth with state change, native spatial rails, kinetic navigation, cursor fields, semantic media reveals, and chaptered scroll—not random effects.

Public detail evidence / source → mechanism

Verified mechanics, not just effect names.

Each card records what the public detail page actually disclosed, when the pattern is useful, and when it would damage clarity, performance, or conversion.

Full-fidelity user prompt vault / 2026-07-29

Complete prompts, never 30-line summaries.

These are immutable copies of the supplied source prompts. The dashboard indexes them, while separate technical briefs add implementation guidance without replacing any source detail.

Verified public reference atlas / 2026-07-29

Hero families, not generic effects.

Choose one family and at most two supporting patterns. Each card is an original build brief with a visible access boundary and a required fallback.

Firecrawl curation / 21st.dev taxonomy

Production utility patterns.

These are categories and behavior families extracted from public component indexes, then rewritten as original implementation prompts.

GitHub source map

Which repository should I mine?

Use these public repositories as source maps. Copy the idea and implementation contract, then hand-build an original equivalent in the project’s existing stack.

Typography

Characterful display, clean body, mono utility labels.

UI behavior

Reveal, hover lift, and restrained depth.

Best fit

Studios, consultants, and polished service businesses.

ORIGINAL PRIMITIVE / ASCII SIGNAL

Pixel language,
kept useful.

A live, dependency-free ASCII field for technical portfolios, science, music, games, and creative tools. Use it as one identity surface—not a global background.