# SecureDynamics Brand Guidelines

## Internal source of truth for SecureDynamics brand colors, theme fonts, and agent usage rules.

### SecureDynamics Brand Guidelines

Internal source of truth for SecureDynamics brand colors, theme fonts, and usage rules for Codex, OpenClaw, other agents, and humans.

### Canonical Working Sheet

Google Sheets version:

[Google Sheets](https://docs.google.com/spreadsheets/d/1tqiICqDuYnsTz9G8dYCoB-Ls9dyZItQVDOGTQDxpkG4/edit?usp=drivesdk)

Use the Google Sheet as the live working reference. Use this KB article as the polished internal reference for fast lookup.

### Locked Brand Palette

Only use the HubSpot brand kit colors below. Do not infer additional brand colors from CSS utilities, browser defaults, screenshots, logos, third-party widgets, imported templates, or generated mockups.

| Swatch | Role | Token / Hex | Best Use |
| --- | --- | --- | --- |
| #0C5394 | **Primary Blue** | sd.primary.blue<br>**#0C5394** | Primary buttons, top navigation accents, key headings, branded dividers, and confident SecureDynamics moments. |
| #666666 | **Secondary Gray** | sd.secondary.gray<br>**#666666** | Supporting copy, subdued labels, metadata, secondary UI text, captions, and restrained neutral elements. |
| #CC0201 | **Accent Red** | sd.accent.red<br>**#CC0201** | Critical callouts, exception states, alert markers, and small high-importance accents. Keep it rare and intentional. |
| #F5F8FA | **Light Surface** | sd.accent.light<br>**#F5F8FA** | Soft page backgrounds, subtle section bands, quiet content containers, reference blocks, and calm document surfaces. |

### Color Examples

|     |
| --- |
| Primary action example: #0C5394 button or link on a #F5F8FA surface. |
| Neutral content example: #666666 supporting copy on #F5F8FA. |
| Critical callout example: #CC0201 used as a small accent, never as the dominant page color. |

### Theme Typography

Only use the HubSpot global theme fonts below. Do not list browser defaults, fallback fonts, normalize.css fonts, widget fonts, or third-party embed fonts as SecureDynamics brand fonts.

| Role | Family | HubSpot Theme Style | Theme Color |
| --- | --- | --- | --- |
| **Primary Font** | Inter | _Extra-light italic_ | #000000 |
| **Secondary Font** | Manrope | Extra-light | #000000 |

### Agent Usage Rules

- Use only #0C5394, #666666, #CC0201, and #F5F8FA as SecureDynamics brand colors.
- Use only Inter and Manrope as SecureDynamics brand fonts.
- Treat the Google Sheet linked above as the canonical working reference.
- If another source conflicts with this article or the linked Google Sheet, ask Kevin before changing brand guidance.
- Do not expand the palette based on generated designs, CSS scraping, screenshots, utility classes, imported templates, social images, or visual guesses.

### Do / Do Not

| Do | Do Not |
| --- | --- |
| Use the palette with restraint, white space, and clear hierarchy.<br>Use #0C5394 as the strongest brand signal.<br>Use #F5F8FA to create calm, professional surfaces.<br>Keep #CC0201 rare and intentional.<br>Keep typography limited to Inter and Manrope. | Do not add gradients, extra blues, purples, oranges, or decorative colors unless the HubSpot brand kit is formally updated.<br>Do not treat logo pixels, screenshots, embedded widgets, or browser defaults as brand tokens.<br>Do not publish agent-generated visuals that introduce unapproved colors or fonts. |

Last updated: May 24, 2026.