Sometimes Always

Sometimes Always

Preview image. Unlock full-res

Boutique bodega postcard

Industryecommerce
Palette
#ffecbd
#eba900
#000000
#ffffff
#eeeeee
#232323
#333333
#f37121
#ffecdb

Sometimes Always cultivates a retro-modern, boutique aesthetic with a warm, desaturated yellow canvas that feels like aged paper. Typography is compact and confident, juxtaposing mid-century sans-serifs with unexpected light-weight display fonts. Interactive elements feature soft pill shapes and an earthy, vivid yellow accent, while product cards remain minimal, allowing the imagery to stand out against the warm background. The overall impression is one of curated, approachable sophistication. Always use 'Canvas Parchment' (#ffecbd) as the base background for product listings and most content sections to maintain the warm, aged paper aesthetic. Apply 'Amber Glow' (#eba900) exclusively for primary action buttons, focus states, and key interactive highlights, ensuring a consistent brand accent. Utilize 'Rich Ink' (#000000) for all primary text, headings, and critical borders to ensure high contrast and legibility against the light backgrounds. Ensure interactive elements like buttons and inputs adopt a 40px radius for a consistent pill shape, unless specifically a text link. Pair Founders Grotesk for body text and Founders Grotesk Medium for headings to maintain a compact, confident typographic rhythm. Incorporate Sunset Serial Light (#000000, 44px, 1.2lh) for prominent marketing headlines to introduce a distinctive elegant signature. Use 20px as the default elementGap for horizontal spacing between elements and internal card padding. Do not introduce sharp corners on interactive components; maintain a minimum radius of 40px for buttons and inputs, and 100px for badges. Avoid using highly saturated, cool-toned colors; stick to the warm, earthy palette with 'Amber Glow' as the primary accent. Do not use heavy box-shadows or significant elevation; prioritize flat interfaces and rely on subtle background variations or minimal borders for depth. Do not deviate from the Founders Grotesk family for general UI text; alternative fonts should be reserved for specific decorative elements. Avoid excessive spacing; adhere to a 'comfortable' density with 20px for element gaps and 40px for section breaks, rather than sprawling layouts. Do not use black as a background color for any primary content sections; it appears only as text or border on this light-themed site. Refrain from using gradients on surfaces or as backgrounds for interactive elements; the visual system is predominantly flat with solid color fills.

More like this