What Stylehub is, and the words it uses

Stylehub is a brand manual that lives at a web address instead of in a PDF you have to keep re-sending. You create a brand, build a manual out of blocks, and publish it as a page.

What the product is

A published manual is one link that always shows the current version. Change a color in the editor and everyone who has the link sees the new color. No out of date copy sits in somebody's downloads folder.

The published page gives a reader:

• Search across every section of that manual.
• A section list that follows the scroll, and a progress bar.
• A permanent link to any section or block.
• A print view, and the same manual as a PDF.
• Colors with their HEX, RGB, HSL and CMYK values, and typefaces shown as live specimens.

The words this help center uses

What a manual carries

• Template, one of the 5 layouts. See The presentation templates.
• Design settings: accent color, header image, light or dark, density, section numbers. See Accent color, header image, dark mode and density.
• Visibility, one of 4 modes.
• Address: under the brand subdomain, or a subdomain of its own. See Addresses.
• SEO fields: meta title, meta description, favicon, social image, and whether search engines may index it. See Search engines and the head of a page.

A brand may hold several manuals, so you can keep a full manual, a one page partner summary and a campaign guide apart. One manual in each brand is the primary one: the brand address serves it at the root, and the others sit under it at their own slug.

Which one to choose is in Who may see a manual, and publishing itself is Publishing. Turn on review before publishing and the public page keeps showing the approved version while you keep editing, until somebody publishes again. See Reviewing changes before they go live.

How many brands you may own is a plan limit: 1 on Free, 5 on Pro, 25 on Business. See Brands, manuals and how they fit together.

Blocks

A block's kind decides which fields it offers and how it is drawn. A color block asks for swatches and shows contrast ratings, a typography block asks for typefaces and renders specimens, a rich text block asks for text. There are 41 kinds in the picker, in 7 groups:

• A block can be kept off the public page. Under Who can see it a block is either Everyone or Only the team.
• Sections and blocks keep a permanent anchor. A link into the middle of a manual still lands after a rename or a move. See Text, headings, anchors and links.

The full catalog is Every block, and what it holds, and the editor is The editor: sections, blocks and saving.

Design tokens

You never enter tokens anywhere. They are collected from the blocks that already hold those decisions, so filling in the color block is what fills the color tokens. Export tokens (opens in a new tab) offers 13 formats, each copyable or downloadable as a file: CSS, SCSS, Less, JS and TS, Tailwind, JSON, W3C Tokens, Style Dictionary, SwiftUI, Compose, Flutter, Android XML, CSV. The same tokens are readable over the API at {slug}/tokens.json. See Design tokens and the API examples (opens in a new tab).

Members and roles

Membership is per brand. The same person can be an admin of one brand and a viewer of another, and the two do not affect each other.

These 4 roles are on every plan. Business adds roles you build yourself from the 13 permissions, two of which only an owner may hold: billing and deleting the brand. People join by invitation, and you hand a brand to somebody else by transferring ownership. How many members a brand may have is a plan limit: 3 on Free, 15 on Pro, 100 on Business, the owner counted. See Roles, Custom roles, Invitations and Handing a brand over.

Plans

The plan sits on the account, not on the brand. One Pro subscription covers every brand that account owns. A brand is on the plan of the account that owns it, whoever is looking at it.

Every plan includes the whole editor, every block, the asset library, the token export and the read only API. See What each plan includes and What a downgrade freezes.

What it is not

Not a digital asset manager

The asset library serves the manuals of one brand. Files belong to a brand, count against that brand's storage, and are not shared across brands. See Uploading files, Folders and categories and Where a file is used.

Not a website builder

A brand hub is one shape of page, not a blank canvas. You choose a template, an accent color, a header image and a few controls. You cannot lay out arbitrary pages, and there is no place to write HTML, CSS or a script. A custom domain points at a brand hub, not at a site you can add pages to. See Color and Your own domain.

The shortest way in

1. Create a brand. Give it a company name and it gets a subdomain.
2. Fill the sections it came with: colors, typography, the logo, tone of voice.
3. Choose a template and an accent color.
4. Publish, and send the link.

Step by step, that is From nothing to a published manual.

The map of this help center

The API documentation at /docs/api (opens in a new tab) lists every address, field, header and status code.