Upload logos, colors, type and guidelines. Stylehub builds a manual that looks like the brand it documents, and keeps it current for everyone who uses it.
Free for one brand · EU hostingBuild each section from blocks: text, colors, logos, galleries, do and don'ts, and more.
HEX, RGB, CMYK and design tokens with live WCAG contrast checks.
Any Google Font or your own uploads, with live specimens at real sizes.
Every variant, clear space and misuse rules in one clear place.
Templates, header images, accent color, dark mode and custom fonts.
Public, unlisted, private or password-protected, with full SEO controls.
See views and downloads, track who changed what, and manage reviews.
Restore any version, and see who changed what, with the old value next to the new one.
Folders with their own permissions, bulk moves, and a list of where each file is used.
Thirteen formats, from CSS and Tailwind to W3C tokens, SwiftUI, Compose and Flutter.
Search across the manual, a section list that follows the scroll, and a proper print view.
Every manual can have its own subdomain, or sit under the brand address.
See it live
Every manual can switch template, color mode, fonts and accent in seconds. Try the sample: switch templates and click a color to copy it, just like your team will on the real thing.
One living link for colors, type and logos.
Switch templates and click a color to copy. This is a live sample.
Inside a manual
These are real blocks from the editor, drawn with the Stylehub palette and mark. A color block checks its own contrast, a logo block shows clear space instead of describing it, and a token block hands the same values to your developers.
Colors
HEX, RGB, CMYK and contrast, checked live
Signal
#c2542c
AAon white
Deep pine
#1f3d2b
AAAon white
Warm sand
#eae4d9
Failon white
Ink
#26231e
AAAon white
Typography
Live specimens
Display
Brand, alive
700 · 30px · tracking -0.02em
Body
Clear guidelines keep every team on brand, without anyone having to ask which file is the current one.
400 · 14px · 1.6
Logo
Clear space and minimum size, drawn not described
Design tokens
Thirteen formats, one click
:root {
--color-signal: #c2542c;
--color-signal-rgb: 194, 84, 44;
--font-display: "DM Sans";
--spacing-8: 8px;
--breakpoint-md: 768px;
}Do and don't
Rules people actually follow
Do
Don't
Spacing scale
One scale, everywhere
Start a workspace, pick a template, and get a subdomain in seconds.
Add colors, type, logos, text and guidelines with a live block editor.
Send one link. Everyone always sees the current version.
Built for
Ten brands or a hundred, each with its own subdomain, its own look and its own client login. Hand over access when the project ends and keep the manual working for you.
Questions
If something is still unclear, write to hello@stylehub.cloud and a person answers.
Start freeA brand manual (also called brand guidelines or a brand book) is the single source of truth for how a brand looks and sounds: colors, typography, logos, imagery, tone of voice and usage rules. Stylehub turns it into a living web page instead of a static PDF.
A Stylehub manual is always current, shared with one link, and interactive. Colors can be copied in HEX, RGB, HSL or CMYK, fonts render live, and design tokens export to CSS, Tailwind and more. There is nothing to re-send when something changes.
Yes. On paid plans you can connect a custom domain. Every workspace also gets a free subdomain automatically.
Each manual can be public, unlisted, private to your team, or password-protected, with full SEO controls per manual.
Yes. Export colors, fonts and spacing as CSS, SCSS, JSON, W3C Design Tokens, Tailwind, SwiftUI or CSV, with colors in HEX, RGB, HSL and CMYK.
Yes. The Free plan covers one brand with up to three team members, so you can build and publish a manual before upgrading.
One brand, published properly, at no cost.
Your own domain, your own fonts, several brands.
Agencies and larger teams, with roles that fit.
Fifteen minutes from now you can have a link that shows the current logo, the current colors and the current rules, to everyone who keeps asking you for them.