Dashboardsystem

Financial Terminal

89
🔥 Certified BangerThis prompt produces genuinely distinct output

Generates UI in the style of a Bloomberg or Reuters terminal — extreme data density, green/red for up/down, monospace numbers, compact tables, and the unapologetic utility of Wall Street trading floors.

data densetablesmonospacefinancial

Added February 12, 2026 by unslop.dev

Example output

Market quotes table

Symbol
Last Chg %Chg
AAPL
189.84 +2.31 +1.23%
MSFT
415.20 -3.67 -0.88%
NVDA
924.50 +18.42 +2.03%
TSLA
248.10 -5.90 -2.32%
View code
<div style="padding: 0.5rem; background: #0a0a0a; font-family: 'Consolas', 'Courier New', monospace;">
  <div style="max-width: 36rem;">
    <div style="background: #181818; padding: 0.25rem 0.5rem; margin-bottom: 1px; display: flex; justify-content: space-between;">
      <span style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; color: #555;">Symbol</span>
      <div style="display: flex; gap: 2rem;">
        <span style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; color: #555; width: 4rem; text-align: right;">Last</span>
        <span style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; color: #555; width: 4rem; text-align: right;">Chg</span>
        <span style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; color: #555; width: 4rem; text-align: right;">%Chg</span>
      </div>
    </div>
    <div style="background: #111; padding: 0.3125rem 0.5rem; border-bottom: 1px solid #1a1a1a; display: flex; justify-content: space-between; align-items: center;">
      <span style="font-size: 0.8125rem; font-weight: 700; color: #e5e5e5;">AAPL</span>
      <div style="display: flex; gap: 2rem;">
        <span style="font-size: 0.8125rem; color: #e5e5e5; width: 4rem; text-align: right;">189.84</span>
        <span style="font-size: 0.8125rem; color: #22c55e; width: 4rem; text-align: right;">+2.31</span>
        <span style="font-size: 0.8125rem; color: #22c55e; width: 4rem; text-align: right;">+1.23%</span>
      </div>
    </div>
    <div style="background: #141414; padding: 0.3125rem 0.5rem; border-bottom: 1px solid #1a1a1a; display: flex; justify-content: space-between; align-items: center;">
      <span style="font-size: 0.8125rem; font-weight: 700; color: #e5e5e5;">MSFT</span>
      <div style="display: flex; gap: 2rem;">
        <span style="font-size: 0.8125rem; color: #e5e5e5; width: 4rem; text-align: right;">415.20</span>
        <span style="font-size: 0.8125rem; color: #ef4444; width: 4rem; text-align: right;">-3.67</span>
        <span style="font-size: 0.8125rem; color: #ef4444; width: 4rem; text-align: right;">-0.88%</span>
      </div>
    </div>
    <div style="background: #111; padding: 0.3125rem 0.5rem; border-bottom: 1px solid #1a1a1a; display: flex; justify-content: space-between; align-items: center;">
      <span style="font-size: 0.8125rem; font-weight: 700; color: #3b82f6;">NVDA</span>
      <div style="display: flex; gap: 2rem;">
        <span style="font-size: 0.8125rem; color: #e5e5e5; width: 4rem; text-align: right;">924.50</span>
        <span style="font-size: 0.8125rem; color: #22c55e; width: 4rem; text-align: right;">+18.42</span>
        <span style="font-size: 0.8125rem; color: #22c55e; width: 4rem; text-align: right;">+2.03%</span>
      </div>
    </div>
    <div style="background: #141414; padding: 0.3125rem 0.5rem; display: flex; justify-content: space-between; align-items: center;">
      <span style="font-size: 0.8125rem; font-weight: 700; color: #e5e5e5;">TSLA</span>
      <div style="display: flex; gap: 2rem;">
        <span style="font-size: 0.8125rem; color: #e5e5e5; width: 4rem; text-align: right;">248.10</span>
        <span style="font-size: 0.8125rem; color: #ef4444; width: 4rem; text-align: right;">-5.90</span>
        <span style="font-size: 0.8125rem; color: #ef4444; width: 4rem; text-align: right;">-2.32%</span>
      </div>
    </div>
  </div>
</div>

Portfolio summary cards

NAV
$2,847,231
▲ +1.42% today
P&L (MTD)
+$124,890
▁▂▃▂▃▄▅▆▅▇
Sharpe
1.847
252d rolling
Exposure
87.2%
target: 90%
View code
<div style="padding: 0.75rem; background: #0a0a0a; font-family: 'Consolas', 'Courier New', monospace;">
  <div style="display: flex; gap: 1px; max-width: 36rem;">
    <div style="flex: 1; background: #111; padding: 0.75rem;">
      <div style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; color: #555; margin-bottom: 0.375rem;">NAV</div>
      <div style="font-size: 1.125rem; font-weight: 700; color: #e5e5e5; font-variant-numeric: tabular-nums;">$2,847,231</div>
      <div style="font-size: 0.75rem; color: #22c55e; margin-top: 0.25rem;">▲ +1.42% today</div>
    </div>
    <div style="flex: 1; background: #111; padding: 0.75rem;">
      <div style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; color: #555; margin-bottom: 0.375rem;">P&L (MTD)</div>
      <div style="font-size: 1.125rem; font-weight: 700; color: #22c55e; font-variant-numeric: tabular-nums;">+$124,890</div>
      <div style="font-size: 0.75rem; color: #888; margin-top: 0.25rem;">▁▂▃▂▃▄▅▆▅▇</div>
    </div>
    <div style="flex: 1; background: #111; padding: 0.75rem;">
      <div style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; color: #555; margin-bottom: 0.375rem;">Sharpe</div>
      <div style="font-size: 1.125rem; font-weight: 700; color: #e5e5e5; font-variant-numeric: tabular-nums;">1.847</div>
      <div style="font-size: 0.75rem; color: #888; margin-top: 0.25rem;">252d rolling</div>
    </div>
    <div style="flex: 1; background: #111; padding: 0.75rem;">
      <div style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; color: #555; margin-bottom: 0.375rem;">Exposure</div>
      <div style="font-size: 1.125rem; font-weight: 700; color: #e5e5e5; font-variant-numeric: tabular-nums;">87.2%</div>
      <div style="font-size: 0.75rem; color: #555; margin-top: 0.25rem;">target: 90%</div>
    </div>
  </div>
</div>

Activity feed

Recent Executions
14:32:07 BUY  AAPL 150 @ 189.20 FILL
14:31:42 SELL TSLA 200 @ 249.80 FILL
14:31:15 BUY  NVDA 50 @ 922.10 PEND
View code
<div style="padding: 0.75rem; background: #0a0a0a; font-family: 'Consolas', 'Courier New', monospace;">
  <div style="max-width: 32rem; background: #111; border: 1px solid #222; padding: 0.5rem;">
    <div style="font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.08em; color: #555; padding: 0.25rem 0.25rem 0.375rem; border-bottom: 1px solid #222; margin-bottom: 0.25rem;">Recent Executions</div>
    <div style="display: flex; flex-direction: column; gap: 2px; font-size: 0.75rem;">
      <div style="display: flex; gap: 0.75rem; padding: 0.25rem;">
        <span style="color: #555; flex-shrink: 0;">14:32:07</span>
        <span style="color: #22c55e; flex-shrink: 0;">BUY&nbsp;</span>
        <span style="color: #e5e5e5; flex-shrink: 0; font-weight: 700;">AAPL</span>
        <span style="color: #888;">150 @ 189.20</span>
        <span style="color: #555; margin-left: auto;">FILL</span>
      </div>
      <div style="display: flex; gap: 0.75rem; padding: 0.25rem;">
        <span style="color: #555; flex-shrink: 0;">14:31:42</span>
        <span style="color: #ef4444; flex-shrink: 0;">SELL</span>
        <span style="color: #e5e5e5; flex-shrink: 0; font-weight: 700;">TSLA</span>
        <span style="color: #888;">200 @ 249.80</span>
        <span style="color: #555; margin-left: auto;">FILL</span>
      </div>
      <div style="display: flex; gap: 0.75rem; padding: 0.25rem;">
        <span style="color: #555; flex-shrink: 0;">14:31:15</span>
        <span style="color: #22c55e; flex-shrink: 0;">BUY&nbsp;</span>
        <span style="color: #e5e5e5; flex-shrink: 0; font-weight: 700;">NVDA</span>
        <span style="color: #888;">50 @ 922.10</span>
        <span style="color: #3b82f6; margin-left: auto;">PEND</span>
      </div>
    </div>
  </div>
</div>

System prompt

Copy this into your AI system prompt
You generate UI in a financial terminal style — the visual language of Bloomberg, Reuters, and trading floor screens. Maximum data density, zero wasted space, monospace numbers that update in real-time, and the austere beauty of information architecture under pressure. This isn't a dashboard you glance at — it's one you stare at for 12 hours.

VISUAL RULES:
- Background: Dark. #0a0a0a for base. #111111 for panels. #181818 for elevated sections. The screen should feel like it's always been on.
- Positive: Green (#22c55e) for gains, up arrows, positive changes. Active green (#4ade80) for highlights.
- Negative: Red (#ef4444) for losses, down arrows, negative changes. Never use red for anything other than "down" or "error."
- Neutral: White (#e5e5e5) for current values. Gray (#888888) for labels. Dark gray (#555555) for inactive elements. Dim gray (#333333) for borders.
- Blue: (#3b82f6) for selected/focused items, links. The only non-data color.
- Typography: Monospace ONLY. `font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace`. All numbers right-aligned. All text compact. Font size: 0.75rem to 0.875rem. Nothing larger.
- Spacing: Extremely tight. p-1 to p-2 inside cells. gap-0 or gap-px between items. Every pixel is real estate.
- Borders: 1px solid #222 or #333. Visible grid lines on tables. Dense structural borders.
- Border radius: 0 everywhere. Sharp corners. Financial terminals don't waste pixels on roundness.
- Number formatting: Always use fixed decimal places (2 for currency, 4 for rates). Thousands separators. Right-aligned. Tabular numbers (font-variant-numeric: tabular-nums).

SPECIFIC PATTERNS:
- Ticker/quote rows: Horizontal row with symbol (left, bold), price (right, white), change (right, green/red), % change (right, green/red). Compact. 24px row height.
- Data tables: Alternating rows (#111 / #141414). Tight padding. Header row in #222 with gray uppercase labels. All data monospace, right-aligned for numbers.
- Sparklines: Simulated with a series of ▁▂▃▄▅▆▇█ block characters in green or red. Inline with data.
- Section headers: Uppercase, letter-spacing: 0.08em, #666 color, text-xs. Functional, not decorative. Often with a colored square indicator.
- Price changes: +1.23 in green with ▲. -0.45 in red with ▼. Always show sign.

ANTI-PATTERNS:
- No large text. Nothing above 1rem except maybe a single headline.
- No padding larger than p-3. Compact is the entire point.
- No rounded corners. None.
- No playful colors. No purple, pink, orange, teal. Only green, red, blue, white, gray.
- No serif fonts. No decorative fonts.
- No images or icons beyond simple arrows (▲▼) and block characters (█).

Related prompts

QUERY RESULT — 4 ROWS — 0.003s
ID Endpoint Latency Req/s Status
001 /api/users 12ms 4,231 [OK]
002 /api/orders 34ms 1,847 [OK]
003 /api/payments 892ms 203 [ERR]
004 /api/analytics 67ms 982 [PENDING]
last updated: 2026-02-16T14:32:07Z | source: prod-monitor-03 | ttl: 30s
| rows: 4 of 4 | page: 1/1
Dashboard

Data Brutalism

🔥79system

Generates UI that treats raw data as the aesthetic — monospaced tables, visible grid structures, exposed metadata, no decoration. The beauty of information presented without apology. Bloomberg Terminal meets Craigslist.

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.

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.