← Home grid67 styles stacked in one scroll

All 67 UI Styles, Stacked

One enormous scrollable display combining every individual UI style page into a single continuous showcase. Each block preserves its own palette, font pairing, chart module, and mock website slice.

Style 01 · General · SaaS (General)

Minimalism & Swiss Style

Clean, simple, spacious, functional, white space, high contrast, geometric, sans-serif, grid-based, essential. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA SaaS OS

Enterprise apps, dashboards, documentation sites, SaaS platforms, professional tools

81%

style fit score

Effects

Subtle hover (200-250ms), smooth transitions, sharp shadows if any, clear type hierarchy, fast loading

Palette

Trust blue + orange CTA contrast [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Classic Elegant
Playfair Display / Inter

Chart: Line Chart

Line Chart

Implementation

  • ☐ Grid-based layout 12-16 columns
  • ☐ Typography hierarchy clear
  • ☐ No unnecessary decorations
  • ☐ WCAG AAA contrast verified
Style 02 · General · Micro SaaS

Neumorphism

Soft UI, embossed, debossed, convex, concave, light source, subtle depth, rounded (12-16px), monochromatic. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Micro OS

Health/wellness apps, meditation platforms, fitness trackers, minimal interaction UIs

82%

style fit score

Effects

Soft box-shadow (multiple: -5px -5px 15px, 5px 5px 15px), smooth press (150ms), inner subtle shadow

Palette

Indigo primary + emerald CTA [Accent adjusted from #10B981 for WCAG 3:1]

Typography

Modern Professional
Poppins / Open Sans

Chart: Bar Chart (Horizontal or Vertical)

Bar Chart (Horizontal or Vertical)

Implementation

  • ☐ Rounded corners 12-16px consistent
  • ☐ Multiple shadow layers (2-3)
  • ☐ Pastel color verified
  • ☐ Monochromatic palette checked
Style 03 · General · E-commerce

Glassmorphism

Frosted glass, transparent, blurred background, layered, vibrant background, light source, depth, multi-layer. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA E-commerce OS

Modern SaaS, financial dashboards, high-end corporate, lifestyle apps, modal overlays, navigation

83%

style fit score

Effects

Backdrop blur (10-20px), subtle border (1px solid rgba white 0.2), light reflection, Z-depth

Palette

Success green + urgency orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Tech Startup
Space Grotesk / DM Sans

Chart: Pie Chart or Donut

Pie Chart or Donut

Implementation

  • ☐ Backdrop-filter blur 10-20px
  • ☐ Translucent white 15-30% opacity
  • ☐ Subtle border 1px light
  • ☐ Vibrant background verified
Style 04 · General · E-commerce Luxury

Brutalism

Raw, unpolished, stark, high contrast, plain text, default fonts, visible borders, asymmetric, anti-design. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA E-commerce OS

Design portfolios, artistic projects, counter-culture brands, editorial/media sites, tech blogs

84%

style fit score

Effects

No smooth transitions (instant), sharp corners (0px), bold typography (700+), visible grid, large blocks

Palette

Premium dark + gold accent [Accent adjusted from #CA8A04 for WCAG 3:1]

Typography

Editorial Classic
Cormorant Garamond / Libre Baskerville

Chart: Scatter Plot or Bubble Chart

Scatter Plot or Bubble Chart

Implementation

  • ☐ No border-radius (0px)
  • ☐ No transitions (instant)
  • ☐ Bold typography (700+)
  • ☐ Pure primary colors used
Style 05 · General · B2B Service

3D & Hyperrealism

Depth, realistic textures, 3D models, spatial navigation, tactile, skeuomorphic elements, rich detail, immersive. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA B2B OS

Gaming, product showcase, immersive experiences, high-end e-commerce, architectural viz, VR/AR

85%

style fit score

Effects

WebGL/Three.js 3D, realistic shadows (layers), physics lighting, parallax (3-5 layers), smooth 3D (300-400ms)

Palette

Professional navy + blue CTA

Typography

Minimal Swiss
Inter / Inter

Chart: Heat Map or Choropleth

Heat Map or Choropleth

Implementation

  • ☐ WebGL/Three.js integrated
  • ☐ 3D models loaded
  • ☐ Parallax 3-5 layers
  • ☐ Realistic lighting verified
Style 06 · General · Financial Dashboard

Vibrant & Block-based

Bold, energetic, playful, block layout, geometric shapes, high color contrast, duotone, modern, energetic. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Financial OS

Startups, creative agencies, gaming, social media, youth-focused, entertainment, consumer

86%

style fit score

Effects

Large sections (48px+ gaps), animated patterns, bold hover (color shift), scroll-snap, large type (32px+), 200-300ms

Palette

Dark bg + green positive indicators

Typography

Playful Creative
Fredoka / Nunito

Chart: Choropleth Map or Bubble Map

Choropleth Map or Bubble Map

Implementation

  • ☐ Block layout with 48px+ gaps
  • ☐ Large typography 32px+
  • ☐ 4-6 vibrant colors max
  • ☐ Animated patterns active
Style 07 · General · Analytics Dashboard

Dark Mode (OLED)

Dark theme, low light, high contrast, deep black, midnight blue, eye-friendly, OLED, night mode, power efficient. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Analytics OS

Night-mode apps, coding platforms, entertainment, eye-strain prevention, OLED devices, low-light

87%

style fit score

Effects

Minimal glow (text-shadow: 0 0 10px), dark-to-light transitions, low white emission, high readability, visible focus

Palette

Blue data + amber highlights [Accent adjusted from #F59E0B for WCAG 3:1]

Typography

Bold Statement
Bebas Neue / Source Sans 3

Chart: Funnel Chart or Sankey

Funnel Chart or Sankey

Implementation

  • ☐ Deep black #000000 or #121212
  • ☐ Vibrant neon accents used
  • ☐ Text contrast 7:1+
  • ☐ Minimal glow effects
Style 08 · General · Healthcare App

Accessible & Ethical

High contrast, large text (16px+), keyboard navigation, screen reader friendly, WCAG compliant, focus state, semantic. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Healthcare OS

Government, healthcare, education, inclusive products, large audience, legal compliance, public

88%

style fit score

Effects

Clear focus rings (3-4px), ARIA labels, skip links, responsive design, reduced motion, 44x44px touch targets

Palette

Calm cyan + health green

Typography

Wellness Calm
Lora / Raleway

Chart: Gauge Chart or Bullet Chart

87%Gauge Chart or Bullet Chart

Implementation

  • ☐ WCAG AAA verified
  • ☐ 7:1+ contrast checked
  • ☐ Keyboard navigation tested
  • ☐ Screen reader tested
Style 09 · General · Educational App

Claymorphism

Soft 3D, chunky, playful, toy-like, bubbly, thick borders (3-4px), double shadows, rounded (16-24px). A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Educational OS

Educational apps, children's apps, SaaS platforms, creative tools, fun-focused, onboarding, casual games

89%

style fit score

Effects

Inner+outer shadows (subtle, no hard lines), soft press (200ms ease-out), fluffy elements, smooth transitions

Palette

Playful indigo + energetic orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Developer Mono
JetBrains Mono / IBM Plex Sans

Chart: Line with Confidence Band

Line with Confidence Band

Implementation

  • ☐ Border-radius 16-24px
  • ☐ Thick borders 3-4px
  • ☐ Double shadows (inner+outer)
  • ☐ Pastel colors used
Style 10 · General · Creative Agency

Aurora UI

Vibrant gradients, smooth blend, Northern Lights effect, mesh gradient, luminous, atmospheric, abstract. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Creative OS

Modern SaaS, creative agencies, branding, music platforms, lifestyle, premium products, hero sections

90%

style fit score

Effects

Large flowing CSS/SVG gradients, subtle 8-12s animations, depth via color layering, smooth morph

Palette

Bold pink + cyan accent [Accent adjusted from #06B6D4 for WCAG 3:1]

Typography

Retro Vintage
Abril Fatface / Merriweather

Chart: Line Chart with Highlights

Line Chart with Highlights

Implementation

  • ☐ Mesh/flowing gradients applied
  • ☐ 8-12s animation loop
  • ☐ Complementary colors used
  • ☐ Smooth color transitions
Style 11 · General · Portfolio/Personal

Retro-Futurism

Vintage sci-fi, 80s aesthetic, neon glow, geometric patterns, CRT scanlines, pixel art, cyberpunk, synthwave. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Portfolio/Personal OS

Gaming, entertainment, music platforms, tech brands, artistic projects, nostalgic, cyberpunk

91%

style fit score

Effects

CRT scanlines (::before overlay), neon glow (text-shadow+box-shadow), glitch effects (skew/offset keyframes)

Palette

Monochrome + blue accent

Typography

Geometric Modern
Outfit / Work Sans

Chart: Treemap

Treemap

Implementation

  • ☐ Neon colors used
  • ☐ CRT scanlines effect
  • ☐ Glitch animations active
  • ☐ Monospace font
Style 12 · General · Gaming

Flat Design

2D, minimalist, bold colors, no shadows, clean lines, simple shapes, typography-focused, modern, icon-heavy. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Gaming OS

Web apps, mobile apps, cross-platform, startup MVPs, user-friendly, SaaS, dashboards, corporate

92%

style fit score

Effects

No gradients/shadows, simple hover (color/opacity shift), fast loading, clean transitions (150-200ms ease), minimal icons

Palette

Neon purple + rose action

Typography

Luxury Serif
Cormorant / Montserrat

Chart: Sankey Diagram

Sankey Diagram

Implementation

  • ☐ No shadows/gradients
  • ☐ 4-6 solid colors max
  • ☐ Clean lines consistent
  • ☐ Simple shapes used
Style 13 · General · Government/Public Service

Skeuomorphism

Realistic, texture, depth, 3D appearance, real-world metaphors, shadows, gradients, tactile, detailed, material. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Government/Public OS

Legacy apps, gaming, immersive storytelling, premium products, luxury, realistic simulations, education

93%

style fit score

Effects

Realistic shadows (layers), depth (perspective), texture details (noise, grain), realistic animations (300-500ms)

Palette

High contrast navy + blue

Typography

Friendly SaaS
Plus Jakarta Sans / Plus Jakarta Sans

Chart: Waterfall Chart

Waterfall Chart

Implementation

  • ☐ Realistic textures applied
  • ☐ Complex gradients 8-12 stops
  • ☐ Multi-layer shadows
  • ☐ Texture overlays present
Style 14 · General · Fintech/Crypto

Liquid Glass

Flowing glass, morphing, smooth transitions, fluid effects, translucent, animated blur, iridescent, chromatic aberration. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Fintech/Crypto OS

Premium SaaS, high-end e-commerce, creative platforms, branding experiences, luxury portfolios

94%

style fit score

Effects

Morphing elements (SVG/CSS), fluid animations (400-600ms curves), dynamic blur (backdrop-filter), color transitions

Palette

Gold trust + purple tech

Typography

News Editorial
Newsreader / Roboto

Chart: Radar / Spider Chart

Radar / Spider Chart

Implementation

  • ☐ Morphing animations 400-600ms
  • ☐ Chromatic aberration applied
  • ☐ Dynamic blur active
  • ☐ Iridescent gradients
Style 15 · General · Social Media App

Motion-Driven

Animation-heavy, microinteractions, smooth transitions, scroll effects, parallax, entrance anim, page transitions. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Social OS

Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative, SaaS

95%

style fit score

Effects

Scroll anim (Intersection Observer), hover (300-400ms), entrance, parallax (3-5 layers), page transitions

Palette

Vibrant rose + engagement blue

Typography

Handwritten Charm
Caveat / Quicksand

Chart: Candlestick Chart

Candlestick Chart

Implementation

  • ☐ Scroll animations active
  • ☐ Parallax 3-5 layers
  • ☐ Entrance animations smooth
  • ☐ Page transitions fluid
Style 16 · General · Productivity Tool

Micro-interactions

Small animations, gesture-based, tactile feedback, subtle animations, contextual interactions, responsive. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Productivity OS

Mobile apps, touchscreen UIs, productivity tools, user-friendly, consumer apps, interactive components

96%

style fit score

Effects

Small hover (50-100ms), loading spinners, success/error state anim, gesture-triggered (swipe/pinch), haptic

Palette

Teal focus + action orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Corporate Trust
Lexend / Source Sans 3

Chart: Network Graph

Network Graph

Implementation

  • ☐ Micro-animations 50-100ms
  • ☐ Gesture-responsive
  • ☐ Tactile feedback visual/haptic
  • ☐ Loading spinners smooth
Style 17 · General · Design System/Component Library

Inclusive Design

Accessible, color-blind friendly, high contrast, haptic feedback, voice interaction, screen reader, WCAG AAA, universal. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Design OS

Public services, education, healthcare, finance, government, accessible consumer, inclusive

97%

style fit score

Effects

Haptic feedback (vibration), voice guidance, focus indicators (4px+ ring), motion options, alt content, semantic

Palette

Indigo brand + doc hierarchy [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Brutalist Raw
Space Mono / Space Mono

Chart: Box Plot

Box Plot

Implementation

  • ☐ WCAG AAA verified
  • ☐ 7:1+ contrast all text
  • ☐ Keyboard accessible (Tab/Enter)
  • ☐ Screen reader tested
Style 18 · General · AI/Chatbot Platform

Zero Interface

Minimal visible UI, voice-first, gesture-based, AI-driven, invisible controls, predictive, context-aware, ambient. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA AI/Chatbot OS

Voice assistants, AI platforms, future-forward UX, smart home, contextual computing, ambient experiences

98%

style fit score

Effects

Voice recognition UI, gesture detection, AI predictions (smooth reveal), progressive disclosure, smart suggestions

Palette

AI purple + cyan interactions [Accent adjusted from #06B6D4 for WCAG 3:1]

Typography

Fashion Forward
Syne / Manrope

Chart: Bullet Chart

Bullet Chart

Implementation

  • ☐ Voice commands responsive
  • ☐ Gesture detection active
  • ☐ AI predictions hidden/revealed
  • ☐ Progressive disclosure working
Style 19 · General · NFT/Web3 Platform

Soft UI Evolution

Evolved soft UI, better contrast, modern aesthetics, subtle depth, accessibility-focused, improved shadows, hybrid. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA NFT/Web3 OS

Modern enterprise apps, SaaS platforms, health/wellness, modern business tools, professional, hybrid

80%

style fit score

Effects

Improved shadows (softer than flat, clearer than neumorphism), modern (200-300ms), focus visible, WCAG AA/AAA

Palette

Purple tech + gold value

Typography

Soft Rounded
Varela Round / Nunito Sans

Chart: Waffle Chart

Waffle Chart

Implementation

  • ☐ Improved contrast AA/AAA
  • ☐ Soft shadows modern
  • ☐ Border-radius 8-12px
  • ☐ Animations 200-300ms
Style 20 · Landing Page · Creator Economy Platform

Hero-Centric Design

Large hero section, compelling headline, high-contrast CTA, product showcase, value proposition, hero image/video, dramatic visual. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Creator OS

SaaS landing pages, product launches, service landing pages, B2B platforms, tech companies

81%

style fit score

Effects

Smooth scroll reveal, fade-in animations on hero, subtle background parallax, CTA glow/pulse effect

Palette

Creator pink + engagement orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Premium Sans
Satoshi / General Sans

Chart: Sunburst Chart

Sunburst Chart

Implementation

  • ☐ Hero section full viewport height
  • ☐ Headline visible above fold
  • ☐ CTA button high contrast
  • ☐ Background image optimized (WebP)
Style 21 · Landing Page · Remote Work/Collaboration Tool

Conversion-Optimized

Form-focused, minimalist design, single CTA focus, high contrast, urgency elements, trust signals, social proof, clear value. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Remote OS

E-commerce product pages, free trial signups, lead generation, SaaS pricing pages, limited-time offers

82%

style fit score

Effects

Hover states on CTA (color shift, slight scale), form field focus animations, loading spinner, success feedback

Palette

Calm indigo + success green [Accent adjusted from #10B981 for WCAG 3:1]

Typography

Vietnamese Friendly
Be Vietnam Pro / Noto Sans

Chart: Decomposition Tree

Decomposition Tree

Implementation

  • ☐ Single primary CTA visible
  • ☐ Form fields minimal (3-5)
  • ☐ Trust badges present
  • ☐ Social proof above fold
Style 22 · Landing Page · Mental Health App

Feature-Rich Showcase

Multiple feature sections, grid layout, benefit cards, visual feature demonstrations, interactive elements, problem-solution pairs. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Mental OS

Enterprise SaaS, software tools landing pages, platform services, complex product explanations, B2B products

83%

style fit score

Effects

Card hover effects (lift/scale), icon animations on scroll, feature toggle animations, smooth section transitions

Palette

Calming lavender + wellness green [Accent adjusted from #10B981 for WCAG 3:1]

Typography

Japanese Elegant
Noto Serif JP / Noto Sans JP

Chart: 3D Scatter / Surface Plot

3D Scatter / Surface Plot

Implementation

  • ☐ Feature grid responsive
  • ☐ Icons consistent style
  • ☐ Card hover effects smooth
  • ☐ Alternating sections contrast
Style 23 · Landing Page · Pet Tech App

Minimal & Direct

Minimal text, white space heavy, single column layout, direct messaging, clean typography, visual-centric, fast-loading. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Pet OS

Simple service landing pages, indie products, consulting services, micro SaaS, freelancer portfolios

84%

style fit score

Effects

Very subtle hover effects, minimal animations, fast page load (no heavy animations), smooth scroll

Palette

Playful orange + trust blue

Typography

Korean Modern
Noto Sans KR / Noto Sans KR

Chart: Streaming Area Chart

Streaming Area Chart

Implementation

  • ☐ Single column centered
  • ☐ White space generous
  • ☐ One primary CTA only
  • ☐ No decorative images
Style 24 · Landing Page · Smart Home/IoT Dashboard

Social Proof-Focused

Testimonials prominent, client logos displayed, case studies sections, reviews/ratings, user avatars, success metrics, credibility markers. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Smart OS

B2B SaaS, professional services, premium products, e-commerce conversion pages, established brands

85%

style fit score

Effects

Testimonial carousel animations, logo grid fade-in, stat counter animations (number count-up), review star ratings

Palette

Dark tech + status green

Typography

Chinese Traditional
Noto Serif TC / Noto Sans TC

Chart: Word Cloud with Sentiment

Word Cloud with Sentiment

Implementation

  • ☐ Testimonials with real photos
  • ☐ Logo grid 6-12 logos
  • ☐ Star ratings accessible
  • ☐ Metrics animated on scroll
Style 25 · Landing Page · EV/Charging Ecosystem

Interactive Product Demo

Embedded product mockup/video, interactive elements, product walkthrough, step-by-step guides, hover-to-reveal features, embedded demos. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA EV/Charging OS

SaaS platforms, tool/software products, productivity apps landing pages, developer tools, productivity software

86%

style fit score

Effects

Product animation playback, step progression animations, hover reveal effects, smooth zoom on interaction

Palette

Electric cyan + eco green [Accent adjusted from #22C55E for WCAG 3:1]

Typography

Chinese Simplified
Noto Sans SC / Noto Sans SC

Chart: Process Map / Graph

Process Map / Graph

Implementation

  • ☐ Demo video loads fast
  • ☐ Fallback for no-JS
  • ☐ Step indicators clear
  • ☐ Hover states obvious
Style 26 · Landing Page · Subscription Box Service

Trust & Authority

Certificates/badges displayed, expert credentials, case studies with metrics, before/after comparisons, industry recognition, security badges. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Subscription OS

Healthcare/medical landing pages, financial services, enterprise software, premium/luxury products, legal services

87%

style fit score

Effects

Badge hover effects, metric pulse animations, certificate carousel, smooth stat reveal

Palette

Excitement purple + urgency orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Arabic Elegant
Noto Naskh Arabic / Noto Sans Arabic

Chart: Line Chart

Line Chart

Implementation

  • ☐ Security badges visible
  • ☐ Certifications verified
  • ☐ Metrics with sources
  • ☐ Professional imagery
Style 27 · Landing Page · Podcast Platform

Storytelling-Driven

Narrative flow, visual story progression, section transitions, consistent character/brand voice, emotional messaging, journey visualization. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Podcast OS

Brand/startup stories, mission-driven products, premium/lifestyle brands, documentary-style products, educational

88%

style fit score

Effects

Section-to-section animations, scroll-triggered reveals, character/icon animations, morphing transitions, parallax narrative

Palette

Dark audio + warm accent

Typography

Thai Modern
Noto Sans Thai / Noto Sans Thai

Chart: Bar Chart (Horizontal or Vertical)

Bar Chart (Horizontal or Vertical)

Implementation

  • ☐ Story flows naturally
  • ☐ Scroll reveals smooth
  • ☐ Sections timed well
  • ☐ Emotional hooks present
Style 28 · BI/Analytics · Dating App

Data-Dense Dashboard

Multiple charts/widgets, data tables, KPI cards, minimal padding, grid layout, space-efficient, maximum data visibility. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Dating OS

Business intelligence dashboards, financial analytics, enterprise reporting, operational dashboards, data warehousing

89%

style fit score

Effects

Hover tooltips, chart zoom on click, row highlighting on hover, smooth filter animations, data loading spinners

Palette

Romantic rose + warm orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Hebrew Modern
Noto Sans Hebrew / Noto Sans Hebrew

Chart: Pie Chart or Donut

Pie Chart or Donut

Implementation

  • ☐ Grid layout 12 columns
  • ☐ KPI cards responsive
  • ☐ Tables sortable
  • ☐ Filters functional
Style 29 · BI/Analytics · Micro-Credentials/Badges Platform

Heat Map & Heatmap Style

Color-coded grid/matrix, data intensity visualization, geographical heat maps, correlation matrices, cell-based representation, gradient coloring. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Micro-Credentials/Badges OS

Geographical analysis, performance matrices, correlation analysis, user behavior heatmaps, temperature/intensity data

90%

style fit score

Effects

Color gradient transitions on data change, cell highlighting on hover, tooltip reveal on click, smooth color animation

Palette

Trust blue + achievement gold [Accent adjusted from #CA8A04 for WCAG 3:1]

Typography

Legal Professional
EB Garamond / Lato

Chart: Scatter Plot or Bubble Chart

Scatter Plot or Bubble Chart

Implementation

  • ☐ Color scale clear
  • ☐ Legend visible
  • ☐ Tooltips informative
  • ☐ Colorblind alternatives
Style 30 · BI/Analytics · Knowledge Base/Documentation

Executive Dashboard

High-level KPIs, large key metrics, minimal detail, summary view, trend indicators, at-a-glance insights, executive summary. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Knowledge OS

C-suite dashboards, business summary reports, decision-maker dashboards, strategic planning views

91%

style fit score

Effects

KPI value animations (count-up), trend arrow direction animations, metric card hover lift, alert pulse effect

Palette

Neutral grey + link blue

Typography

Medical Clean
Figtree / Noto Sans

Chart: Heat Map or Choropleth

Heat Map or Choropleth

Implementation

  • ☐ KPIs 4-6 maximum
  • ☐ Trends visible
  • ☐ Status colors clear
  • ☐ One-page view
Style 31 · BI/Analytics · Hyperlocal Services

Real-Time Monitoring

Live data updates, status indicators, alert notifications, streaming data visualization, active monitoring, streaming charts. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Hyperlocal OS

System monitoring dashboards, DevOps dashboards, real-time analytics, stock market dashboards, live event tracking

92%

style fit score

Effects

Real-time chart animations, alert pulse/glow, status indicator blink animation, smooth data stream updates, loading effect

Palette

Location green + action orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Financial Trust
IBM Plex Sans / IBM Plex Sans

Chart: Choropleth Map or Bubble Map

Choropleth Map or Bubble Map

Implementation

  • ☐ Live updates working
  • ☐ Alert sounds optional
  • ☐ Connection status shown
  • ☐ Auto-refresh indicated
Style 32 · BI/Analytics · Beauty/Spa/Wellness Service

Drill-Down Analytics

Hierarchical data exploration, expandable sections, interactive drill-down paths, summary-to-detail flow, context preservation. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Beauty/Spa/Wellness OS

Sales analytics, product analytics, funnel analysis, multi-dimensional data exploration, business intelligence

93%

style fit score

Effects

Drill-down expand animations, breadcrumb click transitions, smooth detail reveal, level change smooth, data reload animation

Palette

Soft pink + lavender luxury

Typography

Real Estate Luxury
Cinzel / Josefin Sans

Chart: Funnel Chart or Sankey

Funnel Chart or Sankey

Implementation

  • ☐ Breadcrumbs clear
  • ☐ Back navigation easy
  • ☐ Expand animation smooth
  • ☐ Context preserved
Style 33 · BI/Analytics · Luxury/Premium Brand

Comparative Analysis Dashboard

Side-by-side comparisons, period-over-period metrics, A/B test results, regional comparisons, performance benchmarks. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Luxury/Premium OS

Period-over-period reporting, A/B test dashboards, market comparison, competitive analysis, regional performance

94%

style fit score

Effects

Comparison bar animations (grow to value), delta indicator animations (direction arrows), highlight on compare

Palette

Premium black + gold accent [Accent adjusted from #CA8A04 for WCAG 3:1]

Typography

Restaurant Menu
Playfair Display SC / Karla

Chart: Gauge Chart or Bullet Chart

87%Gauge Chart or Bullet Chart

Implementation

  • ☐ Period selector works
  • ☐ Deltas calculated
  • ☐ Colors meaningful
  • ☐ Benchmarks shown
Style 34 · BI/Analytics · Restaurant/Food Service

Predictive Analytics

Forecast lines, confidence intervals, trend projections, scenario modeling, AI-driven insights, anomaly detection visualization. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Restaurant/Food OS

Forecasting dashboards, anomaly detection systems, trend prediction dashboards, AI-powered analytics, budget planning

95%

style fit score

Effects

Forecast line animation on draw, confidence band fade-in, anomaly pulse alert, smoothing function animations

Palette

Appetizing red + warm gold [Accent adjusted from #CA8A04 for WCAG 3:1]

Typography

Art Deco
Poiret One / Didact Gothic

Chart: Line with Confidence Band

Line with Confidence Band

Implementation

  • ☐ Forecast line distinct
  • ☐ Confidence bands visible
  • ☐ Anomalies highlighted
  • ☐ Scenarios switchable
Style 35 · BI/Analytics · Fitness/Gym App

User Behavior Analytics

Funnel visualization, user flow diagrams, conversion tracking, engagement metrics, user journey mapping, cohort analysis. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Fitness/Gym OS

Conversion funnel analysis, user journey tracking, engagement analytics, cohort analysis, retention tracking

96%

style fit score

Effects

Funnel animation (fill-down), flow diagram animations (connection draw), conversion pulse, engagement bar fill

Palette

Energy orange + success green

Typography

Magazine Style
Libre Bodoni / Public Sans

Chart: Line Chart with Highlights

Line Chart with Highlights

Implementation

  • ☐ Funnel stages clear
  • ☐ Flow diagram readable
  • ☐ Conversions calculated
  • ☐ Cohorts comparable
Style 36 · BI/Analytics · Real Estate/Property

Financial Dashboard

Revenue metrics, profit/loss visualization, budget tracking, financial ratios, portfolio performance, cash flow, audit trail. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Real OS

Financial reporting, accounting dashboards, portfolio tracking, budget monitoring, banking analytics

97%

style fit score

Effects

Number animations (count-up), trend direction indicators, percentage change animations, profit/loss color transitions

Palette

Trust teal + professional blue

Typography

Crypto/Web3
Orbitron / Exo 2

Chart: Treemap

Treemap

Implementation

  • ☐ Currency formatted
  • ☐ Decimals consistent
  • ☐ P&L clear
  • ☐ Budget variance shown
Style 37 · BI/Analytics · Travel/Tourism Agency

Sales Intelligence Dashboard

Deal pipeline, sales metrics, territory performance, sales rep leaderboard, win-loss analysis, quota tracking, forecast accuracy. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Travel/Tourism OS

CRM dashboards, sales management, opportunity tracking, performance management, quota planning

98%

style fit score

Effects

Deal movement animations, metric updates, leaderboard ranking changes, gauge needle movements, status change highlights

Palette

Sky blue + adventure orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Gaming Bold
Russo One / Chakra Petch

Chart: Sankey Diagram

Sankey Diagram

Implementation

  • ☐ Pipeline stages shown
  • ☐ Deals draggable
  • ☐ Quotas visualized
  • ☐ Rankings updated
Style 38 · General · Hotel/Hospitality

Neubrutalism

Bold borders, black outlines, primary colors, thick shadows, no gradients, flat colors, 45° shadows, playful, Gen Z. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Hotel/Hospitality OS

Gen Z brands, startups, creative agencies, Figma-style apps, Notion-style interfaces, tech blogs

80%

style fit score

Effects

box-shadow: 4px 4px 0 #000, border: 3px solid #000, no gradients, sharp corners (0px), bold typography

Palette

Luxury navy + gold service [Accent adjusted from #CA8A04 for WCAG 3:1]

Typography

Indie/Craft
Amatic SC / Cabin

Chart: Waterfall Chart

Waterfall Chart

Implementation

  • ☐ Hard borders (2-4px)
  • ☐ Hard offset shadows
  • ☐ High saturation colors
  • ☐ Bold typography
Style 39 · General · Wedding/Event Planning

Bento Box Grid

Modular cards, asymmetric grid, varied sizes, Apple-style, dashboard tiles, negative space, clean hierarchy, cards. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Wedding/Event OS

Dashboards, product pages, portfolios, Apple-style marketing, feature showcases, SaaS

81%

style fit score

Effects

grid-template with varied spans, rounded-xl (16px), subtle shadows, hover scale (1.02), smooth transitions

Palette

Romantic pink + elegant gold [Accent adjusted from #CA8A04 for WCAG 3:1]

Typography

Startup Bold
Clash Display / Satoshi

Chart: Radar / Spider Chart

Radar / Spider Chart

Implementation

  • ☐ Grid responsive (4→2→1 cols)
  • ☐ Card spans varied
  • ☐ Rounded corners consistent
  • ☐ Shadows subtle
Style 40 · General · Legal Services

Y2K Aesthetic

Neon pink, chrome, metallic, bubblegum, iridescent, glossy, retro-futurism, 2000s, futuristic nostalgia. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Legal OS

Fashion brands, music platforms, Gen Z brands, nostalgia marketing, entertainment, youth-focused

82%

style fit score

Effects

linear-gradient metallic, glossy buttons, 3D chrome effects, glow animations, bubble shapes

Palette

Authority navy + trust gold

Typography

E-commerce Clean
Rubik / Nunito Sans

Chart: Candlestick Chart

Candlestick Chart

Implementation

  • ☐ Neon colors balanced
  • ☐ Chrome effects visible
  • ☐ Glossy buttons styled
  • ☐ Bubble shapes decorative
Style 41 · General · Insurance Platform

Cyberpunk UI

Neon, dark mode, terminal, HUD, sci-fi, glitch, dystopian, futuristic, matrix, tech noir. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Insurance OS

Gaming platforms, tech products, crypto apps, sci-fi applications, developer tools, entertainment

83%

style fit score

Effects

Neon glow (text-shadow), glitch animations (skew/offset), scanlines (::before overlay), terminal fonts

Palette

Security blue + protected green [Accent adjusted from #22C55E for WCAG 3:1]

Typography

Academic/Research
Crimson Pro / Atkinson Hyperlegible

Chart: Network Graph

Network Graph

Implementation

  • ☐ Dark background only
  • ☐ Neon accents visible
  • ☐ Glitch effect subtle
  • ☐ Scanlines optional
Style 42 · General · Banking/Traditional Finance

Organic Biophilic

Nature, organic shapes, green, sustainable, rounded, flowing, wellness, earthy, natural textures. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Banking/Traditional OS

Wellness apps, sustainability brands, eco products, health apps, meditation, organic food brands

84%

style fit score

Effects

Rounded corners (16-24px), organic curves (border-radius variations), natural shadows, flowing SVG shapes

Palette

Trust navy + premium gold [Accent adjusted from #CA8A04 for WCAG 3:1]

Typography

Dashboard Data
Fira Code / Fira Sans

Chart: Box Plot

Box Plot

Implementation

  • ☐ Earth tones dominant
  • ☐ Organic curves present
  • ☐ Natural textures subtle
  • ☐ Green accents
Style 43 · General · Online Course/E-learning

AI-Native UI

Chatbot, conversational, voice, assistant, agentic, ambient, minimal chrome, streaming text, AI interactions. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Online OS

AI products, chatbots, voice assistants, copilots, AI-powered tools, conversational interfaces

85%

style fit score

Effects

Typing indicators (3-dot pulse), streaming text animations, pulse animations, context cards, smooth reveals

Palette

Progress teal + achievement orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Music/Entertainment
Righteous / Poppins

Chart: Bullet Chart

Bullet Chart

Implementation

  • ☐ Chat layout responsive
  • ☐ Typing indicator smooth
  • ☐ Input always visible
  • ☐ Context cards styled
Style 44 · General · Non-profit/Charity

Memphis Design

80s, geometric, playful, postmodern, shapes, patterns, squiggles, triangles, neon, abstract, bold. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Non-profit/Charity OS

Creative agencies, music sites, youth brands, event promotion, artistic portfolios, entertainment

86%

style fit score

Effects

transform: rotate(), clip-path: polygon(), mix-blend-mode, repeating patterns, bold shapes

Palette

Compassion blue + action orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Minimalist Portfolio
Archivo / Space Grotesk

Chart: Waffle Chart

Waffle Chart

Implementation

  • ☐ Geometric shapes visible
  • ☐ Colors bold/clashing
  • ☐ Patterns present
  • ☐ Layout asymmetric
Style 45 · General · Music Streaming

Vaporwave

Synthwave, retro-futuristic, 80s-90s, neon, glitch, nostalgic, sunset gradient, dreamy, aesthetic. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Music OS

Music platforms, gaming, creative portfolios, tech startups, entertainment, artistic projects

87%

style fit score

Effects

text-shadow glow, linear-gradient, filter: hue-rotate(), glitch animations, retro scan lines

Palette

Dark audio + play green

Typography

Kids/Education
Baloo 2 / Comic Neue

Chart: Sunburst Chart

Sunburst Chart

Implementation

  • ☐ Sunset gradient present
  • ☐ Neon glow applied
  • ☐ Retro grid visible
  • ☐ Glitch effects subtle
Style 46 · General · Video Streaming/OTT

Dimensional Layering

Depth, overlapping, z-index, layers, 3D, shadows, elevation, floating, cards, spatial hierarchy. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Video OS

Dashboards, card layouts, modals, navigation, product showcases, SaaS interfaces

88%

style fit score

Effects

z-index stacking, box-shadow elevation (4 levels), transform: translateZ(), backdrop-filter, parallax

Palette

Cinema dark + play red

Typography

Wedding/Romance
Great Vibes / Cormorant Infant

Chart: Decomposition Tree

Decomposition Tree

Implementation

  • ☐ Layers clearly defined
  • ☐ Shadows show depth
  • ☐ Overlaps intentional
  • ☐ Hierarchy clear
Style 47 · General · Job Board/Recruitment

Exaggerated Minimalism

Bold minimalism, oversized typography, high contrast, negative space, loud minimal, statement design. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Job OS

Fashion, architecture, portfolios, agency landing pages, luxury brands, editorial

89%

style fit score

Effects

font-size: clamp(3rem 10vw 12rem), font-weight: 900, letter-spacing: -0.05em, massive whitespace

Palette

Professional blue + success green [Accent adjusted from #22C55E for WCAG 3:1]

Typography

Science/Tech
Exo / Roboto Mono

Chart: 3D Scatter / Surface Plot

3D Scatter / Surface Plot

Implementation

  • ☐ Typography oversized
  • ☐ White space extreme
  • ☐ Black/white dominant
  • ☐ Single accent only
Style 48 · General · Marketplace (P2P)

Kinetic Typography

Motion text, animated type, moving letters, dynamic, typing effect, morphing, scroll-triggered text. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Marketplace OS

Hero sections, marketing sites, video platforms, storytelling, creative portfolios, landing pages

90%

style fit score

Effects

@keyframes text animation, typing effect, background-clip: text, GSAP ScrollTrigger, split text

Palette

Trust purple + transaction green [Accent adjusted from #22C55E for WCAG 3:1]

Typography

Accessibility First
Atkinson Hyperlegible / Atkinson Hyperlegible

Chart: Streaming Area Chart

Streaming Area Chart

Implementation

  • ☐ Text animations smooth
  • ☐ Prefers-reduced-motion respected
  • ☐ Fallback for no-JS
  • ☐ Mobile performance ok
Style 49 · General · Logistics/Delivery

Parallax Storytelling

Scroll-driven, narrative, layered scrolling, immersive, progressive disclosure, cinematic, scroll-triggered. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Logistics/Delivery OS

Brand storytelling, product launches, case studies, portfolios, annual reports, marketing campaigns

91%

style fit score

Effects

transform: translateY(scroll), position: fixed/sticky, perspective: 1px, scroll-triggered animations

Palette

Tracking blue + delivery orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Sports/Fitness
Barlow Condensed / Barlow

Chart: Word Cloud with Sentiment

Word Cloud with Sentiment

Implementation

  • ☐ Layers parallax smoothly
  • ☐ Story flows naturally
  • ☐ Mobile alternative provided
  • ☐ Performance optimized
Style 50 · General · Agriculture/Farm Tech

Swiss Modernism 2.0

Grid system, Helvetica, modular, asymmetric, international style, rational, clean, mathematical spacing. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Agriculture/Farm OS

Corporate sites, architecture, editorial, SaaS, museums, professional services, documentation

92%

style fit score

Effects

display: grid, grid-template-columns: repeat(12 1fr), gap: 1rem, mathematical ratios, clear hierarchy

Palette

Earth green + harvest gold [Accent adjusted from #CA8A04 for WCAG 3:1]

Typography

Luxury Minimalist
Bodoni Moda / Jost

Chart: Process Map / Graph

Process Map / Graph

Implementation

  • ☐ 12-column grid strict
  • ☐ Spacing mathematical
  • ☐ Typography hierarchy clear
  • ☐ Single accent only
Style 51 · General · Construction/Architecture

HUD / Sci-Fi FUI

Futuristic, technical, wireframe, neon, data, transparency, iron man, sci-fi, interface. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Construction/Architecture OS

Sci-fi games, space tech, cybersecurity, movie props, immersive dashboards

93%

style fit score

Effects

Glow effects, scanning animations, ticker text, blinking markers, fine line drawing

Palette

Industrial grey + safety orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Tech/HUD Mono
Share Tech Mono / Fira Code

Chart: Line Chart

Line Chart

Implementation

  • ☐ Fine lines 1px
  • ☐ Neon glow text/borders
  • ☐ Monospaced font
  • ☐ Dark/Transparent BG
Style 52 · General · Automotive/Car Dealership

Pixel Art

Retro, 8-bit, 16-bit, gaming, blocky, nostalgic, pixelated, arcade. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Automotive/Car OS

Indie games, retro tools, creative portfolios, nostalgia marketing, Web3/NFT

94%

style fit score

Effects

Frame-by-frame sprite animation, blinking cursor, instant transitions, marquee text

Palette

Premium dark + action red

Typography

Pixel Retro
Press Start 2P / VT323

Chart: Bar Chart (Horizontal or Vertical)

Bar Chart (Horizontal or Vertical)

Implementation

  • ☐ Pixelated fonts loaded
  • ☐ Images sharp (no blur)
  • ☐ CSS box-shadow for pixel borders
  • ☐ Retro palette
Style 53 · General · Photography Studio

Bento Grids

Apple-style, modular, cards, organized, clean, hierarchy, grid, rounded, soft. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Photography OS

Product features, dashboards, personal sites, marketing summaries, galleries

95%

style fit score

Effects

Hover scale (1.02), soft shadow expansion, smooth layout shifts, content reveal

Palette

Pure black + white contrast

Typography

Neubrutalist Bold
Lexend Mega / Public Sans

Chart: Pie Chart or Donut

Pie Chart or Donut

Implementation

  • ☐ Grid layout (CSS Grid)
  • ☐ Rounded corners 16-24px
  • ☐ Varied card spans
  • ☐ Content fits card size
Style 54 · General · Coworking Space

Spatial UI (VisionOS)

Glass, depth, immersion, spatial, translucent, gaze, gesture, apple, vision-pro. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Coworking OS

Spatial computing apps, VR/AR interfaces, immersive media, futuristic dashboards

96%

style fit score

Effects

Parallax depth, dynamic lighting response, gaze-hover effects, smooth scale on focus

Palette

Energetic amber + booking blue

Typography

Academic/Archival
EB Garamond / Crimson Text

Chart: Scatter Plot or Bubble Chart

Scatter Plot or Bubble Chart

Implementation

  • ☐ Glass effect visible
  • ☐ Depth layers clear
  • ☐ Hover states defined
  • ☐ Colors vibrant on active
Style 55 · General · Home Services (Plumber/Electrician)

E-Ink / Paper

Paper-like, matte, high contrast, texture, reading, calm, slow tech, monochrome. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Home OS

Reading apps, digital newspapers, minimal journals, distraction-free writing, slow-living brands

97%

style fit score

Effects

No motion blur, distinct page turns, grain/noise texture, sharp transitions (no fade)

Palette

Professional blue + urgent orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Spatial Clear
Inter / Inter

Chart: Heat Map or Choropleth

Heat Map or Choropleth

Implementation

  • ☐ Paper background color
  • ☐ High contrast text
  • ☐ No animations
  • ☐ Reading optimized
Style 56 · General · Childcare/Daycare

Gen Z Chaos / Maximalism

Chaos, clutter, stickers, raw, collage, mixed media, loud, internet culture, ironic. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Childcare/Daycare OS

Gen Z lifestyle brands, music artists, creative portfolios, viral marketing, fashion

98%

style fit score

Effects

Marquee scrolls, jitter, sticker layering, GIF overload, random placement, drag-and-drop

Palette

Soft pink + safe green [Accent adjusted from #22C55E for WCAG 3:1]

Typography

Kinetic Motion
Syncopate / Space Mono

Chart: Choropleth Map or Bubble Map

Choropleth Map or Bubble Map

Implementation

  • ☐ Colors clash intentionally
  • ☐ Stickers/overlays present
  • ☐ Layout chaotic but usable
  • ☐ GIFs optimized
Style 57 · General · Senior Care/Elderly

Biomimetic / Organic 2.0

Nature-inspired, cellular, fluid, breathing, generative, algorithms, life-like. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Senior OS

Sustainability tech, biotech, advanced health, meditation, generative art platforms

80%

style fit score

Effects

Breathing animations, fluid morphing, generative growth, physics-based movement

Palette

Calm blue + reassuring green [Accent adjusted from #22C55E for WCAG 3:1]

Typography

Gen Z Brutal
Anton / Epilogue

Chart: Funnel Chart or Sankey

Funnel Chart or Sankey

Implementation

  • ☐ Organic shapes present
  • ☐ Animations feel alive
  • ☐ Generative elements
  • ☐ Performance monitored
Style 58 · General · Medical Clinic

Anti-Polish / Raw Aesthetic

Hand-drawn, collage, scanned textures, unfinished, imperfect, authentic, human, sketch, raw marks, creative process. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Medical OS

Creative portfolios, artist sites, indie brands, handmade products, authentic storytelling, editorial

81%

style fit score

Effects

No smooth transitions, hand-drawn animations, paper texture overlays, jitter effects, sketch reveal

Palette

Medical teal + health green [Accent adjusted from #22C55E for WCAG 3:1]

Typography

Classic Elegant
Playfair Display / Inter

Chart: Gauge Chart or Bullet Chart

87%Gauge Chart or Bullet Chart

Implementation

  • ☐ Textures loaded
  • ☐ Hand-drawn elements present
  • ☐ Imperfections intentional
  • ☐ Authentic feel achieved
Style 59 · General · Pharmacy/Drug Store

Tactile Digital / Deformable UI

Jelly buttons, chrome, clay, squishy, deformable, bouncy, physical, tactile feedback, press response. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Pharmacy/Drug OS

Modern mobile apps, playful brands, entertainment, gaming UI, consumer products, interactive demos

82%

style fit score

Effects

Press deformation (scale + squish), bounce-back (cubic-bezier), material response, haptic-like feedback, spring physics

Palette

Pharmacy green + trust blue

Typography

Modern Professional
Poppins / Open Sans

Chart: Line with Confidence Band

Line with Confidence Band

Implementation

  • ☐ Press effect visible
  • ☐ Bounce-back smooth
  • ☐ Material feels tactile
  • ☐ Spring physics tuned
Style 60 · General · Dental Practice

Nature Distilled

Muted earthy, skin tones, wood, soil, sand, terracotta, warmth, organic materials, handmade warmth. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Dental OS

Wellness brands, sustainable products, artisan goods, organic food, spa/beauty, home decor

83%

style fit score

Effects

Subtle parallax, natural easing (ease-out), texture overlays, grain effects, soft shadows

Palette

Fresh blue + smile yellow [Accent adjusted from #FBBF24 for WCAG 3:1]

Typography

Tech Startup
Space Grotesk / DM Sans

Chart: Line Chart with Highlights

Line Chart with Highlights

Implementation

  • ☐ Earth tones dominant
  • ☐ Warm feel achieved
  • ☐ Textures subtle
  • ☐ Handmade quality
Style 61 · General · Veterinary Clinic

Interactive Cursor Design

Custom cursor, cursor as tool, hover effects, cursor feedback, pointer transformation, cursor trail, magnetic cursor. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Veterinary OS

Creative portfolios, interactive experiences, agency sites, product showcases, gaming, entertainment

84%

style fit score

Effects

Cursor scale on hover, magnetic pull to elements, cursor morphing, trail effects, blend mode cursors, click feedback

Palette

Caring teal + warm orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Editorial Classic
Cormorant Garamond / Libre Baskerville

Chart: Treemap

Treemap

Implementation

  • ☐ Custom cursor works
  • ☐ Hover morph smooth
  • ☐ Magnetic pull subtle
  • ☐ Trail performance ok
Style 62 · General · Florist/Plant Shop

Voice-First Multimodal

Voice UI, multimodal, audio feedback, conversational, hands-free, ambient, contextual, speech recognition. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Florist/Plant OS

Voice assistants, accessibility apps, hands-free tools, smart home, automotive UI, cooking apps

85%

style fit score

Effects

Voice waveform visualization, listening pulse, processing spinner, speak animation, smooth transitions

Palette

Natural green + floral pink

Typography

Minimal Swiss
Inter / Inter

Chart: Sankey Diagram

Sankey Diagram

Implementation

  • ☐ Voice recognition works
  • ☐ Visual feedback clear
  • ☐ Listening state obvious
  • ☐ Speaking animation smooth
Style 63 · General · Bakery/Cafe

3D Product Preview

360 product view, rotatable, zoomable, touch-to-spin, AR preview, product configurator, interactive 3D model. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Bakery/Cafe OS

E-commerce, furniture, fashion, automotive, electronics, jewelry, product configurators

86%

style fit score

Effects

Drag-to-rotate, pinch-to-zoom, spin animation, AR placement, material switching, smooth orbit controls

Palette

Warm brown + cream white [Accent adjusted from #F8FAFC for WCAG 3:1]

Typography

Playful Creative
Fredoka / Nunito

Chart: Waterfall Chart

Waterfall Chart

Implementation

  • ☐ 3D model loads fast
  • ☐ Rotation smooth
  • ☐ Zoom works (pinch/scroll)
  • ☐ AR button functional
Style 64 · General · Brewery/Winery

Gradient Mesh / Aurora Evolved

Complex gradients, mesh gradients, multi-color blend, aurora effect, flowing colors, iridescent, holographic, prismatic. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Brewery/Winery OS

Hero sections, backgrounds, creative brands, music platforms, fashion, lifestyle, premium products

87%

style fit score

Effects

CSS mesh-gradient (experimental), SVG gradients, canvas gradients, smooth color morphing, flowing animation

Palette

Deep burgundy + craft gold [Accent adjusted from #CA8A04 for WCAG 3:1]

Typography

Bold Statement
Bebas Neue / Source Sans 3

Chart: Radar / Spider Chart

Radar / Spider Chart

Implementation

  • ☐ Mesh gradient visible
  • ☐ Colors flow smoothly
  • ☐ Aurora effect achieved
  • ☐ Performance acceptable
Style 65 · General · Airline

Editorial Grid / Magazine

Magazine layout, asymmetric grid, editorial typography, pull quotes, drop caps, column layout, print-inspired. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Airline OS

News sites, blogs, magazines, editorial content, long-form articles, journalism, publishing

88%

style fit score

Effects

Smooth scroll, reveal on scroll, parallax images, text animations, page-flip transitions

Palette

Sky blue + booking orange [Accent adjusted from #F97316 for WCAG 3:1]

Typography

Wellness Calm
Lora / Raleway

Chart: Candlestick Chart

Candlestick Chart

Implementation

  • ☐ Grid asymmetric
  • ☐ Typography editorial
  • ☐ Pull quotes styled
  • ☐ Drop caps present
Style 66 · General · News/Media Platform

Chromatic Aberration / RGB Split

RGB split, color fringing, glitch, retro tech, VHS, analog error, distortion, lens effect. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA News/Media OS

Music platforms, gaming, tech brands, creative portfolios, nightlife, entertainment, video platforms

89%

style fit score

Effects

RGB offset animation, glitch timing, scan line movement, noise flicker, distortion on hover

Palette

Breaking red + link blue

Typography

Developer Mono
JetBrains Mono / IBM Plex Sans

Chart: Network Graph

Network Graph

Implementation

  • ☐ RGB split visible
  • ☐ Glitch effect controlled
  • ☐ Scan lines subtle
  • ☐ Performance ok
Style 67 · General · Magazine/Blog

Vintage Analog / Retro Film

Film grain, VHS, cassette tape, polaroid, analog warmth, faded colors, light leaks, vintage photography. A complete stacked showcase slice with hero, mock surface, palette, type, chart, components, and implementation guidance.

Live product surface

NOVA Magazine/Blog OS

Photography portfolios, music/vinyl brands, vintage fashion, nostalgia marketing, film industry, cafes

90%

style fit score

Effects

Film grain overlay, VHS tracking effect, polaroid shake, fade-in transitions, light leak animations

Palette

Editorial black + accent pink

Typography

Retro Vintage
Abril Fatface / Merriweather

Chart: Box Plot

Box Plot

Implementation

  • ☐ Film grain visible
  • ☐ Colors faded/warm
  • ☐ Light leaks present
  • ☐ Nostalgic feel achieved