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.

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 pageRatioAA

Full version — $168 once · all 8 components, 26 variants (.sketch + SVG + Figma plugin) · get the full kit

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

  1. In Figma, drag the .sketch file into the file browser to open it. Menu names differ by Figma version and UI language.
  2. Copy any .svg and paste it onto the canvas; it lands as vectors.
  3. 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.

Get the complete version $168

This page is the working piece. The full pack has everything below.

Portfolio UI kit for freelance designers selling to EU clients: 8 components, 26 variants, every text/fill pair measured at 6.18:1 or better against the WCAG 2.2 AA 4.5:1 line, a consent che

Shelf fact: the top-priced portfolio UI kit on this marketplace shelf lists at $168 (ReadyStack shelf scan, 2026-09-23). Regulator fact: CNIL fined Google €150,000,000 and Facebook €60,000,000 (announced 6 January 2022) because re

Buy the full version — $168

Questions people ask

What is in this portfolio UI kit?

Eight components with 26 variants for a freelance portfolio site: project card, button, contact field, consent checkbox, cookie banner, availability badge, skill tag and project filter. Every variant's text and fill pair is measured against the WCAG 2.2 AA 4.5:1 line, and the lowest pair is 6.18:1. You get a .sketch file, SVG vectors and a Figma plugin that creates real variants.

Who is this portfolio kit made for?

Freelance UX, UI and brand designers who are building their own portfolio site and sell to clients in the EU, EEA, UK or US. The cookie banner has three variants: EU-EEA and UK opt-in with Reject beside Accept, a US notice, and an essential-only notice. Sketch users open the same .sketch file directly.

Why not use a free Figma Community portfolio kit?

Free kits usually cover the hero and the project grid. The contact form, the consent checkbox and a cookie banner that fits your visitors' region are what you still have to draw, and they are what regulators check. CNIL fined Google €150,000,000 (announced 6 January 2022) because refusing cookies took more clicks than accepting them.

What do I get for free?

The Project card (3 variants) and the Button (4 variants), which are enough to build a complete portfolio home page grid with hire-me buttons. They are yours to keep and ship. On the web page you can also type your own brand hex and see the measured contrast ratio of your buttons before paying anything.

How does $168 compare with other options?

The top-priced portfolio UI kit on this shelf lists at $168 (ReadyStack shelf scan, 2026-09-23). This kit is a single payment, not a subscription. It adds the go-live layer on top of the grid: contact field states, an unticked consent checkbox and region-specific cookie banners, each with its contrast ratio written down.

Ask about this tool

One question, answered by the person who built it. Your email only if you want the answer sent.

ENDEJAESPT

Find a tool