Brand foundationsIcons & marks
The mark, on its own.
The standalone Booker mark is extracted from the rebuilt vector. Use it where the brand is already named or where the full signature will not fit.
Full-color on plum
The vertical stem changes to cream; the two accent shapes keep their colors.
Download SVG ↓
Icon containers
The container belongs to the placement; the mark keeps its own shape and proportions. Use cream or plum fields and leave generous space around the artwork.
Center the mark at roughly 60% of the tile width. Match the corner radius to the host platform.
Use the reverse asset. Keep the original mark colors and avoid decorative borders or shadows.
Keep the complete mark inside the circle. Use this for a brand avatar, not for a person’s profile.
Inspect it at the size it will be used.
24px is a useful starting size for the mark. Tiny placements need a deliberate pixel-level check rather than a smaller full wordmark.
16px · inspect24px32px48px64pxFavicon and production exports
Use the standalone mark for a favicon, not the horizontal wordmark. Export and inspect 16px and 32px raster versions, and check transparency against both light and dark browser chrome. Platform app icons require their own export sizes and safe areas; the container examples above are layout guidance, not a complete platform icon package.
Brand marks and interface icons have different jobs.
Reserve the Booker mark for identity. Navigation, settings, validation, and actions use simple functional icons that describe the task.
- Use a consistent icon family and stroke weight within an interface.
- Use plum on light surfaces and cream on dark surfaces. Use status colors only when they communicate a state.
- Pair unfamiliar actions with text. Give icon-only controls an accessible name and a visible focus state.
- Do not turn the Booker mark into a loading spinner, bullet, checkbox, or generic navigation symbol.