style(ui): clean up site styling and section labels

- Soften global glow shadows to standard dark shadows
- Hide scanline background effect
- Format documentation and page section labels to be cleaner and more readable
This commit is contained in:
2026-05-19 19:35:50 +02:00
parent 15c3495700
commit 4f1aa99570
5 changed files with 36 additions and 36 deletions
+7 -8
View File
@@ -12,11 +12,10 @@ const version = pkg.version ?? "";
<div class="hero-bg-elements">
<div class="hero-block hero-block-1"></div>
<div class="hero-block hero-block-2"></div>
<div class="scanline"></div>
</div>
<div class="container">
<div class="hero-content">
<div class="hero-label">// NOT_ANOTHER_AI_SIDEBAR</div>
<div class="hero-label">LOCAL-FIRST AI CODE EDITOR</div>
<h1 class="hero-title">
<span class="title-line-1">YOUR CODE STAYS YOURS.</span>
<span class="title-line-2">CLOUD WHEN YOU WANT IT.</span>
@@ -59,7 +58,7 @@ const version = pkg.version ?? "";
<section id="philosophy" class="features" style="padding-top: var(--space-3xl);">
<div class="features-header">
<div class="container">
<div class="section-label">[001] WHY_ZBLADE</div>
<div class="section-label">01 // Why Blade</div>
<h2 class="section-title">Why Another Editor<br/>Exists</h2>
</div>
</div>
@@ -131,7 +130,7 @@ const version = pkg.version ?? "";
<section id="workflow" class="features">
<div class="features-header">
<div class="container">
<div class="section-label">[002] WORKFLOW</div>
<div class="section-label">02 // Workflow</div>
<h2 class="section-title">What It's Actually<br/>Good At</h2>
</div>
</div>
@@ -175,7 +174,7 @@ const version = pkg.version ?? "";
<!-- How It Works Section -->
<section class="architecture-section">
<div class="container">
<div class="section-label">[003] ARCHITECTURE</div>
<div class="section-label">03 // Architecture</div>
<div class="arch-grid">
<div class="arch-node">
<div class="node-header">
@@ -213,7 +212,7 @@ const version = pkg.version ?? "";
<section class="pricing">
<div class="pricing-container">
<div class="pricing-block">
<div class="section-label">[004] SUBSCRIPTION_MODEL</div>
<div class="section-label">04 // Subscription Model</div>
<h2 class="pricing-title">ZAGUÁN AI<br/>REQUIRED</h2>
<div class="pricing-grid">
<div class="pricing-item">
@@ -233,7 +232,7 @@ const version = pkg.version ?? "";
<span>Funding development</span>
</div>
<a href="https://zaguanai.com/pricing" class="pricing-action" target="_blank" rel="noopener">
<span>VIEW_PRICING()</span>
<span>View Pricing & Plans</span>
<span class="action-arrow">→</span>
</a>
</div>
@@ -244,7 +243,7 @@ const version = pkg.version ?? "";
<section id="download" class="download">
<div class="download-layout">
<div class="download-header">
<div class="section-label">[005] DOWNLOAD_ZBLADE</div>
<div class="section-label">05 // Download Blade</div>
<h2 class="download-title">Get Blade<br/>for Your OS</h2>
</div>
<div class="download-grid">