Fresha

Fresha

Preview image. Unlock full-res

Luminous radial gradient

Industryproductivity
Palette
#0d0d0d
#ffffff
#f2f2f2
#767676
#d3d3d3
#e5e5e5
#ffc00a
#6950f3
#ef6997

Fresha uses an expansive, bright self-care marketplace aesthetic with a clear information hierarchy. A luminous radial gradient forms a soft, inviting backdrop, contrasting with sharp black typography and vivid accent colors. Interactive elements are clearly defined by rounded borders and specific color usage, while a subtle surface elevation emphasizes key content. The layout maintains a spacious feel with compact, grouped content, creating an efficient and user-friendly experience. Use Midnight Ink (#0d0d0d) for all primary text and main headings to ensure strong contrast and readability. Apply Canvas White (#ffffff) as the default page background and for filled interactive elements. Reserve Violet Impulse (#6950f3) for outlined call-to-action buttons and active link states. Utilize Cloud Gray (#f2f2f2) for secondary content cards and subtle background variations in sections. Implement a 999px border-radius for all primary buttons, search inputs, and navigational elements to maintain a uniformly rounded aesthetic. Ensure all textual content uses the RoobertPRO font family in appropriate weights for hierarchy. Maintain a clear elementGap of 8px between discrete UI elements for consistent visual rhythm. Avoid using Sunset Gold (#ffc00a) as an interaction color; it is reserved for decorative accents and ratings. Do not introduce sharp corners; all significant UI containers and interactive elements should use 8px, 12px, or 999px border-radii. Do not use dark backgrounds for main content sections; the system is designed around a light theme with bright surfaces. Avoid excessive shadow usage; rely on distinct background colors and minimal borders for element separation. Do not use decorative gradients on functional UI components; stick to solid colors for clarity. Refrain from altering the letter-spacing of RoobertPRO text; maintain 'normal' tracking for all content. Do not use more than two levels of text color in a single component to avoid visual clutter; primarily use Midnight Ink (#0d0d0d) and Muted Stone (#767676).

More like this