Cowboy

Cowboy presents a functional and understated interface, emphasizing clean typography and a largely monochromatic palette. Visuals are grounded in strong product photography, with UI elements maintaining a soft, rounded aesthetic that feels approachable and human. The design prioritizes clarity and a quiet confidence, allowing product imagery and concise messaging to take center stage. Prioritize SuisseIntl for all text elements, setting it with precise letter-spacing based on size from the typography rules. Use Ink Black (#1d1d1d) sparingly for primary headings and call-to-action buttons, creating focal points against lighter backgrounds. Apply a border-radius of 8px to all cards and general containers for a consistent soft corner aesthetic. Apply a border-radius of 9999px to all buttons and tags to create distinct pill shapes. Maintain a clear visual hierarchy by limiting saturated colors to functional states or subtle informational blocks like Forest Whisper (#569d5f) and Action Blue (#2563eb). Use Whisper Gray (#e5e7eb) for hairline borders and minimal dividers to separate UI elements without heavy lines. Ensure generous vertical spacing between sections, adhering to the 60px section gap for readability and breathability. Avoid introducing additional saturated colors unless explicitly assigned a semantic role; maintain the largely achromatic palette. Do not use hard, sharp corners; all significant UI elements like cards and buttons should soften with the established radii of 8px or 9999px. Refrain from using strong, opaque box shadows; prefer the subtle elevation provided by the detected shadows for interactive elements if needed, or no shadow at all. Do not vary line heights or letter-spacing outside the defined SuisseIntl and ui-monospace typography rules. Avoid complex gradients; adhere to solid color fills for backgrounds and surfaces. Do not rely on color alone to convey crucial information; always pair color with text or iconography. Steer clear of dense, cluttered layouts; prioritize ample white space, especially around body copy and calls to action.