| name | applying-bitwarden-branding |
| description | Apply Bitwarden brand standards — logo usage, color palette, typography, iconography, and capitalization rules — grounded in bitwarden.com/brand and the bitwarden/brand repository. |
| when_to_use | Use when a task touches Bitwarden's visual brand surface in design work or design-adjacent assets. Triggers — "check the brand", "apply Bitwarden branding", "use the brand colors", "is this on-brand", "what color is Bitwarden blue", "what font does Bitwarden use", "logo usage", "brand guidelines", "brand assets", "shield". Not for product content voice or grammar (use `content-style-guide`). |
| allowed-tools | Skill |
Applying Bitwarden Branding
This skill grounds brand-application decisions in Bitwarden's two canonical sources:
- bitwarden.com/brand — the brand guidelines hub, including
logo lockups, the radius system, social-post framing, product images, and B-roll.
- github.com/bitwarden/brand — the source-of-truth
repository for SVG logos, PNG product icons (multiple sizes), the shield mark, color palette
in multiple formats (HEX, HSL, SCSS), screenshots, and media assets.
When applying brand in real work, treat the repo as canonical for assets and the brand site as
canonical for usage rules. Detailed reference material lives in references/brand-assets.md
(asset inventory and file paths) and references/color-palette.md (full palette with usage
notes and SCSS variable names).
