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.
Foundations
Color tokens, the green-tinted neutral scale, primary brand color, and the radius, layout, control, surface, edge, and section-grid token groups.
Typography
Bitter display and Onest body. Three reusable type scales for display, body, and data. Live Bitter/Onest swap toggle.
Layout
Section grid pattern. Square structural panels with rounded interactive controls. No blurred shadows. Responsive product shells.
Components
Live buttons, fields, segmented controls, tabs, chips, status badges, and metric tiles. Inventory of named component families.
Motion
Shared .vc-removing-item exit primitive for chips, pills, and saved cards. Working interactive demo.
Brand
Temporary logo wordmark. Scrollbar treatment. Framework notes on Tailwind, custom React, and third-party primitives.