Tesla

The design operates like a premium automotive showroom translated to the screen. Every section is a full-bleed, cinematic product photograph, with UI elements acting as minimal, functional plaques. The palette is starkly achromatic, save for a single, electric Tesla Blue (#3e6ae1) reserved exclusively for primary calls-to-action, functioning like an ignition button. Typography is neutral and technical, serving information without asserting its own personality. This systematic subordination of UI to imagery ensures the product—the car, the solar panel—is always the undisrupted hero. Always lead with a full-bleed, high-quality product image for every major section. Center-align text and CTAs over background images. Use Tesla Blue (#3e6ae1) exclusively for primary, high-priority actions like 'Order Now'. Pair a filled primary CTA with a white or ghost secondary CTA. Maintain a strict achromatic palette (white, grays, black) for all UI outside of the primary CTA. Use the 4px base unit for all padding, margins, and radii (e.g., 4px, 8px, 16px, 24px). Keep UI chrome, like headers and footers, visually minimal and unobtrusive. Don't use Tesla Blue (#3e6ae1) for text, headlines, or decorative elements. Don't introduce any other saturated colors into the UI palette. Don't use complex components; prefer simple, stacked text and button layouts. Don't use large shadows, gradients, or heavy visual effects on UI elements. Don't create layouts where text dominates over imagery. Don't use border radii larger than 8px. Don't use serif or expressive display fonts; maintain a neutral, technical typographic voice.