Logo Variants
| Variant | Formats | Usage |
|---|---|---|
| Full Logo — Light | SVG / PNG / PDF | Dark backgrounds |
| Full Logo — Dark | SVG / PNG / PDF | Light backgrounds |
| Full Logo — Monochrome | SVG / PNG / PDF | Single-color contexts |
| Icon Only — Light | SVG / PNG | Favicons, app icons, avatars |
| Icon Only — Dark | SVG / PNG | Favicons, app icons, avatars |
| Icon Only — Monochrome | SVG / PNG | Single-color contexts |
Color Palette
| Name | Hex | Usage |
|---|---|---|
| Dynamo Primary | #[PRIMARY_HEX] | Main brand color, CTAs |
| Dynamo Secondary | #[SECONDARY_HEX] | Accents, highlights |
| Dark Background | #[DARK_HEX] | Dark mode surfaces |
| Light Background | #[LIGHT_HEX] | Light mode surfaces |
Typography
| Role | Typeface |
|---|---|
| Headings | [Placeholder — update with brand font] |
| Body | [Placeholder — update with brand font] |
| Monospace / Code | [Placeholder — update with brand font] |
Usage Guidelines
Do's
Do's
- Use the logo on a clean background with sufficient clear space on all sides.
- Use the light variant on dark backgrounds and the dark variant on light backgrounds.
- Scale the logo proportionally, never stretch or squish.
- Use the provided file formats without modification.
Don'ts
Don'ts
- Do not recolor the logo outside of approved variants.
- Do not add drop shadows, outlines, or other effects.
- Do not place the logo on busy or low-contrast backgrounds.
- Do not use the Dynamo name or logo to imply partnership or endorsement without written approval.
- Do not recreate the logo from scratch using similar typefaces or shapes.