Design System
Previews
Brand identity + landing page variants. Same product, different strokes.
Logo Concepts
17 mark directions across typographic, geometric, organic, and conceptual territory — with a live primary/accent color picker, light/dark preview, size ladder, and wordmark study.
Landing Page Variants
17 distinct visual directions — radically different aesthetics for the same product.
→ LANDING v1 (l1-derived)
Safe SaaS direction — L1 base with L2/L7 accents, authentic content
→ LANDING v2 (clinical)
Clinical-editorial direction — IBM Plex, chart metadata, graph-paper grid, same teal palette as v1
Clinical Professional
Navy/teal, serif headers, trust badges
Dashboard / Product-Led
CSS dashboard mockup, product tour feel
Futuristic Cyberpunk
Cyan/magenta neon, glowing borders, data-viz
Warm & Human
Cream/sage/terracotta, organic, caregiver-focused
Bold SaaS Startup
Electric lime, massive typography, high-energy
Minimal Editorial
Near-monochrome, dramatic serif, magazine feel
Glassmorphism
Frosted glass cards, gradient mesh background
Retro Brutalist
Thick borders, exposed grid, punk zine energy
Aurora Gradient Mesh
Flowing color blobs, dreamy animated gradients
Japanese Zen
Wabi-sabi, extreme whitespace, enso circle
Newspaper Typographic
Multi-column broadsheet, drop caps, datelines
Playful Illustrated
Bright pastels, SVG doodles, bouncy animations
Art Deco Luxury
Gold on black, geometric patterns, Gatsby glamour
Terminal / Hacker
Green on black, typing animations, CRT scanlines
Bento Grid
Asymmetric grid cards, mini CSS visuals per feature