Dashboard Pro
Glass command-center dashboard
The prompt
Build a monitoring dashboard for a fleet of servers using translucency deliberately and sparingly. Rules for the glass effect: exactly two elements are translucent — the top command bar and the alert flyout. Everything else is solid. Translucent surfaces use a 12% white fill, a 20px backdrop blur, and a 1px top border at 18% white to catch the light. Never stack two translucent surfaces on top of each other. Never place body text directly…
159 more words behind Pro
Unlock all 24 promptsThe opening is above. Pro unlocks the full text — the structure, constraints and design tokens that do the real work.
About this prompt
Glassmorphism done with restraint — layered translucency used to establish depth, on exactly two surfaces.
Tags:#dark-mode#glassmorphism#monitoring#app-ui
Prompt Setup Guide
How to use this prompt & FAQs
Follow these simple steps to generate high-converting websites using Glass command-center dashboard.
STEP 01
Copy System Prompt
Click the copy button above to grab the structured system prompt for "Glass command-center dashboard".
STEP 02
Paste into AI Builder
Open Lovable, Bolt, Codex, Claude and paste the system prompt into the composer or initial prompt box.
STEP 03
Generate & Refine
Replace any bracketed text like [App Name] with your specific details, then click generate.
Frequently Asked Questions
More like this