HOC Radio

HOC Radio employs a high-contrast dark mode aesthetic, presenting a stark, functional interface ideal for a digital radio platform. The design prioritizes clear information hierarchy through a grid-based layout and precise typographic contrasts. The entire system uses achromatic colors, with pure white text and borders against a jet black background, creating an atmosphere of focus and quiet intensity. Visual elements are minimal, relying on strong lines and text to convey information and structure. Maintain a strict achromatic palette: Lunar White (#ffffff) for all foreground elements and Midnight Eclipse (#000000) for all backgrounds. Use 1px Lunar White borders as primary visual separators for information and grid elements. Apply the Roobert typeface consistently across all text elements, leveraging its provided weights for hierarchy. Structure content primarily through a symmetrical grid with clearly defined 1px Lunar White divisional lines. Utilize 8px vertical spacing between closely related text elements and 16px for larger component gaps. Keep border-radius at 0px for most elements, reserving 4px solely for specific input fields to subtly differentiate them. Introduce any saturated colors unless specifically for semantic states (e.g., success, error) which are not currently defined. Use shadows or any form of elevation (unless for focus states) — surfaces are flat and defined solely by borders and typography. Break the grid structure with irregular spacing or misaligned elements; precision is key to this system's aesthetic. Apply varied line spacing that deviates from the Roobert font's predefined lineHeight values for consistency. Use decorative imagery or complex illustrations; the system is text and line-art dominant. Increase component padding beyond 8px for internal content, aiming for a contained and dense information display.