Visual Identity System

# Choose your design skill

Each skill is a complete visual system — colors, typography, components, and patterns. Pick one and your app gets a coherent, intentional identity from the start.

9 design skills App + landing page previews Stack-agnostic
Glass · Depth · Blur
Glassmorphism UI Light default

Frosted glass surfaces floating over gradient backgrounds. Perceived depth through transparency, luminous borders, and violet-blue accents. Apple-like, iOS-grade.

Fintech Crypto dashboards Mobile apps Portfolio
App preview→ Landing page→
Bold · Raw · Honest
Neo-Brutalist UI Light default

Thick borders, hard shadows with zero blur, and saturated yellow accent. Structural honesty — every component shows its construction. Anti-corporate by design.

Indie products Devtools Creative tools Side projects
App preview→ Landing page→
Human · Warm · Breathable
Warm Craft UI Light default

Serif headings, terracotta accents, generous whitespace. Feels handcrafted, trustworthy, and immediately approachable — like a well-designed physical notebook.

Productivity SaaS B2C Health Education
App preview→ Landing page→
IMPACT
Bold Editorial UI Dark default

Typography as architecture. Display fonts at 80–120px. Red-orange accent. Cinematic contrast, editorial rhythm — every scroll feels like turning a magazine page.

Landing pages Marketing Portfolios SaaS marketing
App preview→ Landing page→
Efficient · Precise · Invisible
Clean SaaS UI Light default

Professional neutrality with systematic precision. Blue accent, Inter-only, medium density. Optimized for the humans who live inside B2B software for 8 hours a day.

B2B SaaS Admin panels CRM / ERP Internal tools
App preview→ Landing page→
Dense · Tactical · Premium
Cognitive Core UI Dark default

Military-grade dashboard meets refined SaaS. Teal/cyan accent with glow, 3 depth levels, monospace metadata rails, large numeric stat readouts. Mission control feel.

Command centers Analytics Dev tools AI platforms
App preview→ Landing page→
Tri-Rail · Aurora · Operational
Premium Command Center UI Dark only

Tri-rail shell: left nav, center workspace, right activity rail. Aurora-glass surfaces, deep graphite, search-first interaction. For products under real operational pressure.

Orchestration Control towers Operations Monitoring
App preview→ Landing page→
Glass · Command · Aurora
Aurora Command UI ✦ Hybrid

Cognitive Core × Glassmorphism. Dark aurora gradient substrate with dark-tinted glass panels. Military command structure — mono rails, dense stats — living inside an aurora space. Teal-electric + violet gradient pair.

SOC / Security AI platforms Dev tools Infra cockpits
Dashboard→ Landing page→
Craft · System · Continuity
Interface Design Adaptive

General craft package — no preset visual language. Use when you want strong design decisions without committing to a specific aesthetic. Hierarchy through discipline, not decoration.

Web apps Websites Redesigns Multi-screen
App preview→ Landing page→