Brand kit

logo/ holds the logo trimmed to its visible edges at 256, 512, 1024 and 2048 px wide as PNG, a plain white and a plain black version when the logo has a transparent background, your reversed logo in the same sizes if you add one, and the original SVG when the logo is one. icons/ holds favicon.ico, PNG icons, an Apple touch icon, a web manifest and the head lines, made only when the logo is roughly square. colours/ holds palette.css, palette.json and palette.svg. brand-guidelines.html is the guideline and README.txt lists everything. The ZIP and the logo files are named after your brand: lower case, no accents, a dash between words in place of spaces and punctuation, at most 40 characters (Café Noir! gives cafe-noir-brand-kit.zip); a name in Chinese or another script keeps its characters (矩阵 gives 矩阵-brand-kit.zip). With no name they are brand-kit.zip, logo-colour-512.png and so on.

The logo's opaque pixels are grouped by colour in the perceptual OKLab space and the up to five largest groups are offered, most common first, with suggested roles: chromatic colours as primary, secondary and accent, near-black as dark, near-white as light. Colours covering less than 3 % of the logo are left out, so thin outlines and anti-aliased edges do not appear. Every value can be changed, and you can add up to eight colours in all.

Every visible pixel of the logo is painted white or black and the transparency is kept, so the shapes stay exact. That suits most single-colour uses, but it is not a designed reversed logo: a logo whose parts rely on colour differences becomes one solid shape. If you have a designed light-on-dark version, add it as the reversed logo. A logo without a transparent background gets no white or black version, and the tool says so.

The logo on light and dark backgrounds, a clear-space diagram at the percentage you set, the minimum size, four common misuses, every colour with HEX, RGB and HSL values and the text colour that reads on it with its WCAG contrast ratio, tints and shades from 50 to 950, a table of every text and background pair among your colours plus white and black, your fonts shown in a sample, and your licence notes. It is one HTML file with the images inside, in English or Simplified Chinese; print it to PDF from your browser if you need a PDF.

No. The fonts are recorded by name and shown only where they are installed; no font file is added. Licence and ownership notes are your own text. The tool cannot check that you may use a logo or a font.

It begins the next brand: the logo, the brand name, the reversed logo and the colours of the last brand go, and every other setting is back as the page opened (settings a link to this page set are kept). The next logo's own colours are then taken from it.

No saved or shared kits, versions or approval steps, no access control, no CMYK or Pantone values (they need printer profiles), no perspective or scene mockups, and no correct-and-incorrect examples beyond the four common misuses.

No. The page loads a small script into your browser and every operation runs on your device. You can check this yourself in the browser's network panel: after the page has loaded there are no upload requests. Closing the tab discards the file.

No. These basic tools are free, have no limits set by us and store nothing on our servers. The practical limit is your device's memory for very large files.

Nothing you open or type. While the tab is open, the tool pages keep a short list of the steps taken in it, in the tab's session storage: the step (page opened, started, succeeded, first success, used again or failed), the tool's name, the time, how many files were used and, for a failure, an error code; never a file name, the contents of a file or your text. It holds at most the latest 200 steps, and the browser deletes it when the tab closes. The page never sends it. Where a Report a problem button is shown, you can attach the last 20 steps to your report; nothing is attached unless you tick that box. In local storage the page keeps only choices you made: a Light or Dark theme until you choose System again, the language you picked with the EN / 中文 switch if it differs from your browser's language, and this tool in your recently used list if you switched that list on at the tools page.