Huisstijl Generator

Enter the brand basics. The brand book updates as you type.

Take colours, logo and fonts from a screenshot of an existing website. You can also paste (Ctrl+V) or drop an image anywhere.

Company

Style

SharpRoundedPill

Primary colour

Extra colours

Number of extra colours
0
Suggest from primary:

Fonts

Any Google Fonts family name. They load automatically.

Sections

Switch sections on or off and change their order.

Export

Brand files

Save each brand as a file and open it again later.

Edit mode: click any text in the book to change it. Changes are saved automatically in this browser. Text that depends on the sidebar fields (like the company name) resets when you change that field.
Import from screenshotEverything runs in your browser. The screenshot is not uploaded anywhere.
Drop a screenshot hereor paste with Ctrl+V, or Tip: a full-page, high-resolution screenshot gives the best logo quality.

1 · Colours

Found in the interface (photos ignored). Choose the primary colour (●) and which colours to keep as extra colours (✓).

2 · Logo

Click Select logo and drag a box around the logo in the screenshot.

3 · Fonts

Select one line of text in the screenshot, type exactly what it says (same capitals), and compare it with Google Fonts.

4 · Company

Compare stylesYour brand in every style. Click one to use it.