Speakeasy

Speakeasy employs a stark, high-contrast digital blueprint aesthetic. It combines bold, ultra-thin headlines that command attention through restraint, with compact, functional body text. Most elements are monochrome, set against clean white surfaces, fostering a sense of precision and control. A distinctive rainbow gradient acts as a vibrant brand identifier, appearing strategically at page edges and as a subtle accent. User interface elements are crisp, with soft rounded corners on interactive components and subtle, functional shadows that provide hierarchy without visual weight. Use Midnight Ink (#000000) for all primary body text and major headlines, ensuring AAA contrast. Apply Canvas White (#ffffff) as the default background for all primary content sections and cards. Implement the Rainbow Horizon linear gradient only as a top-border or divider for significant sections or the main navigation, reserving its unique presence. Set display headlines (tobias font family) with weight 100 and negative letter-spacing for a distinct, airy feel. Employ Ash Gray (#dbdbdb) for all hairline borders, dividers, and secondary component outlines, maintaining a clean, understated separation. Utilize a full pill radius (1.67772e+07px) for primary and ghost buttons to convey a modern, approachable interactive element. Maintain compact density with an elementGap of 6px and cardPadding of 24px to keep information concise yet readable. Do not use saturated colors for large background areas or extensive text; restrict them to small, functional accents like icons or status indicators. Avoid applying heavy drop shadows; elevation should be subtle, using rgba(0, 0, 0, 0.1) 0px 1px 3px 0px for hierarchy, not depth. Do not introduce new font families; the current selection (ui-sans-serif, diatype, tobias, speakeasyAscii) defines the brand's typographic voice. Never compromise the contrast of text against backgrounds; prioritize readability first, especially for functional UI elements. Resist using bold (700) weights for main headings; the system's signature is achieved via tobias 100 weight. Do not use distinct background colors for action buttons other than Midnight Ink for filled or transparent for ghost; avoid chromatic button fills. Avoid wide page layouts; content should generally be contained within a maximum width section, even if the canvas is full-bleed.