The DeFi Chain. Powered by Uniswap. Unichain is the fast, decentralized L2 purpose-built for onchain markets.
Design Analysis
--- version: alpha name: Magenta Grid DeFi Chain description: A high-energy onchain finance design language with saturated magenta grid stages, oversized mixed display type, dark plum pill actions, pale technical diagram...
This design language is for onchain finance products that need to feel direct, technical, and high-energy. It uses a saturated magenta stage, visible grid structure, oversized white or magenta headlines, dark plum pill actions, and calm rounded cards for app and builder content. Use one major visual object per page: a magenta hero field, a technical diagram, an app directory, or a builder resource grid. The interface should feel protocol-native, not like a generic fintech dashboard.
Use F50FB4 and nearby hot pinks for the main stage, hero energy, gradient headings, and grid highlights. This color can own the whole first viewport. Use 371A37 for primary actions. It grounds the pink field and gives CTAs enough visual weight. Use FFD6F1 for pale diagrams, technical grid surfaces, and active filters.
Use a rounded grotesk for almost everything. Hero headlines can be very large, around 90px / 90px with medium-heavy weight. Section titles sit around 45px / 45px; body and controls can share an 18.75px scale. Use a high-contrast italic serif only for selected headline words. The serif should create a sharp product-editorial moment, not become a paragraph font.
Start with a full-bleed magenta or pale technical stage. Center hero copy and actions, then transition into white sections for product directories, builder resources, and editorial content. Use grid overlays as a structural signal. Cards should be broad, rounded, and low-shadow. Directory pages should prioritize search and filter controls above card grids.
