Flutterwave Design

Flutterwave Design

Preview image. Unlock full-res

High-contrast digital artboard

Industrydesign
Palette
#fff9f1
#171717
#12122c
#b5b5b5
#8b8b8b
#000000
#f5a623

Flutterwave Design employs a high-contrast, clean canvas aesthetic, featuring bold headlines and a structured layout. The visual design emphasizes readability with dark typography on a predominantly light background, punctuated by a single vivid yellow accent for interactive elements. Imagery is abstract and often uses strong color blocking, contributing to a modern, almost digital-art feel. Components are compact and functional, supporting a dense yet organized information delivery. Use Cloud Canvas (#fff9f1) as the default page background for sections, ensuring strong contrast with text. Apply a consistent 5px border radius to all interactive elements, cards, and input fields for a soft, unified edge treatment. Utilize Millik (700-800 weight) with tight letter-spacing for all primary headings, reinforcing a bold and confident tone. Reserve Marigold Glow (#f5a623) exclusively for primary action backgrounds, making calls-to-action highly visible. Maintain a clear visual hierarchy by rendering primary body text in Storm Gray (#171717) and headings in Deep Ink (#12122c), both on Cloud Canvas backgrounds. Avoid using highly saturated colors for large background areas; maintain a light, neutral canvas. Do not deviate from the specified negative letter-spacing for Millik headings, as this is a key typographic characteristic. Do not use Marigold Glow (#f5a623) for text or borders; it is strictly an action background color. Do not introduce heavy shadows or gradients; rely on color contrast and subtle surface variations for depth. Do not use generic system fonts; stick to Moderat, Millik, and Flutterwave for a consistent brand voice.

More like this