Koox

Koox

Preview image. Unlock full-res

kitchen laboratory blueprint

Industryecommerce
Palette
#000000
#ffffff
#efefef
#113722
#d25a24
#6b1229
#232323
#cccccc
#d7d7d7
#646464

Koox establishes a raw, organic aesthetic through high-contrast typography, distinct dark neutrals, and stark rectangular forms. The design relies on photography of ingredients and products set against a simple white tiled background, creating a kitchen laboratory feel. Accent colors are earthy and bold, used sparingly to highlight primary actions or calls to attention against the dominant monochrome palette. Use 'Midnight Noir' (#000000) for all primary text and strong headings to maintain high contrast and graphic clarity. Apply 'Deep Forest' (#113722) exclusively to primary call-to-action button backgrounds for immediate visual recognition. Maintain a 0px border radius for all buttons and input fields to support the sharp, utilitarian aesthetic. Employ 'Spiced Orange' (#d25a24) as a judicious accent for links, special offers, or badges to draw specific attention without overwhelming the design. Utilize Helvetica 900 for hero headlines and important section titles to convey authority and directness. Ensure all product imagery or visual content is set against a 'Tile White' (#ffffff) background or visual equivalent to maintain the laboratory aesthetic. Use a base padding of 15px for horizontal spacing within interactive elements and text blocks. Do not use subtle gradients or soft drop shadows, as they contradict the stark and raw visual language. Avoid using multiple accent colors in close proximity; the system relies on a single, focused chromatic pop. Do not introduce rounded corners for primary UI elements like buttons or cards, as the design emphasizes sharp, clean edges. Refrain from using light gray text on light gray backgrounds; prioritize high contrast with 'Midnight Noir' or 'Charcoal Text'. Do not use decorative background patterns beyond the implied 'Tile White' base; surfaces should remain clean and uniform. Avoid excessive spacing between elements that are functionally related; maintain a comfortable but not overly airy density. Do not introduce highly saturated imagery that clashes with the muted, natural tones of the primary brand accents.

More like this