📄️ Colors
Base palette
📄️ Text Styles
Typeface
📄️ Icons
Library
📄️ Logo
Always use the official Revup logo assets. Don't alter, distort, recolor outside the brand palette, or place it on low-contrast backgrounds.
Foundations are the raw building blocks behind every screen and every piece of visual communication at Revup: colors, type, icons, and the logo itself. Product design uses these as design tokens in Figma and code; anyone writing or designing content should know the logic behind them, even if the live components live in Storybook.
Base palette
Typeface
Library
Always use the official Revup logo assets. Don't alter, distort, recolor outside the brand palette, or place it on low-contrast backgrounds.