Nuri

Nuri presents a financial clarity aesthetic: clean, spacious layouts with a focus on bold typography and functional accents. The interface marries a muted, almost pastel color story with crisp dark text, creating an approachable yet authoritative tone. Visual hierarchy is established through stark size differences in typography rather than heavy graphic elements, and rounded shapes maintain a friendly, modern feel across interactive components. Use Sharp Grotesk Bold at 900 weight for high-impact display text, applying -0.02em letter-spacing at large sizes. Employ Lavender Mist (#beaaff) for large background sections or as a brand-identifying visual anchor. Apply 9999px border-radius to all buttons and card-like elements to maintain the system's friendly, rounded aesthetic. Utilize Deep Plum (#2c232e) for all primary text and critical headings to ensure strong legibility and brand presence. Maintain generous vertical spacing between sections, primarily using 48px to create an open and spacious layout. Apply Amber Action (#f97316) exclusively for primary call-to-action button backgrounds. Use Pale Border (#e2e8f0) for all unhovered borders and subtle dividers to keep the interface light and decluttered. Avoid using multiple vibrant colors for primary actions; Amber Action (#f97316) is reserved for this purpose to ensure clear hierarchy. Do not deviate from the established rounded border-radius values; square corners contradict the system's soft, approachable feel. Refrain from using heavy shadows or strong elevation effects; rely on color contrast and typographic scale for hierarchy. Do not introduce additional gray tones that are not present in the defined neutral palette, as this will lead to visual inconsistency. Avoid overly dense layouts; maintain a spacious design with consistent element and section gaps (24px and 48px respectively). Do not use generic system fonts in place of Inter, Harriet Display, or Sharp Grotesk Bold; their specific characteristics define the brand's typographic voice. Avoid using Lavender Mist (#beaaff) as a text color; it is intended for large background fills or decorative purposes only.