Brand Asset Reference
Every asset hosted on the CAS public CDN. Click Copy URL on any card to copy the production path to your clipboard.
CDN Root
https://assets.cyberarmorsystems.com
01 — Logos
SVG Logo Variants
Icon Only
About this variant
The shield badge mark without wordmark. Use when the Cyber Armor Systems brand is already established in context — app icons, favicons, and compact UI elements where a wordmark would be illegible.
Colors — Light
#002f54— Navy · --cas-navy · shield & detail
#f59b00— Gold · --cas-gold · padlock accent
Colors — Dark
#aec6e8— Text Muted · --cas-text-muted · shield
#fdb94b— Gold Light · --cas-gold-light · padlock
#002f54— Navy · --cas-navy · background
Specs
Aspect ratio1 : 1
ViewBox640 × 640
Min size16 px height
FormatSVG — vector
Usage
For Light Backgrounds
cyberarmorsystems-logo-icon-only-light.svg
/logos/cyberarmorsystems-logo-icon-only-light.svg
For Dark Backgrounds
cyberarmorsystems-logo-icon-only-dark.svg
/logos/cyberarmorsystems-logo-icon-only-dark.svg
Full Logo
About this variant
The primary brand lockup — shield with stacked CYBER ARMOR / SYSTEMS wordmark. Use for primary brand placements where vertical space allows. Maintain clear space equal to the shield height on all sides.
Colors — Light
#002f54— Navy · --cas-navy · shield & wordmark
#f59b00— Gold · --cas-gold · SYSTEMS & padlock
Colors — Dark
#aec6e8— Text Muted · --cas-text-muted · wordmark
#fdb94b— Gold Light · --cas-gold-light · SYSTEMS
#002f54— Navy · --cas-navy · background
Specs
Aspect ratio2.76 : 1
ViewBox580 × 210
Min size48 px height
FormatSVG — vector
Usage
For Light Backgrounds
cyberarmorsystems-logo-full-light.svg
/logos/cyberarmorsystems-logo-full-light.svg
For Dark Backgrounds
cyberarmorsystems-logo-full-dark.svg
/logos/cyberarmorsystems-logo-full-dark.svg
Full Logo — Inline
About this variant
Shield with a single-line “Cyber Armor Systems” wordmark. Use for horizontal layouts where vertical space is limited — navigation bars, email headers, and banners where the stacked version would be too tall.
Colors — Light
#002f54— Navy · --cas-navy · shield & wordmark
#f59b00— Gold · --cas-gold · Systems & padlock
Colors — Dark
#aec6e8— Text Muted · --cas-text-muted · wordmark
#fdb94b— Gold Light · --cas-gold-light · Systems
#002f54— Navy · --cas-navy · background
Specs
Aspect ratio3.9 : 1
ViewBox840 × 210
Min size32 px height
FormatSVG — vector
Usage
For Light Backgrounds
For Dark Backgrounds
cyberarmorsystems-logo-full-inline-light.svg
cyberarmorsystems-logo-full-inline-dark.svg
Wordmark (No Shield)
About this variant
CYBER ARMOR / SYSTEMS stacked text only, no icon. Use in contexts where the shield mark appears separately or the brand is already established — avoids doubling the icon in co-branded or repeated-element layouts.
Colors — Light
#002f54— Navy · --cas-navy · CYBER ARMOR
#f59b00— Gold · --cas-gold · SYSTEMS
Colors — Dark
#aec6e8— Text Muted · --cas-text-muted · CYBER ARMOR
#fdb94b— Gold Light · --cas-gold-light · SYSTEMS
#002f54— Navy · --cas-navy · background
Specs
Aspect ratio3.38 : 1
ViewBox440 × 130
Min size24 px height
FormatSVG — vector
Usage
For Light Backgrounds
For Dark Backgrounds
cyberarmorsystems-logo-wordmark-light.svg
cyberarmorsystems-logo-wordmark-dark.svg
Wordmark — Inline
About this variant
Single-line “Cyber Armor Systems” text only — the most compact brand representation. Use in tight horizontal spaces where neither the icon nor the stacked wordmark would fit without compromising legibility.
Colors — Light
#002f54— Navy · --cas-navy · Cyber Armor
#f59b00— Gold · --cas-gold · Systems
Colors — Dark
#aec6e8— Text Muted · --cas-text-muted · Cyber Armor
#fdb94b— Gold Light · --cas-gold-light · Systems
#002f54— Navy · --cas-navy · background
Specs
Aspect ratio9.1 : 1
ViewBox620 × 65
Min size16 px height
FormatSVG — vector
Usage
For Light Backgrounds
For Dark Backgrounds
cyberarmorsystems-logo-wordmark-inline-light.svg
cyberarmorsystems-logo-wordmark-inline-dark.svg
02 — PNG Logos
Rasterised at Standard Sizes
Each card shows the logo at its true pixel dimensions. Standard (light-background) variant previewed; dark-background URL also available.
cyberarmorsystems-logo-16x16.png
cyberarmorsystems-logo-32x32.png
cyberarmorsystems-logo-48x48.png
cyberarmorsystems-logo-64x64.png
cyberarmorsystems-logo-96x96.png
cyberarmorsystems-logo-128x128.png
cyberarmorsystems-logo-180x180.png
cyberarmorsystems-logo-192x192.png
cyberarmorsystems-logo-256x256.png
cyberarmorsystems-logo-512x512.png
cyberarmorsystems-logo-splash-512x512.png
03 — BMP Logos
Bitmap Format · Opaque Backgrounds
cyberarmorsystems-logo-16x16.bmp
cyberarmorsystems-logo-32x32.bmp
cyberarmorsystems-logo-48x48.bmp
cyberarmorsystems-logo-64x64.bmp
cyberarmorsystems-logo-96x96.bmp
cyberarmorsystems-logo-128x128.bmp
cyberarmorsystems-logo-180x180.bmp
cyberarmorsystems-logo-192x192.bmp
cyberarmorsystems-logo-256x256.bmp
cyberarmorsystems-logo-512x512.bmp
cyberarmorsystems-logo-splash-512x512.bmp
04 — Backgrounds
Full-width Background Images
cyberarmorsystems-bg-geometric-light-1920x1080.png
/backgrounds/cyberarmorsystems-bg-geometric-light-1920x1080.png
cyberarmorsystems-bg-geometric-dark-1920x1080.png
/backgrounds/cyberarmorsystems-bg-geometric-dark-1920x1080.png
cyberarmorsystems-bg-minimal-light-1920x1080.png
/backgrounds/cyberarmorsystems-bg-minimal-light-1920x1080.png
cyberarmorsystems-bg-minimal-dark-1920x1080.png
/backgrounds/cyberarmorsystems-bg-minimal-dark-1920x1080.png
05 — CSS & Fonts
Stylesheets & Self-hosted Fonts
cas-brand.css
/css/cas-brand.css
cas-fonts.css
/css/cas-fonts.css
Inter woff2 Files
inter-latin-300-normal.woff2
/fonts/inter-latin-300-normal.woff2
inter-latin-400-normal.woff2
/fonts/inter-latin-400-normal.woff2
inter-latin-500-normal.woff2
/fonts/inter-latin-500-normal.woff2
inter-latin-600-normal.woff2
/fonts/inter-latin-600-normal.woff2
inter-latin-700-normal.woff2
/fonts/inter-latin-700-normal.woff2
06 — Meta
Favicon & Manifest
16 px
32 px
48 px
favicon.ico
/favicon.ico
site.webmanifest
/site.webmanifest