Speak like a person.
“A little note on cookies.”
Use short sentences and familiar words. Explain what happens when someone makes a choice.
The ConsentLeaf identity / 01
Considered
by nature.
A clear choice. A lighter touch. A brand built around one simple idea: make people feel comfortable.
See it come to life01 / Identity
A small mark with room to grow.
A rounded leaf holds an open “C”. The lowercase wordmark feels approachable and assured. Use the full signature first; let the leaf stand alone when space is small.
Keep clear space equal to half the leaf’s height. Minimum size: 120 px for the signature, 20 px for the symbol. All wordmarks use outlined vector paths.
02 / Colour
Grounded. Fresh. A little warm.
Ivory gives the design room to breathe. Forest grounds it. Teal guides the way, with mint and sage adding a quiet touch of nature.
Click a swatch to copy. Teal + white for primary actions. Mint + dark ink in dark mode. Sage is a supporting colour for illustration and surfaces.
03 / Typography
Clarity, with a softer side.
Manrope brings clean, open shapes to the brand. A little Newsreader italic gives the headlines a human touch. Inside the widget, system fonts keep things light.
ManropeHeadings · body · interface
A clear choice.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz & 0123456789
abcdefghijklmnopqrstuvwxyz & 0123456789
Regular 400 / Medium 500 / Semibold 600 / Bold 700
Newsreader italicA moment of warmth
Beautifully simple.ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz & 0123456789
abcdefghijklmnopqrstuvwxyz & 0123456789
Regular italic 400 / Short phrases and editorial accents
04 / The experience
At home, day or night.
Soft corners. Clear choices. Just enough room. These are working consent banners: accept, reject, or open preferences to explore the details.
05 / Voice & principles
A good host, in every detail.
“Cookie consent, beautifully simple.” Our promise is an experience that feels easy, respectful, and considered from the very first interaction.
Make room for every choice.
“Reject optional” sits beside “Accept all”. Both get the same visual weight. Make changing a choice easy to find.
Let the details be quiet.
20 px cards. 12 px buttons. Gentle 300 ms motion. Visible focus rings. Respect reduced-motion preferences.
Everything, ready to make your own.
Vector logos, colour tokens, licensed fonts, and the complete brand guide.