COBALT is for designers and developers building an online store who want the design file and the code to match. You get a Figma kit and a Next.js template that share one token system, so the design and the build stay in step.

The Figma file has 73 screens, 146 with dark mode, in desktop, tablet and mobile versions. The previews show a home page with a hero and lookbook link, product listings with category tabs, a product page with color options, a cart with order summary, sign in, an orders list with delivery status and a thank-you screen. The code side has 23 routes built with Next.js 16, Tailwind CSS v4 and TypeScript, 47 typed React components, a working cart, search and checkout, and a live styleguide page. A live preview runs at cobalt-template.vercel.app.

Customization runs on 132 design variables. Pick one of 3 corner-radius styles (Sharp, Medium, Rounded) and one of 4 font presets (Space Grotesk, Geist, Fraunces, Sora). The kit uses full auto layout, 35 reusable components, 49 custom icons and 24 text styles, with a global style guide for colors and type.