Builds a one-page brand kit from your logo, colors and font names: a page with every color tested for contrast and shown in use, packed as a ZIP. For founders who need to hand their brand to a designer, a partner or a journalist.
How to use it
Enter the brand name and at least one color. The logo and fonts are optional. The page and the ZIP are built in your browser, and Reavlo does not host them or give you a shared link.
- Enter the brand name, and add your logo if you have it.
- Add your brand colors as hex codes, with a name for each if you like.
- Add the names of your heading and body fonts.
- Check the contrast table and the findings, then download the ZIP.
How Reavlo tests this
The tool measures every color and plans the page, then packs it in your browser. Nothing you enter or add is sent anywhere, and nothing is stored on a server.
- Contrast. Each color is tested as text on white and on black, and every pair of colors against each other, with the WCAG 2.2 formula for relative luminance. A pair passes for normal text at 4.5:1 and for large text at 3:1. Ratios are cut to two decimals, never rounded up, so 4.499 never reads as 4.5.
- Examples of use. Each color is shown as a background with the text color, white or black, that reads best on it, and the ratio of that pair.
- Fonts are listed by name only. No font file is read or packed, and the page uses a font only if the viewer has it installed. Characters other than letters, digits, spaces and hyphens are removed from font names.
- The page. Everything you type is escaped, so it shows as text and never runs. The page has no script and a content policy that blocks any request to another site. Only colors that are valid hex codes are used in the page's styles.
- Checks. The tool looks for a palette where no two colors are readable together, repeated colors, a missing logo and missing fonts.
Limits. Passing a contrast test shows that two colors can work together; it does not make a design accessible, and it does not test color blindness, gradients or text on images. The kit does not check that your logo or fonts are licensed for the uses you plan.
Questions
Is my logo uploaded?
No. The logo is read, packed and downloaded in your browser, and nothing from it is sent to a server or stored. If Google Analytics is enabled on this site, it only records that the tool ran, never your logo or colors.
Does Reavlo host the brand kit?
No. You get a ZIP with a page and your logo. There is no shared link and nothing is stored. Send the ZIP or put the unzipped folder on a host you choose.
Why list font names without the fonts?
Font files carry licenses that depend on how you got them, so the kit names the fonts and leaves the files to you. The page shows the names in those fonts only where they are installed.
How is this different from the color contrast matrix?
The matrix is for testing a palette in depth, at every WCAG level. This tool builds a shareable page from your brand and includes the contrast results that matter for text.