10X HUB

This design system is a bold, high-contrast exploration of dark and light, creating a dynamic visual experience. The core aesthetic is defined by striking red accents against stark black and white backgrounds, evoking a sense of urgency and directness. The interplay of oversized, widely tracked display typography with minimalist body text establishes a hierarchy that feels both dominant and precise. Do use Pitch Black (#000000) and Pure White (#ffffff) as primary background and text colors to maintain high contrast. Do apply Scarlet Flash (#ff1841) exclusively for primary calls to action and critical interactive elements. Do use a 999px border radius for all high-emphasis buttons, creating a pill shape. Do employ Helvetica Neue at size 18px and line-height 1.4 for clear, readable body text. Do reserve the large, negatively tracked Inter font for impactful display headlines only. Do use 0px border radius with a bottom border for all form inputs to maintain a stark, functional aesthetic. Do ensure a generous 40px vertical spacing between major sections to provide visual breathing room. Don't dilute Scarlet Flash (#ff1841) by using it on non-interactive or purely decorative elements. Don't use gradients or soft shadows; the design relies on flat colors and stark contrasts. Don't introduce additional font families; restrict usage to Arial, Helvetica Neue, Roboto Mono, and Inter. Don't round the corners of input fields; they should remain sharply rectilinear at 0px radius. Don't use subtle or low-contrast text colors; maintain high contrast ratios for readability. Don't apply more than 3px of padding to form inputs, keeping them visually lean. Don't clutter the layout; utilize generous negative space around headlines and sections.