Busuu

Busuu's design creates an educational and encouraging atmosphere through its vibrant, optimistic color palette and clear, structured layout. A dominant hero section with a gradient background grounds the brand's primary visual identity, which then transitions into a clean, spacious white canvas. Vivid blue and a unique, bright green act as key interactive accents, indicating engagement and positive action, while the consistent use of rounded corners on buttons and navigation elements softens the overall feel, enhancing approachability. Prioritize 'Spring Green' (#11ee92) for all primary call-to-action buttons, ensuring a 45.04px border-radius and 'Text Anthracite' (#252b2f) text. Use 'Ocean Blue' (#116eee) exclusively for interactive elements like links and secondary navigation items, either as text color or outline. Maintain a clear visual hierarchy by setting headlines in Nista 800 and body text in Nista 400 at their respective semantic sizes. Apply the rgba(0, 0, 0, 0.1) 0px 1px 2px 0px shadow consistently for subtle elevation on cards or modal elements. Utilize 'Pure White' (#ffffff) as the predominant background color for content sections to maximize readability. Employ a 4px base unit for all spacing, with common increments like 8px, 16px, 20px, and 40px for larger gaps and padding. Align all input fields with a 5px border-radius and 'Border Fog' (#d6dee6) border for a unified form aesthetic. Do not use dark or highly saturated colors for large background areas, except for the hero section's specific gradient. Avoid using any border-radius value other than 5px for inputs, 16px for nav items, or 45.04px for buttons, to preserve brand consistency. Refrain from using strong, contrasting colors for general body text; stick to 'Text Anthracite' (#252b2f) and 'Slate Blue' (#666e7e). Do not introduce new shadow styles; adhere to the specified rgba(0, 0, 0, 0.1) 0px 1px 2px 0px for all elevation. Do not add unnecessary decorative elements or strong graphical treatments that compete with the clean, friendly aesthetic. Avoid using the 'Spring Green' (#11ee92) or 'Ocean Blue' (#116eee) colors for non-interactive textual content; reserve them for active elements.