Spline

Deep, luminous, and playfully futuristic. A pitch-black void acts as the canvas for floating, glowing 3D geometry and interactive WebGL experiences, framed by restrained dark-mode UI cards and crisp sans-serif type.

playful clinical

Visit site

Colour

Background#000000

Text#ffffff

Accent#0062ff

Surface#191a1d

Muted#888888

Typefaces

Display: Spline Sans
Body: Spline Sans
Mono: Spline Sans Mono
Source: self_hosted
Scale: 12 · 13 · 14 · 16 · 18 · 20

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 12px · 16px · 24px

Capture

Category: tools
Sections: 5
Captured: 2026-08-30
Rhythm: dark x5

Type rules

display headlines set in sentence-case Spline Sans medium
body measure constrained to narrow readable columns around 32 characters
code snippets and developer embeds rendered in Spline Sans Mono

Colour rules

base canvas is strictly pure black (#000000) across every viewport
content modules contained in subtle dark grey surfaces (#191a1d)
vibrant chromatic colors restricted entirely to WebGL 3D models and preview cards

Voice rules

lead with concise, tool-oriented capability statements
support hero headlines with direct control versus AI distinctions

Holds it together

keep the page background consistently pitch black (#000000) from hero through footer
contain interactive tools and UI previews in rounded dark surface cards (#191a1d)
let interactive 3D lighting and colorful volumetric assets provide all visual warmth

Contrast

text on background21.0:1 AAA

muted text on background5.9:1 AA

text on surface17.4:1 AAA

accent on background4.2:1 AA Large

background on accent4.2:1 AA Large

Type, measured

Body: 18px / 1.56
Measure: 32 characters
Display: 40px / 1.35
Tracking: 0em display
Scale ratio: 1.22

Voice

Tone: confident, technical, empowering
Sentences: short
Person: second
Vocabulary: technical
Calls to action: get started, learn, explore, remix

Built with

Builder: —
Framework: next
Motion: —
WebGL: yes
Nav: top_bar, 6 items
Length: 14 screens

Sections in page order

3 marked strong · 5

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
A dark, playful 3D playground where colorful glowing geometric objects float in space around a minimalist AI creation prompt.
Mood
playful + dreamy
Layout
1 col · centered · airy
Open section →
01
showcase
A sleek horizontal carousel of rich 3D and interactive design cards against a pitch black canvas.
Mood
playful + bold
Layout
6 col · grid · dense
Open section →
02
showcase
Sleek dark proof section uniting a crisp enterprise client logo grid, an interactive project showcase, and a focused customer testimonial.
Mood
clinical + bold
Layout
1 col · stacked · balanced
Open section →
03
feature grid
Strong
A sleek dark product showcase combining precision UI framing with glowing 3D interactive graphics and feature cards.
Mood
clinical + dreamy
Layout
1 col · stacked · balanced
Open section →
04
feature
Strong
Deep dark UI canvas showcasing 3D design workflows through layered glassmorphic cards, code embeds, and glowing interactive product modules.
Mood
clinical + dreamy
Layout
1 col · stacked · balanced
Open section →