Air

Air's design system evokes a digital canvas under an expansive, almost dreamlike sky. It marries a high-contrast dark text with clean, slightly rounded white and muted gray surfaces. Typography mixes confident, weighty statements with lighter, more fluid headings, creating a dynamic yet composed visual hierarchy. Accents are sparingly applied but impactful, often appearing as subtle outlines or functional indicators, maintaining an overall atmosphere of refined utility. Use 'Cloud Canvas' (#ffffff) for all main page backgrounds and elevated card surfaces. Apply 'Midnight Ink' (#1b1b1b) for primary text elements to ensure strong readability. Employ 'Control' font at 500 weight for all body text and common UI labels. Utilize 'Vivid Azure' (#2b7fff) exclusively for borders of primary outlined actions and active link states. Round corners with 8px radius for all buttons and navigation items. Implement a base element gap of 8px (2 base units) between most UI elements for consistent comfortable density. Use 'Control Compressed' at 259px size and 900 weight for high-impact display headlines to command attention. Do not use saturated brand colors (#426188, #2b7fff) for large background areas or extensive text blocks. Avoid arbitrary border radii; stick to 4px for inputs, 8px for buttons, and 14px for significant cards. Do not introduce heavy drop shadows, as the system relies on subtle surface changes and crisp contrast for hierarchy. Refrain from using 'Charcoal Void' (#000000) for body text; reserve it for distinct headings or strong outlines. Do not deviate from the specified font families or weights for their intended roles to maintain typographic identity. Avoid tight spacing; maintain a minimum 8px element gap and 48px section gap for comfortable visual separation. Do not create filled primary buttons; the system emphasizes outlined chromatic actions with 'Vivid Azure' borders.