Uniswap

Uniswap's design system embraces a 'soft tech' aesthetic, balancing a vibrant, almost playful color palette with clean, functional UI elements. The layout features generous negative space and a light canvas, punctuated by rounded cards and ghost buttons. A single vivid pink serves as the primary accent, creating clear calls to action amidst a mostly achromatic interface. Typography is compact and precise, contributing to a feeling of efficiency and modern reliability. Use Basel typeface at varying weights (400, 485, 500, 535) with a -0.020em letter-spacing for all text elements. Prioritize Canvas White (#ffffff) for the primary page background and Surface Frost (#f9f9f9) for card elements to establish surface hierarchy. Apply Action Pink (#ff37c7) exclusively for primary calls to action, clear active states, and critical interactive elements. Utilize 999999px (pill) radius for all primary action buttons and small interactive elements, and 20px-24px for cards. Maintain comfortable spacing with 8px as the primary element gap and 24px for section separation. Layer text colors from Text Primary (#131313) to Text Muted (#6a6a6a) to convey information hierarchy clearly. Incorporate highly rounded, almost pill-shaped corners (999999px) for buttons and similar interactive elements for a distinct friendly feel. Do not introduce new saturated colors for interactive elements; rely on the established brand and accent colors. Avoid heavy drop shadows or strong elevation effects; a minimal or absent shadow approach is preferred. Do not deviate from the Basel typeface or its specified letter-spacing for any UI text. Do not use generic square or slightly rounded components; ensure cards have at least a 20px radius. Refrain from using deep, dark backgrounds for main content areas, as the system is built on a light canvas. Avoid cluttering layouts; always prioritize generous negative space and comfortable density. Do not use transparent backgrounds for action buttons when Action Pink (#ff37c7) is available for a filled state.