# DevCycle Brand Guidelines Explore the official DevCycle brand guidelines, including logos, colors, and typography. ## Logo Versions | Version | Black | White | Color | White (BG1) | White (BG2) | |-----------|----------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------| | Horizontal |
[SVG](/content/assets/brand/Black-logo-horizontal.svg) [PNG](/content/assets/brand/Black-logo-horizontal.png) |
[SVG](/content/assets/brand/White-logo-horizontal.svg) [PNG](/content/assets/brand/White-logo-horizontal.png) |
[SVG](/content/assets/brand/Color-logo-horizontal.svg) [PNG](/content/assets/brand/Color-logo-horizontal.png) |
[SVG](/content/assets/brand/White-BlueBG1-horizontal.svg) [PNG](/content/assets/brand/White-BlueBG1-horizontal.png) |
[SVG](/content/assets/brand/White-BlueBG2-horizontal.svg) [PNG](/content/assets/brand/White-BlueBG2-horizontal.png) | | Vertical |
[SVG](/content/assets/brand/Black-logo-vertical.svg) [PNG](/content/assets/brand/Black-logo-vertical.png) |
[SVG](/content/assets/brand/White-logo-vertical.svg) [PNG](/content/assets/brand/White-logo-vertical.png) |
[SVG](/content/assets/brand/Color-logo-vertical.svg) [PNG](/content/assets/brand/Color-logo-vertical.png) |
[SVG](/content/assets/brand/White-BlueBG1-vertical.svg) [PNG](/content/assets/brand/White-BlueBG1-vertical.png) |
[SVG](/content/assets/brand/White-BlueBG2-vertical.svg) [PNG](/content/assets/brand/White-BlueBG2-vertical.png) | | Mark |
[SVG](/content/assets/brand/Black-logo-mark.svg) [PNG](/content/assets/brand/Black-logo-mark.png) |
[SVG](/content/assets/brand/White-logo-mark.svg) [PNG](/content/assets/brand/White-logo-mark.png) |
[SVG](/content/assets/brand/Color-logo-mark.svg) [PNG](/content/assets/brand/Color-logo-mark.png) |
[SVG](/content/assets/brand/White-BlueBG1-mark.svg) [PNG](/content/assets/brand/White-BlueBG1-mark.png) |
[SVG](/content/assets/brand/White-BlueBG2-mark.svg) [PNG](/content/assets/brand/White-BlueBG2-mark.png) | ## Brand Colors | Color Name | Sample | Hex Code | |------------|--------|-----------| | Blue-500 | | #1d49f4 | | Blue-900 | | #0c1f66 | Please contact our [Marketing Team](mailto:marketing@devcycle.com) for questions or if you require additional assets or approvals.