Brand Guidelines
The ConsentEase visual identity.
Official logos, colors, typography, and design tokens — everything partners, press, and teammates need to represent ConsentEase consistently.
Logo
The logo is the cornerstone of the brand. Use the primary version on light backgrounds and the white version on dark backgrounds.
On light
On dark
Do
- Use the provided SVG files without modification
- Keep clear space of at least the icon height around the logo
- Use the white logo variant on dark or colored backgrounds
- Maintain minimum size: 32px for the icon, 120px for the full logo
Don't
- Stretch, distort, or rotate the logo
- Recolor the logo outside the brand palette
- Place the logo on busy or low-contrast backgrounds
- Add shadows, outlines, or other effects
Colors
The palette pairs an approachable purple with a warm amber accent. Click any swatch to copy its HEX value.
Primary
#966CE0Buttons, links, key brand moments
Primary Deep
#5424A8Text on soft purple surfaces
Accent
#F99E1FHighlights, badges, emphasis
Secondary
#F3F0FASoft purple backgrounds
Foreground
#241F2EHeadings and body text
Muted
#71717ASecondary text, captions
Border
#E4E4E7Dividers, input borders
Sidebar Accent
#EEE8F7Active navigation states
Dark mode
Token values when the interface runs in dark mode.
Background
#160F24Page background
Card
#1D162DCard and popover surfaces
Primary
#A47DE8Buttons, links, focus rings
Secondary
#2E2442Muted surfaces
Border
#392D53Dividers, input borders
Accent
#F99E1FHighlights — unchanged in dark
Brand gradient
Primary to Accent, left to right. For gradient text on light backgrounds, use the text gradient on light.
Brand gradient (dark)
#A47DE8 → #F99E1FGradient text and highlights on dark backgrounds (#160F24).
Finally simple.
Text gradient on light
#7347C8 → #C0660CGradient text on light backgrounds (#F3F0FA, white). The brand gradient's amber end stays below 3:1 contrast on light; this pair keeps at least 3:1 across the full width.
Finally simple.
Typography
Plus Jakarta Sans gives headings their character; Inter keeps body text and UI effortlessly readable.
Plus Jakarta Sans
Headings, titles, and display text. Weights 500–800.
Extrabold 800
Bold 700
Semibold 600
Medium 500
Inter
Body text, labels, and UI elements. Weights 400–600.
Semibold 600
Medium 500
Regular 400
Type scale
Consent made effortless.
Consent made effortless.
Consent made effortless.
Consent made effortless.
Border Radius
Rounded corners are part of the approachable feel. The base radius is 12px; derived tokens step down and up from there.
sm
8px
md
10px
lg · default
12px
xl
16px
full
9999px
Icons
Iconography stays light and consistent across the product and marketing surfaces.
Phosphor Icons
Rendered at 24px in the regular weight. Use the outline (regular) style only — no filled or duotone variants — and inherit the surrounding text color.
Downloads
Grab the assets you need. Everything is free to use when representing or writing about ConsentEase.