Eco

Eco presents a refined, almost architectural aesthetic that blends high-tech precision with a subtle, underlying warmth. The visual impression is one of confident authority, conveyed through a largely achromatic palette punctuated by a single, vibrant gradient. Large, impactful typography with precise letter-spacing anchors sections, while soft, rounded elements provide a counterpoint to the generally sharp interface, creating a balanced and approachable digital experience for complex financial technology. Do use Roobert with 96px size and -0.0400em letter spacing for hero headlines to maintain visual impact and precision. Do apply 8px border-radius uniformly to all interactive elements like buttons and input fields. Do leverage the Skybound Gradient (linear-gradient(90deg, rgb(28, 83, 189) 71%, rgb(83, 173, 254))) only for key calls-to-action or distinct visual indicators. Do use 48px as the standard sectionGap to ensure consistent vertical rhythm between major content blocks. Do prioritize Midnight Ink (#0f111a) for text on light backgrounds and White Smoke (#ffffff) for text on dark backgrounds for accessibility and brand consistency. Do use Fragmentmono for all technical code-like text or data displays, ensuring it is 14px with a 1.00 line-height. Do align major content centrally within pageMaxWidth when an explicit max-width is later established, or maintain a full-bleed layout as seen in initial hero sections. Don't use Skybound Gradient merely for decorative purposes; reserve it for functional or brand-critical highlights. Don't introduce additional border-radius values beyond 8px, 12px, and 128px to preserve the established shape vocabulary. Don't deviate from the specified tight letter-spacing for Interdisplay and Roobert at larger sizes; it is a signature trait. Don't use highly saturated colors for backgrounds or large areas; maintain the largely achromatic base palette. Don't apply box-shadow for elevation on cards or containers; the system relies on background color shifts for depth. Don't use Off-White Mist (#efefef) for primary text, as it's intended for secondary backgrounds and subtle lifts, not high-contrast text. Don't introduce new font families; the current selection (Interdisplay, Roobert, Inter, Fragmentmono, Aeonik Mono) is curated for purpose.