# Sci-Fi HUD Console

Futuristic UI/UX style with dark technical surfaces, neon overlays, and dense telemetry for a serious, active interface.

| | |
|---|---|
| Style | Sci-Fi HUD Console |
| Category | UI/UX |
| Tags | futuristic, hud, console, technical, data visualization, cyberpunk, neon, dark mode, geometric, dashboard |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #05080f #0c1526 #3be8ff #c9e3f0 #5d7a94 #ffb020 |
| Published | 2026-09-04 |
| Canonical URL | https://styleref.io/share/5o15dz4b-daa682efde85 |

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

Sci-Fi HUD Console

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Desktop; Presentation: Raw UI.
 • Container / Boundary: Container: Implicit (visual edges only); Sharp Corners; Container Dominance: Visual element; Padding: Tight; Edge Behavior: Clipped elements.
 • Mood & Personality: Futuristic, Serious, Confident, Tense; Energy: Active; Emotional bias: Tense; Tone register: Detached; Representation mode: Symbolic; Real-world accuracy: Precise; Characters: Forbidden.
 • Colors: Palette: Solid Colors: [ #05080F 55% (Background),  #0C1526 20% (Panel surfaces),  #3BE8FF 10% (Primary telemetry),  #C9E3F0 7% (Readouts),  #5D7A94 4% (Secondary telemetry),  #FFB020 2% (Caution states),  #FF3B4E 2% (Alarm states)]; 6–8 colors; Cool temperature; Saturation: Electric; High contrast; Hue relationships: Complementary; Subtle gradients only; Color dominance: Background-dominant; Black/White point: Pure black + Rolled-off highlights; Accessibility: WCAG AA.
 • Typography: Condensed grotesque labels paired with monospaced numeric readouts; Regular, Medium, Bold; Text case: ALL CAPS; Font pairing: Condensed grotesque + monospace numeric system; Hierarchy: Strong contrast; Type scale: Modular; Tight (1.1); Letter spacing: Wide; Text presence: Required; Text visual role: Integrated into imagery; Text integration: Overlaid.
 • Light & Shadow: Lighting mood style: Emissive HUD lines on a persistently near-black ground; Bloom / Glow usage: Subtle; Lighting presence: Implied.
 • Spatial Structure & Hierarchy: Grid system: Baseline grid; Visual density: Packed; Hierarchy: Moderate; Symmetry: Near symmetry; Balance: Edge-weighted; Layout axis: Edge rails, top status strip, bottom panels, central live canvas; Flat perspective; Primary + secondary focal structure; Plane separation: Overlap; Framing devices: Vignetted Perimeter.
 • Surface, Material & Detail: Surface treatment: Flat; Texture: Faint scanlines or dot-grid overlay with subtle digital noise; Texture usage: Subtle noise; Transparency: Semi-transparent; Pattern usage: Geometric pattern.
 • Camera and Motion: Easing: Sharp step; Animation duration: Snappy; Sequencing: Panel brackets draw first; content follows; Motion intensity: Constant low-level telemetry activity; Motion implication: Dynamic; Camera movement: Rotating sweep lines; bracket-snap target acquisition.
 • Shape Language: Geometric; Primitive dominance: Polygons, Circles; Edge sharpness: Razor-sharp; Silhouette clarity: Complex; Curve consistency: Uniform radius; Negative space usage: Minimal; Angle usage: Frequent.
 • Line & Stroke System: Structural outlines; Hairline; Uniform consistency; Stroke Color: Contrasting accent; Stroke joins: Miter.
 • Voice & Language: Formality: Formal; Technical vocabulary; Directness: Explicit; Fragments sentences; Metaphors: Clinical; Perspective: Third person; Pacing: Staccato; Jargon level: Acronym-heavy.
 • Background & Environment: Background type: Solid color; Environment mood: Abstract; Background complexity: Moderate.
 • Artistic Mediums & Techniques: Physical medium: None; Illustrative technique: Vector illustration.
 • References: Temporal reference: Futuristic; Reference Brands: Film and game screen-graphics interface design.
 • UI & Web: Color theme: Dark; Background tone: Deep black; Accent strategy: Workflow / contextual accents; Semantic colors: Full set (error / warning / success / info); Layout archetype: Dashboard; Content width: Full-bleed; Density: Compact; Spacing scale: 4pt grid; Surface layers: Three-layer (page + card + elevated); Elevation: Background contrast only; Glass effect: Subtle tint overlay; Borders: Hairline (0.5–1px, low opacity); Corner radius scale: Sharp (0px); Card style: Translucent dark panels with a single bright edge; corner brackets replace full borders; Icon style: Outline / Stroke; Icon weight: Thin (1px); Navigation: Sidebar; Data display: Dense table; Data visualization: Gridded analytical; Focus ring: Glow halo; Animation: Functional only; Transition speed: Instant.
 • Guardrails: Avoid: Over-saturation, Stylistic filters; Avoid Visuals: purple-and-pink cyberpunk palettes; large filled color panels; decorative circular gauges; illegible microtype; Allowed Visuals: thin luminous rules; corner brackets; tick scales; crosshairs; readable dense telemetry; wireframe diagrams; low-opacity glow.
 •  Panel Grammar: Corner brackets replace full borders; ticks and scales persist along panel edges., Color Discipline: Reserve cyan for active telemetry, amber for caution, and red for alarms; keep all color areas thin and sparse., Information Planes: Reticle above map, map above grid, with telemetry layered across the interface., Numeric Focal Point: One oversized monospaced numeric readout anchors otherwise small, dense type..


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

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

```
styleref://gallery/5o15dz4b-daa682efde85
styleref://gallery/5o15dz4b-daa682efde85/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/5o15dz4b-daa682efde85