Explore the new brand identity with simplified design tokens, integrated shadcn/ui components, and modern typography.
Used for primary text, main navigation, and high-contrast elements.
Used for CTAs, success states, and interactive elements.
Used for highlights, secondary actions, and special elements.
This is body text using Nunito Sans. It's clean, readable, and perfect for documentation content. The font provides excellent readability across different screen sizes and devices.
Smaller text for captions and secondary information.
This is a card within a card, showing how components can be composed.
Card with brand green accent border.
Inline code: npm install
Code block:
import { Button } from './components/ui/button';
const App = () => (
<Button className="bg-brand-green">
Hello World
</Button>
);