alex
322b3d1a3b
- Add /backups route and navigation tab in App.tsx - Add BackupDashboardWidget to Dashboard page - Document backup monitoring feature in REQUIREMENTS.md
39 lines
1.5 KiB
HTML
39 lines
1.5 KiB
HTML
<h2>Visual Direction</h2>
|
|
<p class="subtitle">What aesthetic feel do you want for the new design?</p>
|
|
|
|
<div class="options">
|
|
<div class="option" data-choice="minimal" onclick="toggleSelect(this)">
|
|
<div class="letter">A</div>
|
|
<div class="content">
|
|
<h3>Minimal & Clean</h3>
|
|
<p>Lots of whitespace, subtle borders, muted colors, content-first. Think Linear, Notion, or modern SaaS dashboards.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="option" data-choice="bold" onclick="toggleSelect(this)">
|
|
<div class="letter">B</div>
|
|
<div class="content">
|
|
<h3>Bold & Expressive</h3>
|
|
<p>Strong colors, distinct visual personality, custom illustrations or iconography. Think Vercel, Stripe, or gaming dashboards.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="option" data-choice="professional" onclick="toggleSelect(this)">
|
|
<div class="letter">C</div>
|
|
<div class="content">
|
|
<h3>Professional & Enterprise</h3>
|
|
<p>Polished but conservative, clear hierarchy, familiar patterns. Think AWS console, Datadog, or enterprise admin tools.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="option" data-choice="dark-dramatic" onclick="toggleSelect(this)">
|
|
<div class="letter">D</div>
|
|
<div class="content">
|
|
<h3>Dark & Dramatic</h3>
|
|
<p>Deep dark backgrounds, neon accents, high contrast. Think cyberpunk, developer tools, or media center aesthetics.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="subtitle">Click your preferred style in the browser, or tell me in the terminal if you want something else entirely.</p>
|