UGLYCASH

UGLYCASH

Preview image. Unlock full-res

High-contrast digital pop: Bold black text on bright canvas, punctuated by vivid neons.

Industryfintech
Palette
#f2f2f2
#e6e4e4
#ffffff
#000000
#3a3a3a
#6e6e6e
#888888
#e7e3bf
#fa00ff
#02bbff
#adff02
#817d72

UGLYCASH embraces a stark, high-contrast digital-first aesthetic with deeply saturated accent colors that pop against a near-white canvas and stark black typography. The visual style is bold, with large, confident headlines and playful, oversized rounded corners for interactive elements and content cards. Imagery is integrated directly into the UI as product showcases rather than decorative backdrops. The system balances aggressive typography with a comfortable, open layout. Use Canvas Ice (#f2f2f2) for the primary page background to maintain the light theme. Employ Helvetica Now Display Cn Bold with a letter-spacing of -0.033em for all major headlines to convey impact and density. Apply 10px elementGap for most interactive and content grouping, providing comfortable visual separation. Utilize 16px border-radius for standard cards, images, and links to maintain a consistent soft containment. Ensure all body text uses Inter font with a letter-spacing of -0.02em to support readability while retaining a modern feel. Use Power Pink (#fa00ff), Sky Blue (#02bbff), and Lime Pop (#adff02) as vivid accents against predominantly achromatic surfaces. Implement 96px for sectionGap to provide ample vertical whitespace between major content blocks. Avoid using light, subtle headlines; all significant text should be in Carbon Black (#000000) for maximum contrast. Do not introduce new border-radius values; stick to 16px, 46px, 43px, 38px from the defined system. Refrain from adding drop shadows; the design relies on stark contrast and distinct colorful accents, not depth perception. Do not use generic button styles; always apply either the Ghost Button Inverse, Pill Accent Button, or Rounded Accent Button tokens. Avoid breaking the high-contrast principle; never use a low-contrast color pairing for fundamental text or interactive elements. Do not use generic sans-serif for body text; always prefer Inter for its distinct visual rhythm and letter-spacing.

More like this