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:
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 #0C5394 |
Primary buttons, top navigation accents, key headings, branded dividers, and confident SecureDynamics moments. |
| #666666 | Secondary Gray | sd.secondary.gray #666666 |
Supporting copy, subdued labels, metadata, secondary UI text, captions, and restrained neutral elements. |
| #CC0201 | Accent Red | sd.accent.red #CC0201 |
Critical callouts, exception states, alert markers, and small high-importance accents. Keep it rare and intentional. |
| #F5F8FA | Light Surface | sd.accent.light #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. Use #0C5394 as the strongest brand signal. Use #F5F8FA to create calm, professional surfaces. Keep #CC0201 rare and intentional. 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. Do not treat logo pixels, screenshots, embedded widgets, or browser defaults as brand tokens. Do not publish agent-generated visuals that introduce unapproved colors or fonts. |
Last updated: May 24, 2026.