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.

Interface & Viewing Standards

Design Standards

1. Human-Centric Contrast

High contrast dark palette optimized for evening reading, low-light viewing, and field observation.

2. Scientific Precision

Calculated phase timings, coordinate projections, and local eclipse obscuration metrics.

3. Accessible Safety Guidelines

Direct, unambiguous eye safety guidance and ISO 12312-2 certified filter requirements.