bella Kitchen Appliances

bella Kitchen Appliances

Preview image. Unlock full-res

Warm kitchen canvas

Industryecommerce
Palette
#000000
#ebeadf
#ffffff
#d5cec0
#f04923

The bella design system presents a warm, inviting feel through its use of soft, off-white backgrounds and a prominent, vibrant orange accent. Typography is a blend of classic and modern, conveying a comfortable yet sophisticated brand. Product showcases feature rounded cards that bring a friendly, approachable quality, contrasting with the crisp product imagery. The overall impression is clean, approachable, and focused on clear product presentation. Use Canvas (#ebeadf) as the base background for most page sections, ensuring a warm and inviting feel. Apply Ink (#000000) for all primary text, borders, and iconography to maintain high contrast and legibility. Round corners with a 12px radius for all general cards and containers, and 999px for pill-shaped buttons and tags. Elevate critical information or calls to action by placing them on Tangerine (#f04923) backgrounds. Utilize Supreme LL TT for all typographic elements, leveraging its specific letter-spacing of -0.0500em for a refined appearance. Break up content with sections using Sandstone (#d5cec0) to create subtle, visual segmentation without harsh divisions. Maintain an element gap of 12px for consistent spacing between interactive elements and content blocks. Avoid using harsh white backgrounds unless for specific component surfaces, to preserve the warm aesthetic. Do not use multiple accent colors; Tangerine (#f04923) should be the singular vibrant accent. Do not vary border radii outside of 12px for cards and 999px for buttons, to maintain shape consistency. Avoid generic system fonts; always prioritize Supreme LL TT for brand consistency. Do not over-emphasize elements with heavy shadows or gradients; the design relies on color and spacing for hierarchy. Do not use Tangerine (#f04923) for text or small icons unless against a very light background, due to insufficient contrast against other brand colors. Avoid excessive padding or small element gaps, as the system favors comfortable density with an element gap of 12px and card padding of 24px.

More like this