z.z DESIGN SYSTEM ©2026
click logo to index
+ about
This site was built with Vanilla Javascript, Three.JS, GSAP, and design was done in Figma.
+ type scale (04)
Display
spacing: -.02em / 8rem (91px)
Heading
spacing: -.02em / 4rem (14px)
Paragraph
spacing: -.02em / 2rem (32px)
Text-mono
spacing: 0em / .875rem (14px)
+ colors (05)
Black
#0B0B0C
Black 35%
rgba(11, 11, 12, 0.35);
Dark gray
#404049
White
#E1E1ED
Holo
#f9cdff, #fffdce, #92ede7, #c1b3ff, #cbebb2, #c2ceff, #ecbcff, #a0d2fb
+ spacings (03)
--padding-global
1rem / 11px
--space-xl
2rem / 32px
--space-3xl
4rem / 48px
+ easings (04)
Ease-primary
cubic-bezier (0.055, 0.72, 0.115, 1)
Ease-secondary
cubic-bezier (0.74, 0.045, 0, 1)
power3.inOut ( GSAP )
power4.inOut ( GSAP )
01
02
03
04
05
VISITORS:00
ZUJI.ZO
(INDEX)
