Assembly Coffee London

Assembly Coffee London

Preview image. Unlock full-res

Shadowy Gallery Vignettes

Industryecommerce
Palette
#000000
#ffffff
#333333
#f6f7f2
#dfdbca
#cadcac
#faf080
#cfa53b

Assembly Coffee London employs a sophisticated, dark-mode retail aesthetic that exudes understated luxury. A dominant charcoal canvas is punctuated by subtle, almost unnoticeable interactions and light typography. The brand expresses itself through refined product presentation and a restrained use of soft, warm accents for badges and subtle highlights rather than prominent branding features. Elements are typically unbordered, relying on subtle background shifts or very slight elevation for depth. Prioritize 'Midnight Ember' (#000000) as the dominant background or text color to reinforce the dark, sophisticated aesthetic. Use 'ID00 Serif' for headings, especially at display sizes, to convey a sense of artisanal quality and gravitas. Apply 4px border radius for most interactive elements like buttons and inputs, and 9999px for pill-shaped badges, for a subtle softness. Employ 'Greige Outline' (#dfdbca) for hairline borders and subtle dividers, maintaining a minimal presence. Utilize 'Goldenrod Badge' (#faf080) and 'Moss Badge' (#cadcac) sparingly for key status indicators or new releases, ensuring they stand out as functional accents. Maintain generous section gaps of at least 24px to create a comfortable, uncrowded layout, allowing content to breathe. Ensure all body text uses 'GT America Standard' at appropriate weights for maximum legibility on both dark and light surfaces. Avoid generic system-level button styles; stick to the defined 'Filled Button - Dark' or 'Filled Button - Light' for primary actions. Do not introduce new saturated primary colors; brand expression relies on specific accents and gradients, not broad color usage. Refrain from using strong box shadows or heavy borders; the design emphasizes subtle surface changes and near-invisible outlines. Do not use highly decorative or illustrative imagery; imagery should be product-focused or abstractly minimal. Avoid dense arrangement of interactive elements; prioritize comfortable 'elementGap' spacing of 8px. Do not deviate from 'ID00 Serif' for product titles and main headings; its unique character is central to the brand's voice. Do not use dark backgrounds with light text for entire pages without defining supporting components for inverse states; stick to the dominant dark theme for surface consistency.

More like this