# OLED Black Interface

A sophisticated, minimalist OLED interface with true black backgrounds and luminous accents for a refined digital experience.

| | |
|---|---|
| Style | OLED Black Interface |
| Category | UI/UX |
| Tags | oled, dark mode, minimalist, sophisticated, automotive ui, app design, interface, tech |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #000000 #141414 #dedede #8f8f8f #262626 #3de0d5 |
| Published | 2026-08-18 |
| Canonical URL | https://styleref.io/share/w04wxu7s-50035226e102 |

## 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):

OLED Black Interface

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Mobile; Presentation: Raw UI.
 • Container / Boundary: Container: Implicit (visual edges only); Container Dominance: Invisible (purely functional); Padding: Generous; Edge Behavior: Intentional bleed.
 • Mood & Personality: Sophisticated, Minimalist, Confident; Energy: Mellow; Emotional bias: Neutral; Tone register: Detached; Representation mode: Literal; Real-world accuracy: Precise.
 • Colors: Palette: Solid Colors: [ #000000 70% (Background),  #141414 10% (Elevated surfaces),  #DEDEDE 8% (Primary text),  #8F8F8F 5% (Secondary text),  #262626 3% (Dividers),  #3DE0D5 2% (Accent),  #F0A93B 2% (Accent)]; 6–8 colors; Cool temperature; Saturation: Subdued; Value contrast; Hue relationships: Complementary; Subtle gradients only; Color dominance: Background-dominant; Black/White point: Pure black + Rolled-off highlights; Accessibility: WCAG AA.
 • Typography: Grotesque; Regular, Medium; Text case: Sentence case; Font pairing: Weight contrast; Hierarchy: Clear typographic scale; Type scale: Modular; Normal (1.4); Letter spacing: Wide; Text presence: Required; Text visual role: Secondary visual element; Text integration: Overlaid.
 • Light & Shadow: Lighting presence: Implied; Lighting mood style: Low-key; Shadow type: None; Bloom / Glow usage: Low-opacity soft outer glow on accents and faint color halos around imagery.
 • Spatial Structure & Hierarchy: Grid system: Column grid; Visual density: Comfortable; Hierarchy: Strong; Layout axis: Vertical; Symmetry: Asymmetrical balance; Balance: Edge-weighted; Flat perspective; Plane separation: Color/value shift.
 • Surface, Material & Detail: Surface treatment: Matte; Texture: No texture; subtle noise dither only on large tinted panels; Texture usage: Subtle noise; Imperfection level: Flawless; Transparency: Opaque.
 • Camera and Motion: Transition: Dissolve; Animation duration: Standard.
 • Shape Language: Negative space usage: Dominant.
 • Voice & Language: Formality: Professional; Conversational vocabulary; Directness: Straightforward; Short sentences; Metaphors: Literal; Perspective: Second person (you); Pacing: Punchy; Emoji usage: None.
 • Background & Environment: Background type: Solid color; Environment mood: Abstract; Background–Subject: Contrasting; Background complexity: Minimal.
 • References: Minimalism; Temporal reference: Contemporary.
 • UI & Web: Animation: Functional only; Transition speed: Standard (200–300ms); Hover: Pressed elements briefly brighten; no scale response; Color theme: Dark; Background tone: Deep black; Accent strategy: Dual accent; Layout archetype: Feed or master–detail, prioritized by product context; Content width: Full-bleed; Density: Comfortable; Surface layers: Two-layer (page + card); Elevation: Background contrast only; Shadow technique: No shadows; Glass effect: Subtle tint overlay; Borders: Borderless; Card style: Filled tint; Icon style: Outline / Stroke; Icon weight: Regular (1.5px); Navigation: Bottom tab bar; Nav style: Sticky glass (blur); UI imagery: Photography; Focus ring: Glow halo.
 • Guardrails: Avoid: AI Gloss / Plastic Smoothing, Heavy Bokeh / Blur, Lens Flare, Over-saturation, Studio Post-processing; Avoid Visuals: dark gray backgrounds; pure white body text; small bold text; fully bright saturated accents; drop shadows; inverted light-theme components; hard-edged image boxes; Allowed Visuals: true-black ground; lifted matte surfaces; #DEDEDE primary text; #8F8F8F secondary text; dim luminous accents; soft accent glow; full-bleed imagery fading into black; 1.5px outline icons.
 •  OLED Luminance Rule: Keep all interface chrome below media and imagery in luminance; express elevation through lifted black surfaces, never shadows., Image Edge Treatment: High-contrast media is the color source; fade image edges gradually into the true-black ground., Typography OLED Compensation: Use Regular and Medium only; reduce weights one step from a light variant to prevent OLED glow and smearing..


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/w04wxu7s-50035226e102?format=flux        # also: midjourney, diffusion, json
https://styleref.io/api/v1/styles/w04wxu7s-50035226e102/style.md           # a ready-to-commit STYLE.md
```

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

```
styleref://gallery/w04wxu7s-50035226e102
styleref://gallery/w04wxu7s-50035226e102/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/w04wxu7s-50035226e102