Spline
A 3D-tool aesthetic with translucent surfaces, 16px corners, Spline Sans, and layered glassy depth.
Best fit
Design tools and interactive products that want a soft, dimensional feel.
Preview
Preview only · full system delivered in the pack
Inside the deck
A real look at the system
Interior slides from the Spline design deck — palette, type, and components — so you know exactly what you're getting.
Unlock the full interactive deck + tokens
Static preview · the full interactive deck, tokens, and Tailwind config are delivered in the pack.
What's inside
A complete Tailwind system. Install it and build.
tokens.json
Design tokens
Colors, type, spacing, radii
tailwind.config
Tailwind config
Drop-in, ready to build
deck.html
Full visual system
Palette, type, components
design.md
Build guide
How the system fits together
Related packs
Similar systems
Relume
$29relume.io
A systematic web-design-tool look: Relative type, 8px corners, layered depth, and a broad accent range.
Designmodo
$29designmodo.com
A design-product marketing look: tight 5px radii, layered shadows, and a vivid accent range on white.
Saaspo
$29saaspo.com
A dark inspiration-gallery system with Plus Jakarta Sans, 8px corners, and restrained accenting.
This is an independent educational design study. It is not affiliated with, endorsed by, or sponsored by the referenced brand. Do not copy proprietary assets, logos, images, or protected brand material.