guardianlisted

**Canonical skill URI**: `skill://brand:guardian` # F5 Brand Guardian ## Why this matters F5's visual identity is what makes content instantly recognizable as F5. Inconsistent colors, wrong fonts, or misused logos erode brand trust and create a fragmented experience across docs, demos, and marketing materials. This skill ensures every piece of content you create uses the correct F5 brand elements. **Keywords**: branding, corporate identity, visual identity, brand colors, typography, F5 brand, visual formatting, design system, style guide, brand standards, F5 Red, Neusa, Proxima Nova ## Source of truth The brand specs live in two infrastructure repositories. Always read the relevant source file before applying rules — specs may have been updated since this skill was written. | Dimension | Canonical source | Live docs | | --------- | ---------------- | --------- | | Colors (45 tokens) | `docs-theme/styles/custom.css` lines 1-48 | [Colors page](https://f5-sales-demo.github.io/docs-theme/colors/) | | Typography | `docs-theme/fonts/font-face.css` + `custom.css` lines 169-211 | [Typography page](https://f5-sales-demo.github.io/docs-theme/typography/) | | Logos | `docs-theme/assets/` | [Logo page](https://f5-sales-demo.github.io/docs-theme/logo/) | | Design tokens | `docs-theme/styles/custom.css` lines 91-128 | — | | Icons (f5-brand) | `docs-icons/packages/f5-brand/` (665 icons) | [Icons page](https://f5-sales-demo.github.io/docs-icons/) | | Icons (f5xc) | `docs-icons/package