Color in context.
Keep the raw contrast numbers with the palette. Your text and background roles travel into the previews, guide, CSS and tokens.
LESS GUESSWORK. MORE YOU.
One brand.
A whole working kit.
Give your logo a home. Put colors, type and clear rules beside it. See the system in action, then take the files with you.
Build your kitA fictional Northline example is loaded. Replace it with your own details. No account, no trial.
YOUR KIT, CONNECTED
Aa
Logo+Colors & type→Usable kit
THE WORKING PART
Make it yours.
Example loaded. Nothing leaves your browser.
01 / START WITH THE NAME
Brand details.
02 / GIVE EVERY LOGO A JOB
A logo library.
Keep primary, light-background, dark-background and icon versions together. Roles guide the examples; nothing is recolored automatically.
Up to 4 still PNG, JPG or WebP logos, 8 MB each / 20 MB total. 8192px per side / 16 million pixels. SVG, animation, HEIC and RAW are not supported. From Logo Maker, use its PNG export.
03 / COLORS WITH A PURPOSE
A palette that works.
Edit the foreground and background roles, then check their actual contrast. A passing pair is not a full accessibility audit.
All 64 color pairs
4.5:1 normal, 3:1 large, 7:1 enhanced normal. Large means at least 24px regular or about 18.67px bold. Colors are opaque sRGB. No Pantone or press-color guarantee.
04 / A VOICE YOU CAN SEE
Type with a rhythm.
Three local font families, with regular, bold, italic and bold italic styles. Files and their license travel in your kit. Font roles are editable, not identified from a logo.
05 / SET THE GUARDRAILS
Room to breathe.
Clear space is a percentage of logo width on every side. Minimum size is your chosen rule, not automatic proof of legibility.
THE SAME BRAND, IN USE
See it together.
Application examples are not print-ready stationery or web code. Check both themes and all three layouts. Newly rendered PNGs do not retain logo metadata.
CHECK BEFORE SHARING
What needs a look.
No automatic trademark clearance, font identification, AI extraction, cloud sync or application to existing editor designs.
YOURS TO TAKE
Keep the whole system.
Six light/dark PNG examples, six-page PDF guidelines, color and contrast CSV, CSS, scalar design tokens, the fonts used with licenses, settings, and your original logo files.
The kit and private project contain your brand details and original logos. Originals may contain metadata. Keep both files private until you choose who receives them.
A project keeps every original logo byte and all settings. Reopen it here to edit. Closing without saving loses logo files.
Settings only & this device
Settings never contain logo files. Opening settings replaces the current kit and clears logo references, after confirmation. Device storage can be cleared by your browser.
A KIT, NOT A LOCK-IN
Rules that leave
with the files.
Type with a fallback.
Use the font files, or follow the fallback guidance. Recheck layout when a different font takes over. Missing characters get a warning.
A real way back.
Save the private project, close the page and reopen it. Your original logos and editable decisions belong to you.