Design System

Solar Eclipse 2026 — Design Showroom

Human-centric, minimalist, high contrast, and refined design interface.

Showroom PreviewRoot Preview
01. Primary Editorial Hero
AUGUST 12, 2026 • 17:46 UTC

Pure astronomical precision.
Zero noise.

Designed with minimalist restraint. Uncluttered layout structure prioritizes real-time countdown, eclipse visibility data, and certified eye protection protocols.

Solar Totality Silhouette

Clean 1px geometry, zero artificial glow

02. Modern Palette
#0D0E10

Eclipse Dark

#0D0E10

#141619

Charcoal Card

#141619

#1C1E22

Surface Charcoal

#1C1E22

#C5A059

Solar Gold

#C5A059

#2C3848

Steel Slate

#2C3848

#F5F5F7

Off-White High

#F5F5F7

03. Typography & Countdown Components

Countdown Display Component

Monospace Tabular
751
DAYS
20
HOURS
15
MINUTES
42
SECONDS

High legibility numbers using tabular alignment for zero layout shifting.

Minimalist Badges & Callout

Human-centric
Spain (100% Totality) Iceland (100% Totality) US & Canada (Partial) ISO 12312-2 Safe
NASA Astronomical Data:

Totality path spans Spain, Iceland, and Greenland. Maximum duration reaches 2 minutes, 18 seconds.

Cloudflare Static Pre-Rendered Infrastructure

output: "export"

1. Static HTML/CSS/JS

Zero backend runtime execution. Instant global delivery from Cloudflare edge locations.

2. Build-Time Data Fetching

`scripts/fetch-eclipse-data.mjs` populates data static files on every deployment build.

3. Modern SEO & AEO Optimized

Structured JSON-LD schema ready for Google Search, ChatGPT, Perplexity, and Gemini.