color
Color
Raw color values
Loading foundations...
Loading foundations...
Raw color values
The color system — semantic tokens, brand palette, and usage guidelines.
Typography is the foundation of how we use fonts and text styles across our products. It does more than make text readable: it establishes visual hierarchy, communicates tone, and creates consistency at scale.
Type scale, font stacks, and fluid sizing built on CSS clamp().
Spacing description
The spacing scale — from 2px micro gaps to 128px section padding.
Animation principles, duration tokens, and easing curves.
Next.js Next.js, developed by Vercel, is a popular React-based framework that enables developers to create highly optimized, server-side rendered (SSR) applications. It simplifies the development process by providing features like static site generation (SSG), dynamic routing, and automatic code-splitting. One of its major strengths is the ability to serve pages faster by pre-rendering them at build time or dynamically generating them at runtime, depending on the use case. With built-in support for API routes and incremental static regeneration (ISR), Next.js is particularly well-suited for building fast, modern web applications that can easily scale.