Rauno Freiberg

Rauno.me employs a playful, high-contrast aesthetic, utilizing vibrant, unmodulated primary colors for a bold, graphic presence. The design leans into stark black typography on white or vivid colored backgrounds, creating a sense of directness. Components are minimalist, often represented by large, rounded shapes or text with subtle hover effects, avoiding complex gradients or shadows. The overall feel is one of confident simplicity and visual impact through color blocking and clear typographic hierarchy. Prioritize high-contrast color pairings using Midnight Ink (#000000) or Deep Graphite (#171717) on Canvas White (#ffffff) or accent colors. Use Vivid Yellow (#ffff02) and Dynamic Orange (#ff5800) for large, unpadded circular or full-bleed background elements to create high visual impact. Adopt a maximalist approach to typography: use Inter weight 700 for headlines and primary text, letting it dominate the layout. Apply specific border radii: 12px for interactive elements like buttons and links, and 9999px for large accent 'card' elements to create perfect circles. Maintain generous vertical spacing between sections, primarily using the 64px sectionGap and 8px elementGap for overall spaciousness. Keep components visually lightweight, relying on bold typography and color blocking rather than complex styling like shadows or gradients. Employ Electric Blue (#0000ff) sparingly for decorative SVG elements or very specific icon accents, not for primary interface elements. Avoid subtle color variations; stick to the defined high-contrast palette. Do not use shadows or complex elevation; the design system favors flat, bold surfaces. Refrain from using small, delicate text; typography should be confident and prominent. Do not introduce intermediate border radius values; adhere strictly to 12px for interactive elements and 9999px for circular elements. Under no circumstances should any primary action button be filled; only ghost-like buttons with border and text colors are used. Avoid using gradients; the aesthetic is built on solid, block colors. Do not introduce new decorative imagery or illustrations; rely on bold shapes and impactful typography with accent colors.