Book Aesthetics & Styling System
The Horizon Between Us
Complete production-ready CSS styling architecture matching the original dark-mode book design and aesthetic guidelines.Core Document CSS Stylesheet
The following modular CSS rules govern the dark-mode theme, typography, page dimensions, and structural layout used across the book and its promotional assets:
@page { size: A4; margin: 20mm 18mm; background-color: #0f141c; } *, *::before, *::after { box-sizing: border-box; } body { font-family: 'Helvetica Neue', Arial, sans-serif; color: #cbd5e1; background-color: #0f141c; margin: 0; padding: 0; line-height: 1.6; } h1, h2, h3 { color: #ffffff; text-transform: uppercase; letter-spacing: 1px; } .quote-box { background-color: #1e293b; border-left: 4px solid #38bdf8; padding: 15px 20px; margin: 25px 0; font-style: italic; color: #f8fafc; }Design Principles & Variables
- Primary Background:
#0f141c(Deep Dark Slate) - Card / Container Background:
#1e293b(Muted Navy) - Primary Accent / Highlights:
#38bdf8(Cyan / Sky Blue) - Primary Typography Color:
#cbd5e1(Light Slate Gray for readable body text) - Headings & Titles:
#ffffff(Pure White, high contrast) - Page Geometry: Standard A4 print box with consistent multi-page margin scaling via WeasyPrint CSS Paged Media.