Architectural Standards
The Colophon.
This document outlines the technical anatomy, typography standards, color ratios, and edge infrastructure powering the Spire Digital platform.
01 // Typography Anatomy
Display & Monumental Serif
Christian Schwartz / Google FontsCormorant Garamond
Weights:300 Light, 400 Regular, 500 Medium, 600 SemiBold
Application Scope:Headlines, Monograms, Quotes, Editorial Titles
Body & Micro-Interface
Rasmus AnderssonInter
Weights:300 Light, 400 Regular, 500 Medium
Application Scope:Interface copy, dossier specifications, long-form reading
Telemetry & Telemetry Metadata
JetBrainsJetBrains Mono / System Monospace
Weights:400 Regular, 500 Medium
Application Scope:Timestamps, coordinates, latency counters, code specs
02 // Chromatic Spectrum
Obsidian Void
HEX: #050508
RGB: 5, 5, 8
Primary Canvas & Backdrops
Obsidian Slate
HEX: #111116
RGB: 17, 17, 22
Card & Surface Elevations
Champagne Gold
HEX: #a89474
RGB: 168, 148, 116
Primary Accent & Monograms
Warm Sand
HEX: #F5F2EB
RGB: 245, 242, 235
Editorial Headline Typography
Muted Alabaster
HEX: #A1A1AA
RGB: 161, 161, 170
Secondary Body & Captions
03 // Infrastructure & Runtime
Application FrameworkNext.js 16 (App Router + Turbopack)
Component EngineReact 19 (Server & Client Components)
Spatial 3D & GraphicsThree.js & WebGL 2.0 (Custom GLSL Shaders)
Motion ChoreographyMotion / GSAP (60 FPS GPU-Composited)
Database & AuthSupabase PostgreSQL (Row Level Security)
Edge CDN & DNSCloudflare Workers (Global 300+ Edge Nodes)
Transactional EmailResend API
AI IntelligenceGroq (Llama-3.3-70b-versatile)
04 // Environmental & Ethics
100% Renewable Edge
Deployed exclusively on Cloudflare Workers edge nodes running on certified renewable energy.
Zero Tracking Bloat
Zero third-party invasive trackers, zero analytics lag, strict privacy and cookie compliance.
Sub-100ms LCP Target
Engineered for maximum cognitive ease, immediate rendering, and zero layout shift.
Spire Digital Atelier · Colombo, Sri Lanka (6.9271° N, 79.8612° E)Contact Founder →