What problem does it solve? Recreating Together AI's visual identity in new interfaces requires manually extracting exact colors, typography scales, spacing rules, and component styles from their site, which is slow and error-prone. ## Core Features & Use Cases - Complete Design Token Catalog: Provides exact color values (Brand Magenta #ef2cc1, Dark Blue #010120, Soft Lavender #bdbbff), typography specs for "The Future" and PP Neue Montreal Mono, spacing scale, and border radius rules. - Component Styling Rules: Defines buttons, cards, badges, stats bars, navigation, and elevation/shadow treatments for both light and dark themes. - Light & Dark HTML Previews: Bundled preview.html and preview-dark.html files show the full token catalog rendered in both themes for visual verification. - Use Case: When asked to build a landing page styled like Together AI, the agent applies the pastel gradient hero, 64px display type with -1.92px tracking, sharp 4px radius buttons, and the midnight-blue research section automatically. ## Quick Start Build a landing page for an AI inference product using the Together AI design system with a pastel gradient hero and a dark research section.
