A login page built as the entry point for a broader design system — every element on screen, from the accent color to the field states, doubles as a documented token meant to scale across the rest of the product.

Colors, type scale, button and input states, the logo mark, card surfaces, and a spacing scale are all defined alongside the page itself, so the login flow ships with its own rulebook.