Preview image. Unlock full-res
Precision on parchment: a financial platform that feels like an architect's blueprint, meticulously detailed on a bright white surface, with interactive elements highlighted in stark, electric blue.
Gemini's design system offers a crisp, compact, and confident interface for financial markets. It balances extensive negative space with information-dense cards, punctuated by a vibrant blue accent for interactive elements. The typography is modern and precise, contributing to an atmosphere of focused functionality rather than elaborate decoration, where every element serves a clear purpose. Prioritize Paper White (#ffffff) as the dominant background for all content cards and primary page surfaces. Use Ink Black (#010304) for primary text and Deep Graphite (#000000) for navigation and prominent button text to ensure high contrast. Apply a 1000px border-radius to all primary action buttons for a distinctly pill-shaped aesthetic. Employ the Sky Tint (#c9e0ff) background with Electric Blue (#005ff9) text for clear, functional primary call-to-actions. Maintain a compact information density using Geist typeface with precise letter-spacing, particularly tighter tracking for larger display text. Utilize a consistent element gap of 8px for spacing elements within components and small clusters. Elevate cards with a subtle shadow (rgba(0, 0, 0, 0.08) 0px 8px 32px 0px) and a radius of 20px to differentiate content blocks. Avoid using highly saturated, non-brand colors; restrict the palette primarily to neutrals with the defined Electric Blue and Sky Tint accents. Do not deviate from the Geist typeface; its specific weights and letter-spacing define the brand's typographic tone. Refrain from using hard-edged or overly sharp corners on interactive or grouped elements; prefer radii of 12px to 1000px. Do not introduce heavy gradients or complex background patterns; maintain a clean, flat surface treatment for most UI elements. Avoid excessive use of elevation; reserve shadows for distinct interactive cards and key UI elements to guide attention. Do not use generic system fonts; the custom Geist font is critical to the brand's visual identity. Do not introduce large, decorative imagery that distracts from functional UI; focus on product-showcasing or abstract graphics when necessary.
