Shareable
Shareable Brand Board
Build a brand board with your heading font, body font, palette, and type scale, then share it with a single URL. The entire configuration is encoded in the link. Anyone who opens it sees the same board. No server, no database, no account.
Share this brand board
The URL encodes your entire configuration. Anyone who opens it sees the same board.
generating...Brand board
Atelier
A typography studio for the modern web
Typography
Playfair Display
Inter
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. 0123456789
Type scale (major-third)
Colors
background
#F7F3ED
text
#1F1B16
primary
#8B2E1F
accent
#D97757
surface
#FFFFFF
secondary
#C2A878
border
#E2D9CC
Export the brand board
Download as SVG or copy the CSS variables.
How the Shareable URL Works
The brand board encodes your configuration into the URL hash (the part after the # symbol). The hash contains your brand name, tagline, heading font id, body font id, palette slug, base size, and ratio, separated by pipe characters and URL-encoded.
When someone opens the link, the page reads the hash, decodes the configuration, and renders the same brand board. The hash never gets sent to a server, so there is no privacy concern. The URL is fully shareable: paste it into Slack, email, or a chat, and the recipient sees your exact board.
If you visit the page without a hash, it loads your last configuration from localStorage. This means your board persists between visits without an account. Clear your browser data to reset.
What Makes a Good Brand Board
A good brand board shows enough of the system to communicate the brand voice without overwhelming the viewer. The Font Blend board shows the brand name, tagline, typography specimen, type scale, and color palette in one scroll. That is enough to decide whether the direction is right before you commit to a full design system.
The heading font carries the brand personality. The body font carries the content. The palette sets the mood. The type scale sets the hierarchy. Together, these four choices determine 80 percent of the visual character of a brand. Get them right and the rest follows.
Share the board with your team or client early. A shared URL is faster than a PDF deck and easier to iterate on. When the recipient opens the link, they can adjust the configuration themselves and share their version back.