Spline
Glowing Forms in the Void
The design feels like a creative void, a deep space canvas where ideas materialize as glowing forms. An absolute black (#000000) background serves as this void, making every piece of content feel like it's emitting light. Hierarchy is achieved not through shadows or solid grays, but through layered translucency — panels and buttons are semi-transparent white overlays, creating a glassmorphism effect. The custom Spline Sans typeface is used universally at normal weights, giving headings a confident but understated presence. A single, energetic Spline Blue (#0062ff) is reserved for primary actions, acting as a focused beacon in the minimalist dark environment.
⚡️ Build with this templatehttps://spline.designColor Palette
Typography
Heading: inherit
Body: inherit
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
# Spline — Style Reference > Glowing Forms in the Void Theme: dark The design feels like a creative void, a deep space canvas where ideas materialize as glowing forms. An absolute black (#000000) background serves as this void, making every piece of content feel like it's emitting light. Hierarchy is achieved not through shadows or solid grays, but through layered translucency — panels and buttons are semi-transparent white overlays, creating a glassmorphism effect. The custom Spline Sans typeface is used universally at normal weights, giving headings a confident but understated presence. A single, energetic Spline Blue (#0062ff) is reserved for primary actions, acting as a focused beacon in the minimalist dark environment. ## Colors | Name | Value | Role | |------|-------|------| | Void Black | `#000000` | Global page background, the foundational canvas for all content | | Panel Sheen | `#ffffff` | Card and panel surfaces (CSS var: --color-panel-bg) | | Button Sheen | `#ffffff` | Secondary button backgrounds (CSS var: --color-btn-bg) | | Bright White | `#ffffff` | Headlines, primary text, active icons, logos | | Cloud | `#cccccc` | Secondary body text | | Silver | `#999999` | Tertiary text, metadata, placeholder text | | Text Dim | `#ffffff` | Inactive navigation link text | | Nav Background | `#191a1d` | Opaque background for navigation bar on scroll | | Spline Blue | `#0062ff` | Primary CTA buttons — the single, high-energy action color | | Neon Pink | `#ff5cab` | Hero graphic accents and illustrative elements | | Golden Orb | `#ffb01f` | Hero graphic accents and illustrative elements | | Violet Haze | `#a770ff` | Hero graphic accents and illustrative elements | | Emerald Glow | `#47b35f` | Hero graphic accents and illustrative elements | | Code Orange | `#ce9178` | Syntax highlighting in code blocks | | Code Green | `#6a9955` | Syntax highlighting in code blocks | | Code Blue | `#569cd6` | Syntax highlighting in code blocks | ## Typography | Family | Role | |--------|------| | Spline Sans | The universal brand typeface for all UI text, from display headlines to body copy. Its use at normal weights (400/500) gives the design an approachable, technical feel, avoiding the aggression of heavy, bold headlines. | | Spline Sans Mono | Used exclusively for code snippets and technical text, providing clear differentiation from UI copy. |