Bird

Bird's design system evokes a midnight command center atmosphere, characterized by a predominantly dark canvas and a restricted, achromatic color palette. High contrast between crisp white text and dark backgrounds ensures legibility, while muted grays provide subtle visual hierarchy. The system prioritizes functional, compact layouts with soft-cornered components and a clean, unobtrusive feel, reserving color for minimal functional accents. Prioritize a dark background (Pitch Black #141414) for main content areas. Use Ghost White (#f7f7f7) for primary text and active navigational elements to maintain high contrast. Apply Muted Ash (#aaaaaa) for secondary text, disabled states, and subtle UI elements like icons. Ensure all buttons and interactive elements use a 10px border radius for a consistent soft-cornered aesthetic. Maintain an 8px vertical spacing unit for consistency in padding and element gaps. Use Lausanne font family exclusively, with its specified weights and letter-spacing for all text. Employ the Light Button Fill (#f5f5f5) with Deep Grey (#0d0d0d) text for primary calls-to-action. Avoid introducing additional saturated colors unless explicitly assigned a functional role (e.g., error states). Do not vary border radii inconsistently; adhere to the 10px standard for most components. Refrain from using strong shadows or heavy visual elevation; subtle changes in surface color or minimal borders are preferred. Do not introduce new typefaces; Lausanne is the sole approved font. Avoid large, impactful imagery that breaks the dark, functional aesthetic. Do not deviate from the specified contrast ratios; legibility is paramount in the dark theme. Do not use generic system icon styles; all icons should align with the outlined style seen in the sidebar.