Landing Page
Design System

17 distinct visual directions — same product, radically different aesthetics.

01

→ LANDING v1 (l1-derived)

Safe SaaS direction — L1 base with L2/L7 accents, authentic content

02

→ LANDING v2 (clinical)

Clinical-editorial direction — IBM Plex, chart metadata, graph-paper grid, same teal palette as v1

03

Clinical Professional

Navy/teal, serif headers, trust badges

04

Dashboard / Product-Led

CSS dashboard mockup, product tour feel

05

Futuristic Cyberpunk

Cyan/magenta neon, glowing borders, data-viz

06

Warm & Human

Cream/sage/terracotta, organic, caregiver-focused

07

Bold SaaS Startup

Electric lime, massive typography, high-energy

08

Minimal Editorial

Near-monochrome, dramatic serif, magazine feel

09

Glassmorphism

Frosted glass cards, gradient mesh background

10

Retro Brutalist

Thick borders, exposed grid, punk zine energy

11

Aurora Gradient Mesh

Flowing color blobs, dreamy animated gradients

12

Japanese Zen

Wabi-sabi, extreme whitespace, enso circle

13

Newspaper Typographic

Multi-column broadsheet, drop caps, datelines

14

Playful Illustrated

Bright pastels, SVG doodles, bouncy animations

15

Art Deco Luxury

Gold on black, geometric patterns, Gatsby glamour

16

Terminal / Hacker

Green on black, typing animations, CRT scanlines

17

Bento Grid

Asymmetric grid cards, mini CSS visuals per feature