The Browser Company

The Browser Company's design system evokes a classic, literary feel through its sparse composition and refined typography. A warm, off-white canvas provides a tranquil backdrop for minimal, precisely placed text elements. The visual identity relies heavily on the nuanced interplay of diverse typefaces, with a primary blue accent reserved for subtle interactive cues. Prioritize generous vertical spacing, using values like 40px and 50px for section and large element separation. Use EB Garamond at 28px for primary headlines to convey a classic and composed tone. Apply ABCDiatypeMono 14px with 0.15em letter-spacing for all navigation and functional labels, maintaining distinct visual separation from body text. Employ Parchment (#eeeee7) as the dominant background color for most page areas and surfaces. Use Midnight Ink (#000000) for all primary text, borders, and iconography. Reserve Internet Blue (#0c50ff) for subtle accentuation of interactive elements or as a background for specific content blocks. Maintain a consistent 0px border-radius for all interactive and structural elements, favoring sharp, defined edges. Avoid using multiple colors for text; primary text should consistently be Midnight Ink (#000000). Do not introduce heavy shadows or overt elevation; rely on spacing and typography for hierarchy. Do not deviate from the specified serif (EB Garamond, IvarText) and monospace (ABCDiatypeMono) font families; avoid sans-serif fonts. Do not apply large, rounded corners to any components; maintain the consistent 0px radius. Avoid dense information blocks; instead, use ample whitespace and conservative element spacing. Do not use Internet Blue (#0c50ff) as a primary button background; it is an accent, not a filled CTA. Do not use default browser link colors; all links should conform to Midnight Ink (#000000) with ABCDiatypeMono typography.