Dashboardsystem

Mission Control

🔥 Certified BangerThis prompt produces genuinely distinct output

Generates UI inspired by NASA ops centers — dark backgrounds, status boards, telemetry readouts, countdown timers, grid-precise layouts, and the focused calm of people who launch rockets for a living.

spacetelemetrystatus boardsdark mode

Added February 9, 2026 by unslop.dev

Example output

Status board

      GO/NO-GO Poll
      MET T+00:42:16
    
FLIGHT
GO
GNC
GO
TELMU
HOLD
PROP
GO
COMM
GO

      4/5 GO · Awaiting TELMU resolution
    

View code

<div style="padding: 1rem; background: #0b0e14; font-family: 'Consolas', 'Courier New', monospace;">
  <div style="max-width: 32rem;">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(59,130,246,0.12);">
      <span style="font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.1em; color: #3b82f6; font-weight: 600;">GO/NO-GO Poll</span>
      <span style="font-size: 0.6875rem; color: #64748b;">MET T+00:42:16</span>
    </div>
    <div style="display: flex; flex-direction: column; gap: 0.375rem;">
      <div style="background: #111620; border: 1px solid rgba(59,130,246,0.08); border-radius: 4px; padding: 0.5rem 0.75rem; display: flex; justify-content: space-between; align-items: center;">
        <div style="display: flex; align-items: center; gap: 0.5rem;">
          <div style="width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 6px rgba(34,197,94,0.4);"></div>
          <span style="font-size: 0.75rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em;">FLIGHT</span>
        </div>
        <span style="font-size: 0.75rem; color: #22c55e; font-weight: 600;">GO</span>
      </div>
      <div style="background: #111620; border: 1px solid rgba(59,130,246,0.08); border-radius: 4px; padding: 0.5rem 0.75rem; display: flex; justify-content: space-between; align-items: center;">
        <div style="display: flex; align-items: center; gap: 0.5rem;">
          <div style="width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 6px rgba(34,197,94,0.4);"></div>
          <span style="font-size: 0.75rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em;">GNC</span>
        </div>
        <span style="font-size: 0.75rem; color: #22c55e; font-weight: 600;">GO</span>
      </div>
      <div style="background: #111620; border: 1px solid rgba(59,130,246,0.08); border-radius: 4px; padding: 0.5rem 0.75rem; display: flex; justify-content: space-between; align-items: center;">
        <div style="display: flex; align-items: center; gap: 0.5rem;">
          <div style="width: 8px; height: 8px; border-radius: 50%; background: #f59e0b; box-shadow: 0 0 6px rgba(245,158,11,0.4);"></div>
          <span style="font-size: 0.75rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em;">TELMU</span>
        </div>
        <span style="font-size: 0.75rem; color: #f59e0b; font-weight: 600;">HOLD</span>
      </div>
      <div style="background: #111620; border: 1px solid rgba(59,130,246,0.08); border-radius: 4px; padding: 0.5rem 0.75rem; display: flex; justify-content: space-between; align-items: center;">
        <div style="display: flex; align-items: center; gap: 0.5rem;">
          <div style="width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 6px rgba(34,197,94,0.4);"></div>
          <span style="font-size: 0.75rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em;">PROP</span>
        </div>
        <span style="font-size: 0.75rem; color: #22c55e; font-weight: 600;">GO</span>
      </div>
      <div style="background: #111620; border: 1px solid rgba(59,130,246,0.08); border-radius: 4px; padding: 0.5rem 0.75rem; display: flex; justify-content: space-between; align-items: center;">
        <div style="display: flex; align-items: center; gap: 0.5rem;">
          <div style="width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 6px rgba(34,197,94,0.4);"></div>
          <span style="font-size: 0.75rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em;">COMM</span>
        </div>
        <span style="font-size: 0.75rem; color: #22c55e; font-weight: 600;">GO</span>
      </div>
    </div>
    <div style="margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(59,130,246,0.08); text-align: center;">
      <span style="font-size: 0.6875rem; color: #64748b;">4/5 GO · Awaiting TELMU resolution</span>
    </div>
  </div>
</div>

Telemetry readout

Altitude
408.2 km
NOM: 405–410 km
Velocity
7.66 km/s
NOM: 7.65–7.67 km/s
Inclination
51.64°
NOM: 51.6°

View code

<div style="padding: 1rem; background: #0b0e14; font-family: 'Consolas', 'Courier New', monospace;">
  <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; max-width: 32rem;">
    <div style="background: #111620; border: 1px solid rgba(59,130,246,0.1); border-radius: 4px; padding: 0.875rem;">
      <div style="font-size: 0.5625rem; text-transform: uppercase; letter-spacing: 0.1em; color: #64748b; margin-bottom: 0.5rem;">Altitude</div>
      <div style="font-size: 1.5rem; font-weight: 600; color: #e2e8f0; font-variant-numeric: tabular-nums;">408.2<span style="font-size: 0.75rem; color: #64748b;"> km</span></div>
      <div style="font-size: 0.5625rem; color: #475569; margin-top: 0.25rem;">NOM: 405–410 km</div>
    </div>
    <div style="background: #111620; border: 1px solid rgba(59,130,246,0.1); border-radius: 4px; padding: 0.875rem;">
      <div style="font-size: 0.5625rem; text-transform: uppercase; letter-spacing: 0.1em; color: #64748b; margin-bottom: 0.5rem;">Velocity</div>
      <div style="font-size: 1.5rem; font-weight: 600; color: #e2e8f0; font-variant-numeric: tabular-nums;">7.66<span style="font-size: 0.75rem; color: #64748b;"> km/s</span></div>
      <div style="font-size: 0.5625rem; color: #475569; margin-top: 0.25rem;">NOM: 7.65–7.67 km/s</div>
    </div>
    <div style="background: #111620; border: 1px solid rgba(59,130,246,0.1); border-radius: 4px; padding: 0.875rem;">
      <div style="font-size: 0.5625rem; text-transform: uppercase; letter-spacing: 0.1em; color: #64748b; margin-bottom: 0.5rem;">Inclination</div>
      <div style="font-size: 1.5rem; font-weight: 600; color: #e2e8f0; font-variant-numeric: tabular-nums;">51.64<span style="font-size: 0.75rem; color: #64748b;">°</span></div>
      <div style="font-size: 0.5625rem; color: #475569; margin-top: 0.25rem;">NOM: 51.6°</div>
    </div>
  </div>
</div>

Countdown timer

Time to Orbital Insertion

      T-00:04:23
    
Phase
COAST
Status
NOMINAL
Orbit
#147

View code

<div style="padding: 2rem; background: #0b0e14; text-align: center; font-family: 'Consolas', 'Courier New', monospace;">
  <div style="max-width: 20rem; margin: 0 auto;">
    <div style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.2em; color: #3b82f6; margin-bottom: 0.75rem;">Time to Orbital Insertion</div>
    <div style="font-size: 2.5rem; font-weight: 700; color: #e2e8f0; letter-spacing: 0.05em; font-variant-numeric: tabular-nums; text-shadow: 0 0 20px rgba(59,130,246,0.2);">
      T-00:04:23
    </div>
    <div style="display: flex; justify-content: center; gap: 2rem; margin-top: 0.75rem;">
      <div>
        <div style="font-size: 0.5625rem; text-transform: uppercase; color: #64748b; letter-spacing: 0.08em;">Phase</div>
        <div style="font-size: 0.75rem; color: #3b82f6; font-weight: 600;">COAST</div>
      </div>
      <div>
        <div style="font-size: 0.5625rem; text-transform: uppercase; color: #64748b; letter-spacing: 0.08em;">Status</div>
        <div style="font-size: 0.75rem; color: #22c55e; font-weight: 600;">NOMINAL</div>
      </div>
      <div>
        <div style="font-size: 0.5625rem; text-transform: uppercase; color: #64748b; letter-spacing: 0.08em;">Orbit</div>
        <div style="font-size: 0.75rem; color: #e2e8f0; font-weight: 600;">#147</div>
      </div>
    </div>
  </div>
</div>

System prompt

Copy this into your AI system prompt

You generate UI in a mission control style — the aesthetic of a space agency operations center. Dark backgrounds, glowing status indicators, telemetry readouts, countdown timers, and the calm precision of interfaces designed for people who can't afford mistakes. Think Johnson Space Center, ESA Control Room, or a SpaceX launch console.

VISUAL RULES:
- Background: Deep dark with blue undertone. #0b0e14 for base. #111620 for panels. #171d28 for elevated surfaces. The cool darkness of a room lit only by screens.
- Primary: Bright blue (#3b82f6) for active, selected, nominal states. This is "mission blue" — the primary operational color.
- Status colors: Green (#22c55e) = GO/nominal. Red (#ef4444) = NO-GO/critical. Amber (#f59e0b) = caution/hold. White (#e2e8f0) = data/values. These have specific, non-negotiable meanings.
- Text: White (#e2e8f0) for values and active data. Slate (#94a3b8) for labels. Dim (#64748b) for secondary. Blue-tinted, never warm.
- Typography: `font-family: 'JetBrains Mono', 'SF Mono', 'Consolas', monospace` for data, readouts, and labels. Sans-serif for longer descriptions only. ALL labels uppercase. Letter-spacing on labels: 0.08-0.12em.
- Borders: `border: 1px solid rgba(59,130,246,0.15)`. Subtle blue tint. Panels clearly delineated but not harsh.
- Grid: Strict grid layout. Everything aligned. No organic flow. Dashboard tiles snap to columns/rows.
- Spacing: Compact but organized. p-3 to p-4. Dense but not chaotic. Information-rich without clutter.
- Border radius: 4-6px. Slightly softened — modern aerospace, not 1960s switches.
- Countdown/timer elements: Large monospace numbers with consistent character width. May use tabular-nums for alignment. Colons between units.

SPECIFIC PATTERNS:
- Status tiles: Small rectangular panels showing a single metric. Label (uppercase, slate, tiny), value (large, white/colored), status indicator (colored dot). Background: #111620. Grid of 4-6 tiles.
- Telemetry readouts: Key metrics in large monospace (text-2xl to text-3xl). Unit labels small beside the number. May include min/max range in tiny text.
- GO/NO-GO indicators: Colored dot (8px) + label + status text. Green "GO" or red "NO-GO" per subsystem. Listed vertically.
- Timeline/event logs: Timestamps (monospace) + event description. MET (Mission Elapsed Time) format: T+00:14:32. Most recent event at top.
- Phase indicators: Horizontal segments showing mission phases. Active phase highlighted in blue. Past in dim. Future in outline.
- Countdown: Large centered monospace timer. T-00:04:23 format. Blue for nominal, amber when approaching zero, green at T-0.

ANTI-PATTERNS:
- No warm colors (orange as decoration, terracotta, brown). Amber only for caution states.
- No serif fonts. No editorial feel.
- No large rounded corners. Nothing playful or soft.
- No asymmetric or creative layouts. Grid precision only.
- No gradient fills on panels. Flat, functional backgrounds.
- No decorative elements. Every element has a purpose.

Related prompts

      [A-01] System Overview
    
        dim: cpu load
        34.2 %
      
        dim: memory
        12.8 / 32 GB
      
        dim: requests
        1,847 /min
      
      rev. 2026-02-16
      scale: 1:1

Dashboard

Blueprint Technical

🔥86system

Generates UI with the precision aesthetic of architectural blueprints — white lines on deep blue, grid overlays, dashed construction lines, and technical annotation styling. Every pixel is measured.

Reactor Core
Nominal
Temp
347°C
Pressure
15.2MPa
Output
1.21GW

Warning: Threshold Exceeded
Coolant flow rate has dropped below minimum operational threshold. Current: 12.3 m³/s (min: 15.0 m³/s).

Dashboard

Dark Industrial

🔥76system

Generates UI with the feel of an industrial control room — dark steel panels, amber/orange warning accents, monospace readouts, riveted edges, and the serious utility of heavy machinery interfaces.

Requests

1.24M

↑ 12.3%

Error rate

0.04%

↓ 0.01%

p95 Latency

142ms

↑ 23ms

Endpoint	Requests	Latency	Status
/api/users	45.2k	89ms	Healthy
/api/payments	12.8k	234ms	Degraded
/api/search	8.1k	67ms	Healthy

Dashboard

Dense Dashboard

🔥85system

Generates data-heavy, dark-mode-first UI — compact tables, stat cards, sparklines, status badges. The kind of interface an ops engineer stares at for 8 hours and still finds readable.