Complete design token reference for vladkutepov.com. Colors, typography, spacing, and interactive components with all states documented.
Body — Figtree 18px / 150% line-height / 400 weight. The quick brown fox jumps over the lazy dog. This is the primary body text style used for paragraphs and long-form content across the site.
Body Small — Figtree 14px / 150% / -0.01em tracking. Secondary text for supporting content, metadata, and supplementary information.
4px base grid. Scale: 4 • 8 • 12 • 16 • 24 • 32 • 48 • 64 • 96 • 128 • 160px. All spacing tokens are registered as Webflow variables in the DS — Spacing collection.
60 components currently registered on the site. Key components for the redesign:
Header • Footer • Navbar Logo • Cursor • Global Styles • Cart • Dropdown Menu • User Avatar • Social Icons • Booking Modal
Button Primary • Button Default • Button and Social Icons • Label Default • Label Primary • Limited Offer Badge • Offer Badge FIXED • Book Call Btm Button
Section Newsletter • Section CTA Contact • Section Home Clients • Services Grid Right • Pre-footer Blog • Home Projects 2 Col Cards • View My Recent Projects 3 Cards • My Values 2 Col • 4 Cards 2 Col • Project Detail 2 Col • Related Blog Posts Grid • Video Section • Video Lightbox • Stock Slider
Kajabi Hero Card • Kajabi 50OFF Card • Kajabi Pricing with Offer • Kajabi How We Work Together • Kajabi Pre-Footer CTA • How To Redeem • FREE Trial CTA 1 • FREE Trial CTA 2 • Website Express • Website Express Sticky • Website Express Option • What Problem Are You Solving • How I Design • Graphic Design Intro • Services Templates • Contra
2,461 total styles (1,821 base + 640 combo classes). Major naming conventions: A/ • B/ • F/ • T/ prefix systems, plus Section, Home, Button, Heading, Pricing, and Content families. New DS/ prefix styles will coexist alongside existing styles — no modifications to legacy styles.