Skip to content
Browse
Library

Lusion. 3D sculpture gallery on a frosted lavender plane.

  • Studio
  • Light theme
  • 8 colors
  • 1 typeface

Lusion treats its website as a digital sculpture gallery rather than a typical agency portfolio. The entire chrome sits on a cold lavender-tinted off-white (#f0f1fa) that makes pure black Aeonik text feel etched into the canvas, while the 3D renders — vivid electric indigo crosses, polished metal, glass cylinders — supply every drop of chromatic energy. Pill-shaped components at 87–100px radius make the UI feel like physical objects placed on a gallery floor, never card stacks. Shadows are reduced to a 4% whisper; depth and drama come from the 3D content itself, not from UI elevation. Whitespace is generous, navigation is reduced to bare essentials, and the few text links are pure black with the same tight -0.02em tracking as body copy.

Visit lusion.co
Screenshot of Lusion
Captured from lusion.co on October 11, 2026

Lusion design system

Lusion

Brand1

  • Chromatic brand accent — appears as icon stroke, inline highlight marks, and as the signature color inside the 3D hero render. The single source of energy against the otherwise achromatic UI

Accent1

  • Highlight wash for emphasis zones, secondary accent inside 3D compositions — used sparingly as a surprise contrast

Neutrals6

  • Primary text, all headings, body copy, icons, and link text — pure black with no softening

  • Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color

  • Deep surface layer for dark bands or modal overlays, darker than graphite for clear hierarchy separation

  • Light supporting surface for subtle backgrounds and section separation. Do not promote it to the primary CTA color

  • Page canvas — the dominant background, a cool off-white with a barely-perceptible lavender cast that makes pure black text feel sharper than it would on pure white

  • Elevated card and surface backgrounds, button text on dark fills, inverted surfaces

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper White on Electric Indigo

7.39 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.