Custo

Custo presents a restrained, product-focused aesthetic, blending industrial-grade minimalism with an approachable comfort. The visual system uses achromatic tones, allowing product imagery to take center stage. Typography is clean and assertive, providing clear information without unnecessary ornamentation. Components are subtly interactive with ghosted borders and generous padding, creating an experience that feels understated yet responsive. Prioritize achromatic colors (Midnight Graphite, Canvas White, Platinum Gray) for all UI elements to maintain a neutral, product-focused aesthetic. Utilize PP Neue Montreal Medium (weight 400) consistently for all text, relying on size and line-height for hierarchy rather than varied weights. Maintain generous vertical spacing between sections, using the 110px section gap to prevent visual clutter. Apply an 8px border-radius to all interactive elements like buttons and input fields to convey a soft, modern touch. Use 'Midnight Graphite' for primary text and 'Muted Steel' for secondary or helper text to establish clear content hierarchy. Frame primary call-to-action buttons as ghost buttons with contrasting borders and text, rather than solid fills, to integrate with the minimalist aesthetic. Avoid introducing any additional saturated colors beyond the existing achromatic palette; color should be restricted to product imagery. Do not use varied font weights; all typography should use PP Neue Montreal Medium at weight 400. Refrain from heavy drop shadows or significant elevation; components should generally remain flat or have minimal depth. Do not use overly complex or decorative backgrounds; stick to solid achromatic tones or large product photography. Avoid tight, condensed layouts; ensure comfortable padding using the 20px card padding and 24px element gap. Never use solid-fill primary buttons; all primary interaction should use the ghosted border style.