# Dark Glass Dashboard

A dark mode dashboard UI style featuring glassmorphism, minimalist design, and a strong purple accent for key metrics.

| | |
|---|---|
| Style | Dark Glass Dashboard |
| Category | UI/UX |
| Tags | dark mode, dashboard, glassmorphism, minimalist, tech, ui design, purple accent, geometric |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #111214 #1b1c1f #2a2b2f #ffffff #7c6af2 #f28a1a |
| Published | 2026-07-26 |
| Canonical URL | https://styleref.io/share/fqgx85dd-01577b60ea59 |

## Specification

Paste this into any AI tool. Keep the attribution line and the canonical URL.

STYLE REFERENCE — HARD CONSTRAINT (HIGHEST PRIORITY)

This style must be applied to ALL generated content (text, image, video).
If any part of the request conflicts with this style, the style OVERRIDES the request.
STYLE DEFINITION (to be operationally enforced):

Dark Glass Dashboard

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Still; Web, Desktop.
 • Container / Boundary: Container: Explicit (shape mask); Container shape: Rounded square; Medium radius Corners; Container Dominance: Neutral frame; Padding: Moderate; Edge Behavior: Content fully contained.
 • Mood & Personality: Confident, Serious, Minimalist, Elegant; Emotional bias: Neutral; Tone register: Observational; Representation mode: Literal; Minimal narrative; Characters: Forbidden; Real-world accuracy: Stylized.
 • Colors: Palette: Solid Colors: [ #111214 35% (Background),  #1B1C1F 25%,  #2A2B2F 15%,  #FFFFFF 10%,  #7C6AF2 10%,  #F28A1A 5%]; 6–8 colors; Subtle gradients only; Mixed temperature; Hue relationships: Complementary; High contrast; Saturation: Rich; Color dominance: Single dominant color.
 • Typography: Sans-serif; Regular, Medium, Semibold; Normal (1.4); Letter spacing: Normal; Type scale: Modular; Text visual role: Secondary visual element; Text presence: Required; Text integration: Separate; Hierarchy: Clear typographic scale.
 • Light & Shadow: Lighting mood style: Studio-flat; Artificial; Key light style: Soft; Light source count: Ambient; Shadow type: Soft; Lighting presence: Implied.
 • Spatial Structure & Hierarchy: Flat perspective; Primary + secondary focal structure; Hierarchy: Strong; Layout axis: Gridless; Symmetry: Asymmetrical balance; Balance: Evenly distributed; Plane separation: Overlap, Shadow; Scale relationship: Human-scale.
 • Surface, Material & Detail: Material simulation: Glass; Surface treatment: Material-simulated; Texture: Smooth; Texture usage: Subtle noise; Imperfection level: Polished; Semi-representational; Micro-detail allowance: Allowed; Age of surface: New.
 • Shape Language: Geometric; Primitive dominance: Rectangles, Circles; Edge sharpness: Soft; Curve consistency: Uniform radius; Angle usage: Limited; Silhouette clarity: Recognizable; Negative space usage: Balanced.
 • Line & Stroke System: No stroke (fill-only).
 • References: dark-mode dashboard UI.
 • UI & Web: Color theme: Dark only; Accent strategy: Single functional accent; Surface layers: Three-layer feel (page + card + elevated modules); Elevation: Mixed; Shadow technique: subtle inner + outer shadows for card separation; Icon style: minimal iconography.
 •  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.


ENFORCEMENT RULE: Before finalizing the output, internally verify that ALL elements comply with the style definition above. If compliance is uncertain, simplify or soften the output until it fully matches the style. Generated by StyleRef.io

## Other formats and live access

The specification above is the portable default. Tool-specific builds and a
ready-to-commit STYLE.md are available without a login:

**REST** (anonymous, read-only)

```
https://styleref.io/api/v1/styles/fqgx85dd-01577b60ea59?format=flux        # also: midjourney, diffusion, json
https://styleref.io/api/v1/styles/fqgx85dd-01577b60ea59/style.md           # a ready-to-commit STYLE.md
```

**MCP** (Streamable HTTP at `https://styleref.io/api/mcp`)

```
styleref://gallery/fqgx85dd-01577b60ea59
styleref://gallery/fqgx85dd-01577b60ea59/style.md
```

Or call the `get_style` tool with `ref` set to the slug above, and
`apply_style_to_prompt` to wrap a request for a specific tool.

Attribution: this style was created by @styleref. Keep the `Generated by StyleRef.io`
line and the canonical URL when you use a compiled spec, and credit the author.

Source: https://styleref.io/share/fqgx85dd-01577b60ea59