Design System
The building blocks behind every generation: 26 style Skills, 26 color Palettes, and a 4,000-icon set.
Style Skills
26 stylesSkyline Monolith
Full-bleed aerial photography as structural slabs alternating with typographic zones — bold, spacious, editorial
Use this style →Landing Page / ProductDimensional Current
Abstract dimensional graphic behind typography + gradient-filled feature containers — dynamic, layered
Use this style →Editorial / BrandHeritage Narrative
Full-bleed photography + hand-rendered illustration alternating — warm, editorial, crafted
Use this style →Technical / SaaSSchematic Core
Technical wireframe diagrams as primary visual content + inline inverse-highlighted typography — precise, technical
Use this style →Product / App ShowcaseDevice Horizon
Multiple overlapping device representations cascading with rotation and depth — product-focused, centered
Use this style →Editorial / BrandScene Shift
Full-bleed photography at recursive levels + alternating two-column rhythm — cinematic, immersive
Use this style →Landing Page / BrandScripted Warmth
Handwritten script word embedded inline in heading + centered single-column flow — humanized, expressive
Use this style →Technical / EditorialData Chronicle
Data visualization + serif/sans typographic contrast — scientific, editorial, analytical
Use this style →Brand / EditorialPainted Hue
Hand-drawn illustrations + warm-toned photography — warm, narrative, artisanal
Use this style →Editorial / LuxuryGrand Letterform
Architectural-scale display typography + marble/parchment textures — monumental, bold, editorial
Use this style →Product / SaaSFeature Spotlight
Dark-mode product demo with neon accent + large UI mockup — modern, tech-forward, impactful
Use this style →Dashboard / AI ProductRounded Canvas
Bento grid dashboard with rounded containers + varied surface fills — soft, modular, product-focused
Use this style →Landing Page / ProductMidnight Stage
Dark-themed centered platform with product mockup as centerpiece — immersive, focused, atmospheric
Use this style →SaaS / Landing PageClassic Ledger
Centered serif headline + stacked single-row items with hairline rules — editorial, restrained, organized
Use this style →Product / EditorialPortal Frame
Floating device over landscape photo + ghostly text columns — cinematic, layered, atmospheric
Use this style →Marketing / BrandColor Pulse
Full-width solid-color surface blocks alternating in rapid sequence — bold, rhythmic, high-energy
Use this style →Editorial / TravelVista Chapter
Large-format landscape photography + three-voice typography (serif/monospace/sans) — editorial, atmospheric
Use this style →AI / SaaSFlow Field
Floating conversational interface on gradient surface — AI-focused, warm, interactive
Use this style →Brand / EditorialCharacter Arc
Large-scale character illustrations + 3D ribbon wrapping photography — playful, vivid, narrative
Use this style →Product / DashboardGrid Gallery
Modular grid of containers with product interface representations — dense, organized, showcase
Use this style →Editorial / BrandCanvas Story
Full-bleed painterly illustration as environmental ground + narrative reading flow — artistic, immersive
Use this style →Product / DataMetric Studio
Product still photography + accent-colored data grid with display typeface — commercial, analytical, bold
Use this style →Technical / SaaSVibrant Span
Full-bleed saturated surface + bridging technical content container — bold, high-energy, structured
Use this style →Editorial / LuxuryGlyph Rhythm
Single repeated glyph mark as sole decoration + editorial photography — minimal, precise, signature
Use this style →Product / SaaSContrast Portal
Horizontal split primary zone (inverse text / neutral product) — balanced, structural, clear
Use this style →Marketing / BrandPulse Rhythm
Alternating two-column zigzag splits driven by condensed display type — energetic, rhythmic, bold
Use this style →Color Palettes
26 palettesClay Summit
Blue-violet + terracotta, modern professional · Light
Dusk Ember
Amber warm orange, warm energy · Light
Zest Burst
Vivid citrus, bold & playful · Light
Silver Haze
Ice blue cool gray, fresh tech · Light
Void Aurora
Deep space + neon purple, cyberpunk · Dark
Pulse Blue
Electric cobalt blue, strong trust · Light
Moss Diary
Fern green + natural, organic warmth · Light
Canopy Mist
Forest sage, natural elegance · Light
Gilded Timber
Vintage warm gold, classic elegance · Light
Orchid Milk
Lavender purple, soft romance · Light
Lilac Haze
Violet mist, soft modern · Light
Quiet Noir
Minimal ink, clean & sharp · Light
Shadow Coral
Black onyx + peach, stylish contrast · Light
Antique Honey
Parchment gold, classic luxury · Light
Crystal Veil
Prism white, colorful & fresh · Light
Ash Blossom
Rose charcoal, elegant depth · Light
Sunlit Clay
Sunny warm orange, bright & joyful · Light
Dew Field
Spring grass green, natural vitality · Light
Matrix Viridian
Terminal green, dark tech · Dark
Dusk Flora
Twilight garden, dreamy dark · Dark
Amethyst Shower
Violet bloom, romantic elegance · Light
Deep Iris
Violet void, deep dark · Dark
Sand Stone
Warm clay, natural & earthy · Light
Flax Weave
Warm linen, soft & natural · Light
Craft Paper
Warm parchment, classic vintage · Light
Zephyr Lime
Citrus breeze, fresh & bright · Light