Add your logo, pick your colours and fonts, and write a few voice words and do's and don'ts. The tool builds a one-page brand sheet with every colour in HEX, RGB and HSL, its contrast ratio against white and black with the WCAG levels it passes, and a live font preview. Print it or save it as a PDF, or copy the colours and fonts as CSS variables or JSON tokens for your developer. Everything runs in your browser. Nothing you type or upload is sent to We.Inc or anyone else. Your logo is only shown on this page and is never uploaded.
Brand books from large companies run to dozens of pages because many teams and agencies apply them. A small business mostly needs its designer, web builder and social media helper to use the same colours, fonts and tone. One page that answers those questions exactly is more likely to be read and followed.
Exact values matter most. "Blue" means something different to everyone; #4F98FB does not.
A brand colour that looks good in a logo can be too light for text. The contrast figures on the sheet show which pairings pass WCAG levels, so you can decide early which colour is for text, which is for buttons and which is only for decoration.
For a closer look at a pair of colours, use the colour contrast checker; for exploring shades, the hex colour picker.
The brief at the bottom carries your brand name, colours, fonts and voice into the We.Inc builder as a theme for a new site. AI building is on paid plans, starting with Starter at $20 a month; the free plan gives you up to 3 template sites on a we.inc address.
At a minimum: the logo and how not to use it, the colour palette with exact values, the fonts for headings and body text, and a short description of the tone of voice. Larger guides add photography, icon and layout rules; a one-page sheet like this covers what most small businesses and their designers need.
The tool uses the WCAG 2 formula: it calculates the relative luminance of each colour and divides the lighter by the darker (each plus 0.05). 4.5:1 passes AA for normal text, 3:1 passes AA for large text, and 7:1 passes AAA for normal text.
No. The browser reads the file locally and shows it on this page and in the print window. Nothing is sent to a server, and it is gone when you close the tab.
To show you real type in the preview, the page loads the fonts you pick from Google Fonts, which means your browser requests them from Google. Only the font names are sent, not anything you type. The exported CSS includes the matching Google Fonts link so your site can load them the same way.
Named values for colours and fonts, such as --brand-primary: #4F98FB, that developers use in code instead of repeating raw values. The CSS variables drop straight into a stylesheet; the JSON works with most design token tools.
The tool does not save anything. Copy the JSON tokens to keep a record of your choices, and print a PDF for sharing.
Related: Colour Contrast Checker, Hex Colour Picker, Font Pairing, Business website templates, Website builder, Pricing.
Turn this result into your website or see the We.Inc website builder. The free plan gives you up to 3 template sites on a we.inc address, with no AI credits and no custom domain. Paid plans are Starter at $20 a month, Pro at $50 and Max at $99. See pricing.
We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.