CHELSEA

Chelsea evokes a stark, filmic mood with a dark canvas and luminous text-based navigation. Typography is the primary visual element, given weight and presence through color and generous spacing. A single vivid blue accent color is reserved for interactive elements, creating points of distinct focus against the monochromatic backdrop. Components are minimal and flat, emphasizing content over decorative chrome, with an overall impression of focused elegance. Always use Midnight Ink (#000000) as the canvas background for new pages to maintain the dark theme. Reserve Electric Blue (#4490ff) exclusively for interactive elements and state indicators, never for decorative purposes. Prioritize Neue Haas Unica Pro for all text, varying weight (400, 700) and size (12-48px) to establish hierarchy. Apply a 9999px border radius for all pill-shaped buttons and interactive elements requiring a soft, rounded aesthetic. Utilize Ash Gray (#1f2937) for subtle borders and secondary information, maintaining visual quietness. Implement a compact density with 8px as the default element spacing in components and layouts. Ensure primary text is Ghost White (#f4efe9) against the dark background for optimal contrast. Do not introduce new vibrant colors outside of the defined Electric Blue; maintain a monochrome palette with strategic accents. Avoid heavy shadows or gradients; components should remain flat and minimalist to align with the stark aesthetic. Do not use generic system fonts; Neue Haas Unica Pro is critical for brand identity. Do not apply large, decorative border radii to elements other than specific buttons/links with the 9999px radius. Avoid overly dense layouts; use 96px for section gaps to ensure generous breathing room horizontally and vertically. Do not use Electric Blue for non-interactive text or static elements. Avoid changing the default 1px border thickness for dividers unless explicitly specified for a unique component.