DJI

This system evokes a sense of technical precision and premium product display, balancing stark black-and-white hero sections with clean, information-rich content areas. The use of a single vivid blue for interactive elements cuts through the achromatic palette, acting like a power indicator light. Subtle grayscale variations create depth and hierarchy without relying on heavy shadows, maintaining a lightweight, almost floating aesthetic crucial for showcasing high-tech hardware. Do use Midnight Void (#000000) for primary headlines and Arctic Snow (#ffffff) for page backgrounds, maintaining high contrast for product focus. Do apply Active Blue (#0070d5) exclusively for primary interactive elements like call-to-action buttons and critical links. Do use Open Sans font family for all textual content, opting for weight 300 for display headlines to convey subtle authority. Do consistently apply a 64px border-radius for all ghost buttons and minor interactive elements, creating a soft, tactile feel. Do utilize the shadow rgba(0, 0, 0, 0.1) 0px 8px 16px 0px for elevated cards, providing subtle depth without being aggressive. Do use 10px vertical and 16px horizontal padding for primary buttons to ensure a comfortable tap target. Do employ a spacing hierarchy from 4px to 16px for element gaps to maintain a comfortable visual density. Don't introduce additional saturated colors; the palette relies on a single vibrant blue accent within an achromatic scale. Don't use aggressive, hard shadows; elevation should be subtle and support the clean aesthetic. Don't deviate from Open Sans; maintain the distinct typographic voice established by its varied weights and specific letter-spacing. Don't use sharp, angular corners for buttons; all interactive buttons should have at least a 64px border-radius. Don't place ghost buttons directly on highly textured backgrounds without sufficient contrast; they are designed for clean product showcases. Don't alter the letter spacing patterns for headlines or navigation; these are carefully set to create a specific visual cadence. Don't use more than two levels of elevation (page background, subtle card lift) to preserve the lightweight feel.