Concept render — composed live from this prompt's palette & layout. Reproducible with the library, not a stock screenshot.
Concept scene: Aurora Veil — open in library →SaaSBetaby Motif Studiopublished 2026-09-12
Status page with 90-day uptime bars and incident timeline
vibe: transparent, sober, precise
intermediate — 5 blocks, 2 stacksdesktop viewport≈ 100 lines generated (estimate)≈ 800 tokens to run (estimate)
prompt.txt — copy-paste ready
A status page that builds trust by telling the truth slowly. • Sober palette: white, ink, green/amber/red used only in the status roles — each paired with text, never colour alone. • Status header: the current all-systems line, one sentence, the overall state in words. • Uptime bars: 90 days per component, each bar titled with its date and percentage; degraded days amber, incidents red with a link to the entry. • Incident timeline: newest first — date, duration, affected components, what happened, what changed so it won't again. • Components table: each component with state and 90-day uptime number. • Subscribe: RSS + email, stated plainly. • The bars are a real list with accessible labels; the numbers are data, not decoration.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.
Palette tokens:#FFFFFF#171717#2E8C5A#D9A03C#C24E38
revised 2026-09-12 — Bank-3 batch 3: palette tokens, component links, viewport and the retry guard added under items #52/#55/#57/#74.
Remix this brief:
- — Lighter: same brief on a white ground with one accent kept.
- — Denser: halve the whitespace and add a second content column.
- — Playful: keep the structure, swap the display face and let one section animate on view.
Stacks shipped:Next.jsHTMLBlocks:Status headerUptime barsIncident timelineComponents tableSubscribe
Components this brief typically renders:
Community:▶ Re-run this prompt⤴ Submit a remix of it★ Your saved listRe-runs are a labelled simulation; the run log on this page is the real record.
⚠ Before you run it, know this
- Lowest score was GLM-4.6 (CN) at 86/100 — Components table honest about degraded states.
- All models built cleanly on the first pass.
More prompts in this mood
Open prompt →
Dark SaaS launch page with aurora hero
dark, premium, minimal
FeaturedNext.jsHTMLReact
92/100 · 4 runsOpen prompt →
SaaS onboarding — activation in one flow
clear, encouraging, momentum-forward
VerifiedNext.jsReact
90/100 · 4 runsOpen prompt →
B2B integration marketplace with cert badges and webhook snippet
technical-clean, dense-but-ordered
BetaNext.jsReact
85/100 · 4 runs