One system that wears every label's colours
Forta brings independent mental healthcare labels together in one network. Every label keeps its own name, its own colours and its own audience. Their websites had to work the same way: built once, recognisable ten times over.
Forta itself and nine labels, each on its own domain and in its own colours.
Added up from the sitemaps of the ten sites on 8 October 2026.
Designed in Figma, built in Webflow and shared with every label site.
Build it once, brand it per label
Challenge
Forta is a group of labels: PSYTREC for trauma, Human Concern for eating disorders, Dokter Bosman, impegno, Pi-groep and more. Each has its own brand and its own audience, and each needed a website that looks like that label and nobody else.
Ten separate websites would mean ten designs, ten builds and ten places to fix the same bug. Forta wanted the opposite: launch a label quickly, keep the quality the same everywhere and still give every label its own face.
Solution
We designed one system in Figma and built it in Webflow as a shared library. Headers, card rows, intro texts, USP bars, bento grids and footers are components that live in one place.
None of them holds a colour or a typeface. They point to variables. Each label site sets those variables once: a colour scale, a secondary colour and a heading font. From then on every component placed on that site carries the label's brand, and a fix in the library reaches all ten sites.
Result
Ten sites run on the library today, with 418 pages between them. A new label starts with its variables and its content. The design and the build are already there.
We keep maintaining the sites and the automations behind them, and the next site is in the making: one place where Forta shows the whole network to the people who work there.
Drop a component. It takes the brand.
Components in the library carry Forta's own colours. Place one on a label's site and it switches to that label, because the site has already filled in the variables it points to. Nobody restyles anything.
In the library every component wears Forta's burgundy. That is the default, until a site says otherwise.
PSYTREC is gespecialiseerd in de behandeling van trauma en PTSS.
Neem contact opPTSS kan een grote impact hebben op je dagelijks leven.behandeling van PTSS.
Values read from the live stylesheet of each site. The rest of the primary scale changes along with these; sizes, spacing and radius stay the same for every label.
The work starts past the homepage
Ten sites, one inner page each: a care overview, a blog, a page on job coaching. Every tile is a recording of the live page. They move in step because underneath they are the same components.
Lay them flatBuilt once, used by every label
A list of locations, a treatment page, a waiting-times table, a sign-up form. Each exists once in the library. Pick a page type and see it on three labels.
Solved once for the small screen, for every label
The breakpoints live in the components. A self-test, a list of locations, a care overview and a waiting-times table, each on a phone and each in its own colours.
One place to see the whole network
Forta's labels are grouped into five domains. That is hard to explain in a paragraph, so on the new mobility site, where colleagues look for their next step inside the network, we made it something you can click.
Bekijk alle vacaturesKies een domein
Elk domein bundelt labels met een eigen specialisme. Open een domein om de labels te zien.
Change a waiting time once. The site follows.
Waiting times change all the time and they sit on six label sites. Forta's staff update them in one screen, and an n8n flow writes each change to the right site. Try it: change a number.
What we made, and keep making
A design system, a component library and the flows that keep every label site current. Design and build had a finish line. Running it does not.
Design
- Design system in Figma
- Section components for every page type
- A set of variables per label
Build
- Component library and ten label sites in Webflow
- The mobility site, in the making
Run
- Maintenance across the label sites
- Waiting times kept current with n8n
- Forms and sign-ups routed with n8n
- Recruitee vacancies synced to Webflow
Ten sites to run. One system to maintain.
forta.nl · 25 pages
psytrec.nl · 36 pages
dokterbosman.nl · 47 pages
impegno.nl · 31 pages
fortavolwassenen.nl · 51 pages
humanconcern.nl · 128 pages
pi-groep.nl · 19 pages
qualitycoaching.nl · 34 pages
pohggz.nu · 5 pages
impegnoggz.nl · 42 pagesOne library underneath: ten sites, 418 pages.
%201.svg){kind=icon}