D · BrandIntermediate45 min read
9. Brand kit & guidelines page
Graphic Design · 52 pages source format
Scale your taste into a system teammates (or future-you) can reuse. One Figma page: logo, colors, type, spacing, example applications.
What you'll learn
- Brand kit structure
- Component thinking for brand
- Export for dev/marketing handoff
Kit frame structure
Cover → Logo → Color → Typography → Spacing → Components (buttons, tags) → Examples.
Do this now
Build brand kit frame for your fictional café / client with all sections.
Clear?
Type roles locked
Display / H1 / H2 / Body / Caption — map to your scale with size, weight, line height.
Do this now
Typography table: role, font, size, weight, line-height, example string.
Clear?
Three applications
Prove the kit works beyond one poster.
Do this now
Apply kit to poster, IG story, and loyalty stamp card in one file.
Clear?