Home

The .SWOOSH brand aesthetic lives in a stark, high-contrast dark mode environment, leveraging deep blacks and near-blacks as a canvas. Typography is direct and impactful, primarily in white or muted gray against dark surfaces, with a single vivid lime green acting as a functional accent for interactive elements. Components are structured but lightweight, often defined by subtle borders rather than heavy fills, and maintain a consistent, moderately rounded shape. Prioritize Midnight Ink (#111111) for backgrounds and Ghost (#ffffff) for primary text to maintain the brand's dark, high-contrast aesthetic. Use Electron Green (#b7ff2c) exclusively for primary calls to action, active states, and small, functional highlights. Apply a consistent 6px border radius to all interactive elements, cards, and image containers for a unified feel. Employ Roobert for all headings and key navigational text, varying sizes and weights to establish clear hierarchy. Maintain comfortable spacing with an element gap of 16px between most UI elements and card padding of 20px unless otherwise specified. Define separation between elements using subtle Parchment (#e5e5e5) borders rather than heavy box shadows or strong background differentiation. Ensure large text, especially headings, uses a normal letter-spacing, while body text might have subtle tracking adjustments if needed for readability at smaller sizes. Avoid using saturated colors other than Electron Green (#b7ff2c) for interactive elements or brand accents. Do not introduce strong drop shadows; rely on border treatments and background color variation for element separation. Refrain from using excessively tight or stretched letter spacing; prioritize 'normal' tracking for most text. Do not use white or light backgrounds for main content sections; the system is fundamentally dark mode. Avoid arbitrary border radii; stick to the established 6px standard for all rounded corners. Do not embed images or illustrations that conflict with the monochromatic, sharp visual styling without explicit brand guidelines. Steer clear of gradients unless they are explicitly defined as brand elements, as the system favors solid colors.