Fluz

Fluz

Preview image. Unlock full-res

Vivid gradient playground

Industryfintech
Palette
#1a0000
#98bbf4
#11190c
#ffffff
#f2f2f2
#ededec
#3a3a3a
#221919
#514f4c
#aeaea6
#82befe
#7db4f4

Fluz employs a vibrant, energetic visual style, characterized by bold, condensed typography on gradients with floating illustrative elements. The UI balances strong, dark text against light or gradient backgrounds, emphasizing action and impact. Components are designed with soft, rounded edges and prioritize clear calls to action, maintaining a playful yet assertive tone. Use Greed Condensed SemiBold 700 with letter spacing from -0.030em to -0.005em for all prominent headings to maintain high impact. Apply 200px border-radius to all primary action buttons for a consistent pill-shaped appearance. Utilize the Hero Gradient Green to Blue for primary hero sections, ensuring a dynamic and brand-aligned background. Structure major page sections with a 40px section gap for comfortable breathing room. Employ Money Max Black (#1a0000) for all primary text elements to ensure strong contrast and brand recognition. Use a Light Cloud (#ededec) background for ghost buttons and subtle interactive elements. Maintain a 1750px pageMaxWidth for horizontal content containment, creating a wide but controlled layout experience. Avoid sharp corners; ensure all containers, cards, and buttons use a minimum 20px radius unless specifically constrained by imagery. Do not use generic system fonts for display headings; always prioritize Greed Condensed SemiBold or its substitutes for brand consistency. Refrain from using overly high-contrast borders on cards; prefer soft or transparent backgrounds with subtle elevation for depth. Do not introduce new primary action colors; stick to Money Max Black (#1a0000) for filled buttons and Forest Noir (#11190c) for outlined buttons. Avoid dense packing of elements; maintain at least 5px for element gaps to preserve readability and visual comfort. Do not use subtle, muted colors for primary calls to action; these should always be bold and clear using Money Max Black. Do not alter the tight letter spacing of Greed Condensed SemiBold for headlines; it is integral to its visual impact.

More like this