Design System
Vestcove's visual system: tokens, type, components, motion, and the principles behind them. The single source of truth for how the product should look and feel.
Principles
Premium app-first. Decision-first disclosure. Provenance and confidence close to every claim. Product tone and voice rules.
Open →Foundations
Color tokens, the green-tinted neutral scale, primary brand color, and the radius, layout, control, surface, edge, and section-grid token groups.
Open →Typography
Bitter display and Onest body. Three reusable type scales for display, body, and data. Live Bitter/Onest swap toggle.
Open →Layout
Section grid pattern. Square structural panels with rounded interactive controls. No blurred shadows. Responsive product shells.
Open →Components
Live buttons, fields, segmented controls, tabs, chips, status badges, and metric tiles. Inventory of named component families.
Open →Motion
Shared .vc-removing-item exit primitive for chips, pills, and saved cards. Working interactive demo.
Open →Brand
Temporary logo wordmark. Scrollbar treatment. Framework notes on Tailwind, custom React, and third-party primitives.
Open →