STYLEKIT HUD v2.1// TACTICAL COMMAND INTERFACE
SYS:NOMINALStyleKit
LAT: 48.8566N|LON: 002.3522E|ALT: 412 KM|CYCLE: 2026-02-22 14:19:05Z
// TACTICAL INTERFACE — COMMAND BRIDGE

SCI-FI

HUD.

STARSHIP COCKPIT / TACTICAL COMMAND CENTER INTERFACE. DEEP SPACE BACKDROP. HOLOGRAPHIC GLASS PANELS. RADAR SCANNING. CYAN GLOW BORDERS.

SHIELDS:87%
POWER:74%
COMM:96%
THREAT:MED
SCROLL TO EXPLORE
SECTION 03

TACTICAL RADAR

// PROXIMITY SCAN — ACTIVE SWEEP — CLICK BLIP TO ACQUIRE TARGET LOCK

RADAR SYS
SWEEP STATUS
RANGE
250 KM
BEARING
047°
CONTACTS
5
CONTACTS
CALLSIGNDISTBEARINGTHREAT
TARGET DATA
NO TARGET LOCKED — CLICK A CONTACT TO ACQUIRE
SECTION 04

HUD COMPONENTS

// BUTTONS / INPUTS / PANELS — TACTICAL ELEMENT LIBRARY

BTN VARIANTS

INTERACTION STATES

INPUT FIELD

DATA ENTRY TERMINAL

PANEL CARD

HOVER TO ANIMATE CORNERS

REACTOR CORE
NOMINAL
NAVIGATION
ACTIVE
WEAPONS
STANDBY

ALL SYSTEMS OPERATIONAL

SECTION 05

COLOR SYSTEM

// HUD PALETTE — 5 TACTICAL COLOR TOKENS

#020617
DEEP SPACE
PRIMARY BG
#06B6D4
PRIMARY CYAN
BORDER / ACCENT
#0EA5E9
SKY BLUE
SECONDARY ACCENT
#22D3EE
LIGHT CYAN
TEXT / HIGHLIGHT
#22C55E
STATUS GREEN
NOMINAL / OK
SECTION 06

SYSTEM STATUS

// REAL-TIME DIAGNOSTIC DASHBOARD — CLICK PANEL TO EXPAND

SECTION 07

TACTICAL RULES

// DESIGN DIRECTIVES — ENGAGEMENT PROTOCOL

DIRECTIVE: DO

AUTHORIZED PROTOCOLS

  • 01Use bg-[#020617] as the base — pure deep space darkness
  • 02Glass panels: bg-slate-900/80 backdrop-blur-xl border border-cyan-500/20
  • 03L-corner locks on every panel — they animate outward on hover
  • 04Monospace font everywhere — font-mono uppercase tracking-widest
  • 05Radar sweep animation for the command center feel
  • 06Pulsing status dots — animate-pulse on green/cyan indicators
  • 07Cyan glow shadows — shadow-[0_0_20px_rgba(6,182,212,0.5)]
  • 08Semi-transparent panels stacked on the dark background
  • 09Scan line texture overlay on panels for CRT authenticity
DIRECTIVE: PROHIBIT

PROHIBITED ACTIONS

  • 01No white backgrounds — ever. This is deep space, not a day spa
  • 02No rounded corners larger than rounded-sm — HUDs are angular
  • 03No decorative gradients unrelated to glow effects
  • 04No serif fonts — monospace is the only acceptable typeface here
  • 05No bright warm colors as primary — cyan/green/blue only
  • 06No solid opaque panels — always use backdrop-blur + opacity
  • 07No slow transitions over 300ms — tactical UIs must be instant
  • 08No drop shadows without cyan color — no gray shadows allowed
SYSTEM NOMINAL—ALL STATIONS ONLINE
SCI-FI HUD

STARSHIP COMMAND INTERFACE
TACTICAL VISUALIZATION SYSTEM
STYLEKIT DESIGN LIBRARY

STATION COORDINATES
LAT
48.8566 N
LON
002.3522 E
ALT
412.00 KM
SECTOR
ALPHA-SEVEN
NAVIGATION LINKS
→DOCUMENTATION→ALL STYLES→COMMAND HOME

© 2025 STYLEKIT COMMAND
ALL SYSTEMS OPERATIONAL

SHIELD:87%|POWER:74%|COMM:96%|THREAT:MED
HUD v2.1 // STYLEKIT