Designs

@designs

Follow

·

Public designs

Dots
designs/paper-dots
Paper Shaders dotted pattern using fg and accent, scaled from spaceUnit. CSS dotted fallback without WebGL2.
v1 · Updated Aug 30, 2026
Open /designs/paper-dots
Paper grain
designs/paper-grain
Paper Shaders grain overlay. Reuses the same grain intensity as Film grain — do not add a second grain slider.
v1 · Updated Aug 30, 2026
Open /designs/paper-grain
Mesh gradient
designs/paper-mesh-gradient
Paper Shaders mesh overlay using bg, surface, and accent. Stack like a filter; CSS fallback when WebGL2 is missing.
v1 · Updated Aug 30, 2026
Open /designs/paper-mesh-gradient
Inclusive / a11y-first
designs/inclusive
Boost contrast, enlarge targets, reduce motion dependency cues.
v5 · Updated Aug 30, 2026
Open /designs/inclusive
Content-first
designs/content-first
Typography leads; chrome recedes. Larger body measure, quieter chrome.
v5 · Updated Aug 30, 2026
Open /designs/content-first
Mobile-first
designs/mobile-first
Constrain the canvas and stack content vertically — force primary hierarchy.
v5 · Updated Aug 30, 2026
Open /designs/mobile-first
8-point grid
designs/8pt-grid
All spacing snaps to multiples of 8. Predictable rhythm across components.
v5 · Updated Aug 30, 2026
Open /designs/8pt-grid
Gestalt grouping
designs/gestalt
Proximity, similarity, and common region made visible — tighten related clusters.
v5 · Updated Aug 30, 2026
Open /designs/gestalt
Atomic design
designs/atomic
Think atoms → molecules → organisms. Preview emphasizes component hierarchy labels.
v5 · Updated Aug 30, 2026
Open /designs/atomic
Organic / Nature
designs/organic
Warm earth tones, soft large radii, open spacing, calm biophilic feel.
v5 · Updated Aug 30, 2026
Open /designs/organic
Dark product chrome
designs/dark-product
Near-black fields, hairline borders, cool accent, dense tool density — product UI default.
v5 · Updated Aug 30, 2026
Open /designs/dark-product
Material elevation
designs/material
Layered elevation, paper surfaces, purposeful motion language.
v5 · Updated Aug 30, 2026
Open /designs/material
Bauhaus
designs/bauhaus
Primary geometric forms, primary colors, functional type, form follows function.
v5 · Updated Aug 30, 2026
Open /designs/bauhaus
Editorial / Magazine
designs/editorial
Serif display, generous margins, ink-on-paper palette, strong pull quotes.
v5 · Updated Aug 30, 2026
Open /designs/editorial
Soft UI / Neumorph
designs/soft-ui
Low-contrast extruded surfaces, dual light/dark shadows, monochrome calm.
v5 · Updated Aug 30, 2026
Open /designs/soft-ui
Glass / Frost
designs/glass
Translucent panels, soft borders, depth through blur and layering rather than hard edges.
v5 · Updated Aug 30, 2026
Open /designs/glass
Neo-brutalism
designs/neo-brutal
Playful hard shadows, saturated accents, chunky radii, bold type — friendlier than pure brutalism.
v5 · Updated Aug 30, 2026
Open /designs/neo-brutal
Brutalist
designs/brutalist
Raw structure, thick borders, mono type, confrontational contrast, anti-decoration.
v6 · Updated Aug 30, 2026
Open /designs/brutalist
Swiss / International
designs/swiss
Grid rigor, asymmetric layouts, Helvetica-like neutrality, high contrast type hierarchy.
v6 · Updated Aug 30, 2026
Open /designs/swiss