Dark Glass Dashboard

StyleRef·@styleref·

Extract your style to start building your Style Board.

Made with this StyleRef

Design a SaaS analytics dashboard web app with a sidebar, top KPI cards, and a revenue over time area chart

Output Format

Creative Discipline

UI/UX

Medium

Digital

Delivery Mode

Still

Platform

Web, Desktop

UI & Web

Color Theme

Dark only

Accent Strategy

Single functional accent

Surface Layers

Three-layer feel (page + card + elevated modules)

Elevation Approach

Mixed

Shadow Technique

subtle inner + outer shadows for card separation

Icon Style

minimal iconography

Light & Shadow

Lighting Mood Style

Studio-flat

Light Source Type

Artificial

Key Light Style

Soft

Light Source Count

Ambient

Shadow Type

Soft

Lighting Presence

Implied

Container / Boundary

Container presence

Explicit (shape mask)

Container shape

Rounded square

Corner treatment

Medium radius

Container Dominance

Neutral frame

Padding rules

Moderate

Edge behavior

Content fully contained

Colors

#11121435%Usage: Background

#1B1C1F25%

#2A2B2F15%

#FFFFFF10%

#7C6AF210%

#F28A1A5%

Palette Size

6–8 colors

Gradient Policy

Subtle gradients only

Color Temperature

Mixed

Hue Relationships

Complementary

Contrast Strategy

High contrast

Saturation Range

Rich

Color Dominance

Single dominant color

Typography

Regular, Medium, Aa, Bb, Typography

Font FamilySans-serif

Line HeightNormal

Font WeightsRegular, Medium, Semibold

Letter SpacingNormal

Type ScaleModular

Text Visual Role

Secondary visual element

Text Presence

Required

Text Integration

Separate

Hierarchy

Clear typographic scale

Spatial Structure & Hierarchy

Perspective Style

Flat

Focal Structure

Primary + secondary

Hierarchy Clarity

Strong

Layout Axis

Gridless

Symmetry

Asymmetrical balance

Balance Type

Evenly distributed

Plane Separation Method

Overlap, Shadow

Scale Relationship

Human-scale

Shape Language

Shape Basis

Geometric

Primitive Dominance

Rectangles, Circles

Edge Sharpness

Soft

Curve Consistency

Uniform radius

Angle Usage

Limited

Silhouette Clarity

Recognizable

Negative Space Usage

Balanced

Surface, Material & Detail

Material Simulation

Glass

Surface Treatment

Material-simulated

Surface Texture Style

Smooth

Texture Usage

Subtle noise

Imperfection Level

Polished

Abstraction Level

Semi-representational

Micro-detail Allowance

Allowed

Age of Surface

New

Line & Stroke System

Stroke Usage

No stroke (fill-only)

Mood & Personality

Confident, Serious, Minimalist, Elegant

Emotional Bias

Neutral

Tone Register

Observational

Representation Mode

Literal

Narrative Allowance

Minimal

Characters

Forbidden

Real-world Accuracy

Stylized

References

Cultural References

dark-mode dashboard UI

Custom Style Items

UI Aesthetic

Dark-mode dashboard; card-based modules; elevated surfaces; strong purple accent for highlights/key metrics

Component & Data-Viz Styling

Rounded cards; subtle inner/outer shadows; charts in simplified geometric forms (bars/dots/rings) with sparse labeling

......X