Branding¶
The visual identity of cicd and its downloadable brand assets. All marks share the wider phpboyscout palette so the projects read as one family.
The mark¶
cicd's logo is three components clicking together along a pipeline rail — the amber one slotting in beside two petrol-teal blocks. It's the whole idea in a picture: reusable CI/CD components you include, not copy.
Logo variations & downloads¶
Vector (recommended)¶
Scales indefinitely without quality loss — use it for the web, print and high-resolution displays.
- Transparent (logo_transparent.svg)
- Light background (logo_light.svg)
- Dark background (logo_dark.svg)
Raster (PNG)¶
| Size | Transparent | Light | Dark |
|---|---|---|---|
| 32 × 32 | png | png | png |
| 64 × 64 | png | png | png |
| 128 × 128 | png | png | png |
| 256 × 256 | png | png | png |
| 512 × 512 | png | png | png |
| 1024 × 1024 | png | png | png |
Colour palette¶
| Usage | Name | Hex | Swatch |
|---|---|---|---|
| Primary | Petrol Teal | #14534F |
|
| Accent | Amber | #E8912A |
|
| Light background | Cream | #F5F2EA |
|
| Dark detail | Charcoal | #211E1A |