Icons — 3 sets, ~11k total
Consistent line + solid families. Recolor freely via CSS. Showing a sample of common glyphs per set.
Lucide 1,756 icons · showing 17
Tabler 5,112 icons · showing 17
Heroicons 324 icons · showing 13
Visual reference for picking brand fonts & colors. Every asset here is 100% licensed for commercial use. Tick “shortlist” on fonts you like; click any color to copy its hex. Editable type specimens — click and type your own words.
Live specimens (fonts embedded). Serif = editorial/luxury · Sans = modern UI · Mono = code/labels.
Pick a brand hue to auto-generate a 50–900 tint/shade ramp (the way brand palettes are built). Click any starter swatch to copy its hex.
#533afd
Starter palettes to react to:
Give each brand its own identity. Pick a display + body font pairing and three core colors — the preview updates live. Picks are saved in your browser; hit Export brand list at the bottom to copy everything for me to lock in.
Wants: credible, futuristic, sophisticated.
This is how your brand voice reads in body copy — clear, on-brand, and consistent across web, social, video and audio.
Primary actionWants: heritage-meets-modern, premium, bold.
This is how your brand voice reads in body copy — clear, on-brand, and consistent across web, social, video and audio.
Primary actionWants: trustworthy, clear, approachable.
This is how your brand voice reads in body copy — clear, on-brand, and consistent across web, social, video and audio.
Primary actionConsistent line + solid families. Recolor freely via CSS. Showing a sample of common glyphs per set.
Open-license vector illustrations for empty states, heroes, and explainers.
The kit ships a 1.25 (major-third) modular scale on an 8px spacing grid.