Runway

This system projects an image of serious, understated technological leadership, avoiding visual exuberance. Typography is the primary visual differentiator, using a custom font family with precise letter-spacing to convey meticulous control. Colors are monochromatic with a single, highly saturated accent, creating a sharp brand impression against an otherwise stoic palette. Components are designed for functionality and subtle brand reinforcement, prioritizing clarity and direct interaction. Prioritize abcNormal font for all text, leveraging its specific weights and negative letter-spacing for headlines to create a precise, technical feel. Use Deep Shadow (#0c0c0c) and Pure White (#ffffff) as primary text/background contrast, ensuring AAA readability. Apply Runway Midnight (#2b22fa) exclusively for primary calls to action, active states, and brand signifiers to maintain its high impact. Implement Cloud Burst (#e5e7eb) for all neutral borders and dividers to softly delineate content areas. Maintain 6px radius for primary buttons and 8px for cards, establishing a subtle rounding language. Use a base spacing unit of 4px, ensuring all padding and margins are multiples of this unit for consistent rhythm. For headlines, apply letter-spacing -0.020em at large sizes (48px) and -0.012em at medium sizes (24-36px) to maintain the signature tight kerning effect. Avoid introducing additional saturated colors beyond Runway Midnight (#2b22fa); the system relies on a monochromatic base with a single pop. Do not vary border radius widely; stick to 4px for default, 6px for buttons, and 8px for cards to maintain visual consistency. Refrain from using strong box shadows; the design uses subtle borders for element separation, not elevation through depth. Avoid overly casual or decorative typography; the system is built on the precise, controlled aesthetic of abcNormal. Do not use generic button styles; ensure all interactive buttons adhere to the defined Primary Dark, Ghost, Light Action, or Brand Secondary Button specifications. Do not overuse Pitch Black (#000000); reserve it for high-impact elements like the header background or critical iconography to prevent overwhelming the page.