SaaS UI kit: GDPR cookie banner check (Accept vs Reject)

For SaaS products used in the EU. Type your banner colours and turnover. The answer updates as you type and stays free.

Your banner Banner background Accept all: button fill Accept all: label colour Reject all: button fill Reject all: label colour Analytics box when the banner opens Worldwide annual turnover, last financial year (€)

Free right now: the Cookie banner (3 variants) and the Consent button (4 variants) as SVG, .sketch and Figma plugin. Opens in Figma by dragging the .sketch in or pasting an SVG; some component structure is simplified on import. Sketch users open the same file.

Sources: GDPR Art. 83(5) (up to €20,000,000 or 4% of total worldwide annual turnover of the preceding financial year, whichever is higher, for breaches of the consent conditions in Art. 7) · Art. 7(3) · Recital 32 · EDPB Cookie Banner Taskforce report, 17 January 2023 (pre-ticked boxes; deceptive button contrast is judged case by case). WCAG 2.2 AA asks 4.5:1 for normal text — used here as a yardstick, not as a legal threshold. Not legal advice.