EZSCALE/website
SHA256
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
4b98e52043fbb82adfa3415edb186e495d867deadff9c29f6868c943d80ec4c5
website/.superpowers/brainstorm/752312-1773515533/typography-comparison.html
Claude Dev 40c1ecc6fe Remove old Vuexy wrapper components (AppTextField, AppSelect, AppTextarea, FlashMessages, NotificationBell) 
All pages now use native Vuetify components directly. Flash messages are handled
by the ToastStack component via Pinia store. Notifications use NotificationPanel.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-14 17:10:23 -04:00

83 lines
6.3 KiB
HTML
Raw Blame History

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
<h2>Typography Direction</h2>
<p class="subtitle">Click the option that feels right for EZSCALE's technical, powerful identity</p>
<div class="cards" style="display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;">
<div class="card" data-choice="inter" onclick="toggleSelect(this)" style="padding:32px;cursor:pointer;">
<div style="margin-bottom:8px;"><span class="label">A</span></div>
<div style="font-family:'Inter',sans-serif;">
<h3 style="font-family:'Inter',sans-serif;font-size:28px;font-weight:700;margin-bottom:4px;">Inter</h3>
<p style="font-size:13px;opacity:0.5;margin-bottom:16px;">The industry standard — Vercel, Linear, GitHub</p>
<p style="font-size:32px;font-weight:700;letter-spacing:-0.5px;margin-bottom:8px;">Cloud Infrastructure</p>
<p style="font-size:18px;font-weight:500;margin-bottom:8px;">Deploy VPS in seconds. Scale without limits.</p>
<p style="font-size:14px;opacity:0.7;line-height:1.6;margin-bottom:16px;">High-performance NVMe SSD storage, dedicated vCPUs, and 10Gbps network connectivity. Built for developers who demand reliability.</p>
<div style="display:flex;gap:16px;align-items:baseline;margin-bottom:12px;">
<span style="font-size:36px;font-weight:700;">$4.99</span>
<span style="font-size:14px;opacity:0.5;">/month</span>
</div>
<div style="font-family:'JetBrains Mono',monospace;font-size:12px;background:rgba(255,255,255,0.05);padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,0.1);">
<span style="opacity:0.5;">$</span> ssh root@vps-01.ezscale.cloud
</div>
</div>
</div>
<div class="card" data-choice="space-grotesk" onclick="toggleSelect(this)" style="padding:32px;cursor:pointer;">
<div style="margin-bottom:8px;"><span class="label">B</span></div>
<div style="font-family:'Space Grotesk',sans-serif;">
<h3 style="font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;margin-bottom:4px;">Space Grotesk</h3>
<p style="font-size:13px;opacity:0.5;margin-bottom:16px;">Geometric & distinctive — technical but warm</p>
<p style="font-size:32px;font-weight:700;letter-spacing:-0.5px;margin-bottom:8px;">Cloud Infrastructure</p>
<p style="font-size:18px;font-weight:500;margin-bottom:8px;">Deploy VPS in seconds. Scale without limits.</p>
<p style="font-size:14px;opacity:0.7;line-height:1.6;margin-bottom:16px;">High-performance NVMe SSD storage, dedicated vCPUs, and 10Gbps network connectivity. Built for developers who demand reliability.</p>
<div style="display:flex;gap:16px;align-items:baseline;margin-bottom:12px;">
<span style="font-size:36px;font-weight:700;">$4.99</span>
<span style="font-size:14px;opacity:0.5;">/month</span>
</div>
<div style="font-family:'JetBrains Mono',monospace;font-size:12px;background:rgba(255,255,255,0.05);padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,0.1);">
<span style="opacity:0.5;">$</span> ssh root@vps-01.ezscale.cloud
</div>
</div>
</div>
<div class="card" data-choice="dm-sans" onclick="toggleSelect(this)" style="padding:32px;cursor:pointer;">
<div style="margin-bottom:8px;"><span class="label">C</span></div>
<div style="font-family:'DM Sans',sans-serif;">
<h3 style="font-family:'DM Sans',sans-serif;font-size:28px;font-weight:700;margin-bottom:4px;">DM Sans</h3>
<p style="font-size:13px;opacity:0.5;margin-bottom:16px;">Clean geometric — DigitalOcean, Notion vibes</p>
<p style="font-size:32px;font-weight:700;letter-spacing:-0.5px;margin-bottom:8px;">Cloud Infrastructure</p>
<p style="font-size:18px;font-weight:500;margin-bottom:8px;">Deploy VPS in seconds. Scale without limits.</p>
<p style="font-size:14px;opacity:0.7;line-height:1.6;margin-bottom:16px;">High-performance NVMe SSD storage, dedicated vCPUs, and 10Gbps network connectivity. Built for developers who demand reliability.</p>
<div style="display:flex;gap:16px;align-items:baseline;margin-bottom:12px;">
<span style="font-size:36px;font-weight:700;">$4.99</span>
<span style="font-size:14px;opacity:0.5;">/month</span>
</div>
<div style="font-family:'JetBrains Mono',monospace;font-size:12px;background:rgba(255,255,255,0.05);padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,0.1);">
<span style="opacity:0.5;">$</span> ssh root@vps-01.ezscale.cloud
</div>
</div>
</div>
<div class="card" data-choice="plus-jakarta" onclick="toggleSelect(this)" style="padding:32px;cursor:pointer;">
<div style="margin-bottom:8px;"><span class="label">D</span></div>
<div style="font-family:'Plus Jakarta Sans',sans-serif;">
<h3 style="font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;font-weight:700;margin-bottom:4px;">Plus Jakarta Sans</h3>
<p style="font-size:13px;opacity:0.5;margin-bottom:16px;">Modern & friendly — Stripe, Figma feel</p>
<p style="font-size:32px;font-weight:700;letter-spacing:-0.5px;margin-bottom:8px;">Cloud Infrastructure</p>
<p style="font-size:18px;font-weight:500;margin-bottom:8px;">Deploy VPS in seconds. Scale without limits.</p>
<p style="font-size:14px;opacity:0.7;line-height:1.6;margin-bottom:16px;">High-performance NVMe SSD storage, dedicated vCPUs, and 10Gbps network connectivity. Built for developers who demand reliability.</p>
<div style="display:flex;gap:16px;align-items:baseline;margin-bottom:12px;">
<span style="font-size:36px;font-weight:700;">$4.99</span>
<span style="font-size:14px;opacity:0.5;">/month</span>
</div>
<div style="font-family:'JetBrains Mono',monospace;font-size:12px;background:rgba(255,255,255,0.05);padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,0.1);">
<span style="opacity:0.5;">$</span> ssh root@vps-01.ezscale.cloud
</div>
</div>
</div>
</div>
<p style="margin-top:24px;opacity:0.5;font-size:13px;">All options pair with JetBrains Mono for code/terminal snippets. Click to select your preference.</p>
Reference in New Issue View Git Blame Copy Permalink