Campsite

Campsite presents a pragmatic, focused aesthetic, prioritizing content clarity over visual embellishment. A mostly grayscale palette punctuated by sparse, functional pops of color guides attention without distraction. Typography is both compact and airy, creating easily scannable information blocks. The overall effect is one of quiet efficiency, like a well-organized office stripped of excess. Use Ink (#171717) for all primary body text and headlines to maintain directness. Apply 9999px border-radius to all action buttons for a consistent soft, pill-like appearance. Employ Lagoon (#3b82f6) exclusively for primary interactive states and link hovers to signal interactivity clearly. Maintain a clear visual hierarchy by utilizing Inter at weight 600 for all headings (29px and 58px) and weight 400 for body text. Separate content sections with at least 72px vertical spacing to ensure ample breathing room and prevent visual clutter. Design all content containers (cards, modals) with 8px border radius and the soft elevation shadow (rgba(0, 0, 0, 0.05) 0px 3px 6px -3px) to imply depth without heavy shadows. Do not introduce strong chromatic colors other than Ember (#451a03), Lagoon (#3b82f6), Success Green (#22c55e), and Warning Red (#ef4444) to maintain the muted, focused palette. Avoid using multiple border-radius values on elements of the same type; stick to 9999px for buttons, 8px for cards, and 4px for inputs. Do not use letter spacing greater than normal for text smaller than 16px; tighter spacing is reserved for display sizes. Do not use heavy, dark shadows; the subtle rgba(0, 0, 0, 0.05) 0px 3px 6px -3px shadow is the specified elevation style. Avoid decorative gradients or background images; the design emphasizes clean surfaces and content focus. Do not use generic system default blue for links; ensure all links use Ink (#171717) with subtle underline or context-specific styling.