Whop

Whop presents a confident, high-contrast digital canvas with a striking orange accent. Typography is central, using large, tightly tracked sans-serif headlines for impactful statements and a comfortable mono-spaced font for technical details. Surfaces are predominantly white, creating a crisp backdrop for the energetic primary orange, grounded by a subtle shadow effect that adds minimal depth. Interactivity is clearly defined through the bold orange for primary actions and soft, rounded ghost buttons for secondary choices, balancing directness with approachability. Prioritize acidGroteskFont for any headline larger than 48px, always with letter-spacing -0.0300em and Dark Graphite text. Use Whop Orange (#fa4616) exclusively for primary interactive elements, brand iconography, and meaningful accents, never for decorative backgrounds. Apply an 8px border-radius consistently to all buttons, input fields, and small interactive elements. Maintain a clear visual hierarchy by limiting shadows primarily to the Orange Shadow (#b62600) on buttons, avoiding complex elevation stacks. Employ Geist Mono for all code-style text, ensuring fixed width and 1.5 lineHeight. Ensure Canvas White (#ffffff) is the dominant page background, reserving Dark Surface (#0a0a0a) for specific, clearly delineated card or container elements. Utilize 24px as a standard vertical and horizontal gap between major content sections and card grids. Do not deviate from the specified type scale and letter spacing values for headlines; the tight tracking is a signature element. Avoid using multiple chromatic colors; Whop Orange is the sole brand accent and color should primarily be achromatic. Do not apply drop shadows to elements other than the Primary Action Button, as distinct elevation is kept minimal. Never use arbitrary gray shades; adhere strictly to Dark Graphite, Medium Gray, Light Gray, and Border Silver for all neutral text and border needs. Do not create rounded corners on cards that are not either 24px or 12px, as these are the established card radius values. Avoid background patterns or gradients unless they are an integral part of explicit primary calls-to-action and aligned with Whop Orange. Do not use Whop Orange text on Canvas White for body copy, as it is reserved for higher-impact accents.