Portfolio UI Kit for EU Freelancers: your brand colour, WCAG-checked

For freelance designers with clients in the EU, UK or US. Type your brand hex and see your portfolio built, with measured contrast and the cookie banner your visitors' region needs.

Your brand colour (hex) Your name Availability Where most visitors are

Nothing is uploaded. The page computes everything in your browser.

Featured: brand system 2026

Case study: checkout redesign

Case study: onboarding flow

Your contrast result (WCAG 2.2 AA)

Pair on your page	Ratio	AA

One payment, not a subscription. You checked your own colour above before paying. Free Figma Community portfolio kits usually stop at the hero and grid; the contact form, the unticked consent box and a region-correct cookie banner are the parts you would still draw, and they are the parts a regulator looks at.

Why the banner and the checkbox matter

CNIL fined Google €150,000,000 and Facebook €60,000,000 (announced 6 January 2022) because refusing cookies took more clicks than accepting them. That exposure starts the day your analytics goes live. The CJEU ruled in Planet49 (C-673/17, 1 October 2019) that a pre-ticked box is not valid consent, so the kit's consent checkbox ships unticked.

Free: Project card + Button (7 variants)

Download them and build the whole portfolio grid with hire-me buttons. They are yours to ship. The paid kit adds what you need to go live: contact field states, consent checkbox, cookie banner by region, availability badge, skill tags and project filter tabs.

How to get it into Figma or Sketch

In Figma, drag the .sketch file into the file browser to open it. Menu names differ by Figma version and UI language.
Copy any .svg and paste it onto the canvas; it lands as vectors.
Plugin route: compile code.ts to code.js (tsc), then import manifest.json as a development plugin. It creates real components combined as variants.

Some component structure may be simplified in the .sketch import. Sketch users open the same .sketch file directly.