A warm, balanced system where artwork, story, and navigation share the room.
- Balanced mood and navigation
- Warmest visual tone
- Clearest client path
Choose the design system.
Compare design systems. Each system is defined by a dark preview, a light preview, and a DESIGN.md file.
Four design systems, one selection.
Select a system to update the preview and design document. Review and decide on the full design system, not just the preview.
Preview the selected system.
Switch between dark and light previews, then open DESIGN.md for the rules that define the system.
Compare the strengths.
Use these summaries to discuss fit. They aren't scores, and there isn't an automatic winner.
A bold, full-screen system where artwork creates the first impression and the interface stays quiet.
- Most immersive
- Strongest first impression
- Quietest interface
A tactile archive system built from fragments, motifs, studio notes, and evidence.
- Most tactile
- Strongest process story
- Deepest archive feel
A near-black viewing room for close looking before any print or inquiry path.
- Most collectible
- Closest to private gallery
- Clearest print path
We'll use the same artwork across design systems.
Using the same local assets makes differences in layout, pacing, and tone easier to judge.
Every crop comes from the local archive, so the comparison stays tied to the same body of work.
How to use this page.
Open the previews, read DESIGN.md, then choose the system that should be developed.
Start with the dark preview.
Each system opens in a dark mode preview so you see the intended primary mood first.
Compare the light version.
Use the light preview to check how the system adapts when the surface is lighter.
Open DESIGN.md.
DESIGN.md defines the colors, typography, layout, components, and implementation rules.
Select one system.
Let me know which system you want to carry into production.
Fallback copy stays clear.
If a preview is loading, missing, or unavailable, the page tells the client what to do next.
Loading
The page reserves preview space while the file loads, preventing layout jumps.
Empty
If no system is selected, the page points back to the system list.
Choose a design system
Error
If a preview fails, the DESIGN.md link stays available.
Preview unavailable. Open DESIGN.md while the preview file is restored.
Keep selection usable.
Keyboard access, visible focus, contrast, and reduced motion support help every client compare the systems.
The selector stays visually steady while the previews show different systems.
Buttons are plain, focusable, and large enough to use without guessing.
Preview and DESIGN.md links remain close to the selected system.