Campsite

Campsite presents a pragmatic, focused interface, employing a bright white canvas with layered surfaces that subtly differentiate content. Typography is compact and precise, maintaining clarity in a dense information environment. A controlled palette of neutral grays is punctuated by a functional vivid green and contextual reds/yellows, guiding attention without visual clutter. Components favor soft, rounded forms and minimal elevation, suggesting approachable utility rather than heavy ornamentation. Always use Cream Canvas (#fffdf9) as the base page background to maintain visual spaciousness. Apply Forest Green (#22c55e) exclusively for primary actions and success indicators to ensure their high functional prominence. Use Inter for all primary text content. Vary letter spacing per type scale role: -1.8px for display text, -0.49px for headings, and 0.25px for body text to optimize legibility. Encapsulate interactive content within cards using a 12px border radius and the cascading shadow system for a subtle lift. Employ circular radius (9999px) for all button and tag elements to convey a friendly, approachable interaction point. Maintain a compact element spacing of 8px between sequential UI items where density permits. Utilize Pale Gray (#f5f5f5) for secondary background surfaces that require distinction without strong elevation. Do not introduce additional vibrant colors; rely on Forest Green, Warning Red, and Harvest Gold for all chromatic needs. Avoid heavy drop shadows or strong gradients; surfaces should primarily be differentiated through background color and subtle elevation. Do not use generic system fonts; Inter is the established typeface for its specific character and legibility at various sizes. Prevent excessive spacing between adjacent elements; the design emphasizes a compact information density with an 8px base unit. Do not apply sharp corners to interactive elements; all buttons and tags must use a 9999px circular radius. Do not use full-width sections that break the contained layout unless specifically designed as a hero or decorative element. Avoid using Cream Canvas (#fffdf9) for interactive elements; it is reserved for the background plane.