The Beams

The Beams presents a stark, high-contrast visual system, built upon a monochrome palette and large-scale typography. It leverages raw, industrial aesthetics by minimizing decorative elements, relying instead on bold, unadorned text on clean white surfaces. Interaction is signaled through subtle borders and text-only links, avoiding visually heavy components to maintain an austere, content-forward focus. Prioritize Ink Black text (#000000) on Canvas White (#ffffff) backgrounds for all primary content, ensuring maximum legibility. Use NeueHaas-web font family consistently across all text elements, leveraging its singular weight (400) and varying sizes for hierarchy. Apply a letter-spacing of -0.0300em (approx. -0.9px at 30px up to -4.8px at 160px) to all text for a compact, editorial feel. Maintain a strict 0px border-radius system; all corners must be sharp and unrounded. Utilize Ink Black (#000000) bottom borders as the primary visual indicator for interactive elements like buttons and input fields. Ensure generous vertical spacing with a base unit of 6px, creating a comfortable density where sections and elements breathe. Avoid using any colors outside of the monochrome Ink Black and Canvas White, except for the Terra Cotta gradient for distinct hero or atmospheric sections. Do not introduce shadows or any form of elevation (e.g., box-shadow) for interactive elements or containers. Do not use heavily filled or overtly styled buttons; actions should be communicated primarily through text and minimal borders. Do not introduce decorative icons or illustrations that deviate from the stark, high-contrast aesthetic. Avoid mixed letter-spacing values across different text roles; NeueHaas-web's inherent -0.0300em is a cornerstone. Do not vary line-height aggressively at smaller text sizes; stick to the specified values which are often condensed for headlines.