Gumroad

This design system feels like a digital playground, blending a stark, utilitarian aesthetic with unexpected bursts of vibrant color. The liberal use of pure black and white creates a high-contrast canvas, punctuated by a signature hot pink and other vivid, almost neon, hues. Geometric illustrations and sharp angles are softened only by pill-shaped buttons and subtle rounded card edges, creating a playful yet focused environment for digital creators. Prioritize Pitch Black (#000000) for all primary text and calls to action. Use Light Linen (#ffffff) as the default background for most page sections and card surfaces. Apply 1.67772e+07px (pill shape) border-radius only for buttons and small interactive elements like tags. Maintain ABC Favorit for all typography, leveraging its specific weights and letter-spacing values from the type scale. Utilize Creator Pink (#ff90e8) exclusively for brand iconography and illustrative elements, not for interactive states or text. Introduce Marketplace Gray (#f4f4f0) for subtle background differentiation in input fields or less prominent content sections. Avoid using chromatic brand/accent colors for large blocks of text or primary UI elements; they are strictly for accents. Do not deviate from the specified ABC Favorit letter-spacing values, especially at larger type sizes, to preserve typographic character. Never introduce shadows as an elevation method; rely on color planes and borders for depth. Under no circumstances use default browser link styles; all links must adopt Pitch Black (#000000) or Light Linen (#ffffff) as appropriate contextually. Do not round corners to 24px if the element is not a larger, self-contained interactive block or card. Avoid mixing button styles; for primary actions, use the solid black button to maintain visual hierarchy.