System Documentation & Token Registry

Design System & Elementor Kit Verification

This internal template validates that all Global Colors, Global Fonts, Flexbox Container constraints, and vanilla CSS/JS motion classes (`tk-*`) render accurately within Elementor.

1. Color Tokens & Brand Accents

Ink Black
#0E0E0E

Warm Paper
#F6F3EE

Bags Teal
#1F9E86

Bags Yellow
#E4C000

Custom Red
#E42424

GMS Lime
#84FC00

Media Navy
#24306C

Media Green
#54A830

2. Button Styles & Interactions

Primary Action Button Secondary Outline Button Bags Kart Accent Custom Kart Accent Get My Stuff Accent Media Kart Accent

3. Motion Classes Verification (tk-reveal, tk-count, tk-tilt)

.tk-reveal

Fades and rises smoothly when scrolled into viewport.

.tk-tilt (Desktop)

Subtle 3D perspective tilt reacting to cursor location.

.tk-count Counter

100%

Runs quadratic ease-out count upon intersection.