Recess

Recess evokes a playful and ephemeral calm, like floating candy clouds in a pastel sky. The visual language balances approachable softness with crisp technical legibility through the Sharp Grotesk typeface. Large, airy sections of pastel gradients and product photography create a relaxed, uncluttered feel, while the consistent use of a muted violet-blue for text and primary elements anchors the whimsical palette in a clear, trustworthy brand identity. The design uses rounded forms and soft shadows to maintain a friendly and light atmosphere. Use Sharp Grotesk Web for all text elements, prioritizing weights 400 for body, 500 for subheadings, and 700 for headlines. Implement the Sky Violet (#25385b) for all primary text and calls to action when on a light background. Apply Lavender Mist (#a2b0ff) for primary button backgrounds and interactive highlights, paired with Sky Violet text. Maintain the strict use of 0px border-radius for all primary buttons and cards, creating a crisp, intentional contrast with organic product forms. Employ the linear-gradient(rgb(236, 245, 246), rgb(235, 235, 253), rgb(251, 206, 205)) for large background sections to establish the 'cloud dreamscape' atmosphere. Utilize 24px 36px padding for prominent CTA buttons to emphasize their importance and provide visual spaciousness. Separate interactive elements (buttons, links) with an elementGap of 8px for clear distinction. Avoid using Adobe Blank for any display text; it's a structural element only. Do not introduce strong, dark shadows on cards or elevated components; the aesthetic is light and airy. Do not use highly saturated colors for large content blocks; reserve them for accents and interactive states. Do not deviate from the 0px border-radius unless explicitly for a circular icon or a small dot indicator (50%). Avoid tight spacing between sections; maintain generous vertical padding (sectionGap: 48-80px) to enhance the feeling of calm and spaciousness. Do not use dark backgrounds for body text; Sky Violet (#25385b) on light neutrals (#ffffff, #fffcef) is the standard. Refrain from introducing additional typefaces; Sharp Grotesk Web is the sole brand font.