Back to Gallery
LANDSCAPE MAP

Thirty styles,
six axes.

Every style in DesignVault is rated 1–6 on color, typography, motion, density, texture, and layout. This map plots them on any axis pair, colored by their relationship cluster — so you can see what sits next to what, and why.

Each dot is a style. Hover to identify, click to open.

112233445566Color →Motion →3D Product Showcase / Object Theater — Cluster CAI-Surreal / Latent Space — Cluster DBold Anti-Corporate Color — Cluster DCinematic Scroll Story — Cluster CClassical Remix — Cluster BDark Cinematic Studio — Cluster CDark Tech Terminal — Cluster AData Visualization as Aesthetic / Living Dashboard — Cluster GData-as-Texture — Cluster GDither Mono — Cluster AEditorial Portrait — Cluster BEditorial Serif Narrative — Cluster BEthereal Dreamscape — Cluster FFuturistic Fashion — Cluster EGenerative Algorithmic — Cluster DGrain/Noise Texture / Analog Warmth — Cluster FHand-Drawn / Organic Illustration / Human Mark — Cluster FKinetic Typography — Cluster DLiquid Glass Noir — Cluster HLuxury Refined Restraint — Cluster BMonochrome + Single Accent / Signal Line — Cluster EObsidian Precision — Cluster AOrganic Botanical Warmth — Cluster FPlayful Interactive Maximal — Cluster GPrint Tech Paper — Cluster EQuiet Editorial — Cluster BRetro-Futuristic / Chrome Millennium — Cluster DSwiss Mono Precision — Cluster ETypographic Brutalist — Cluster AVast Quiet Cinematic — Cluster C
ADark & MonumentalBEditorial & SerifCCinematic & Motion-HeavyDExperimental & Type-ForwardEClean & StructuredFWarm & OrganicGDense & Data-ForwardHGlass & Spatial
RELATIONSHIP CLUSTERS

ADark & Monumental

SHARED DNANear-black ground, monumental type, minimal color, high contrast

DIFFERENTIATORTexture (Dither=dithered, Terminal=neon, Brutalist=raw, Precision=clean)

Dither MonoDark Tech TerminalTypographic BrutalistObsidian Precision

BEditorial & Serif

SHARED DNASerif typography, generous whitespace, refined restraint

DIFFERENTIATORDensity (Narrative=dense, Quiet=minimal, Luxury=extreme space, Classical=ornamented)

Editorial Serif NarrativeClassical RemixQuiet EditorialLuxury Refined RestraintEditorial Portrait

CCinematic & Motion-Heavy

SHARED DNAFull-bleed imagery, scroll-driven motion, atmospheric depth

DIFFERENTIATORControl (Quiet=slow, Studio=warm, Scroll=choreographed, 3D=interactive)

Vast Quiet CinematicDark Cinematic StudioCinematic Scroll Story3D Product Showcase / Object Theater

DExperimental & Type-Forward

SHARED DNABreaking conventional layout, motion as primary medium

DIFFERENTIATORSource (Kinetic=type, Retro=chrome, Generative=code, AI=latent)

Kinetic TypographyRetro-Futuristic / Chrome MillenniumGenerative AlgorithmicAI-Surreal / Latent SpaceBold Anti-Corporate Color

EClean & Structured

SHARED DNAGrid-based, precise, restrained color, technical feel

DIFFERENTIATORTemperature (Swiss=cold, Accent=signal, Fashion=white, Paper=sage)

Swiss Mono PrecisionMonochrome + Single Accent / Signal LineFuturistic FashionPrint Tech Paper

FWarm & Organic

SHARED DNATactile surfaces, warm palette, human/organic feel

DIFFERENTIATORSource (Botanical=nature, Grain=print, Drawn=hand, Dreamscape=digital)

Organic Botanical WarmthGrain/Noise Texture / Analog WarmthHand-Drawn / Organic Illustration / Human MarkEthereal Dreamscape

GDense & Data-Forward

SHARED DNAInformation-rich, dynamic, engaging

DIFFERENTIATORTone (Data-as-Texture=cinematic, Data-Viz=precise, Playful=energetic)

Data-as-TextureData Visualization as Aesthetic / Living DashboardPlayful Interactive Maximal

HGlass & Spatial

SHARED DNATranslucent surfaces, backdrop-blur, layered depth

DIFFERENTIATORTemperature (Noir=dark)

Liquid Glass Noir

Find your starting point

Pick a style from the map, open its entry, and copy a prompt that ships the real thing.

Browse Styles