Everything updates live in the preview on the right.Everything updates live in the preview below.
Free, no sign-up
A free design system for your website – fonts, type scale and colours
Every good website rests on the same foundation: two fonts, two colours, and rules that hold them together. Without it you get a site that looks different on every page — and people see that before they read a single line.
So build that foundation above. Click your field and you immediately get a font pairing and two colours that work together — on a real page, not a swatch card. Don't like a colour? Click another and the preview redraws. Each one tells you whether it fits your field and whether it works with the colour you already picked. You're done when you like what you see.
What you see is what you take away, as a design system PDF. It's exactly the brief a designer starts from when building a site: the fonts, a type scale from H1 to body text, both colours with contrast checks, and rules for where each one goes. Free, no sign-up — just an address to send it to.
From there you have two options. Build the site from it yourself, or write to us and we'll build it for you.
Still not sure what a design system is?
The document that holds a brand together — what belongs in it, how it differs from a logo manual and a design system, and what it costs. You can look at a PDF template in a couple of minutes.
What is a design system?
Frequently asked questions
How do I choose a font for a website?
What is a design system and why do I need one?
Why do you check colour contrast?
Is it really free and without registration?
How much does web design cost at Webenta?
Next step
Like the proposal? We'll build the site from it.
You have the fonts and colours. We'll build a fast website on them with our own CMS and clear pricing.
See website pricing




