Logo
CAIRL logo system — primary wordmark, compact mark, product lockups, clearspace, and misuse rules.
Logo
The CAIRL logo system includes a primary wordmark, a compact mark, and product sub-marks. All marks are SVG vectors with outlined paths — no font dependencies.
Primary wordmark
The [CAIRL] wordmark is the primary brand mark. The brackets are a structural motif that signals containment and control.
Construction:
- Bracket geometry: IBM Plex Mono Bold 700, 50.2% opacity, 1.5x letterform size
- Letterforms: IBM Plex Mono SemiBold 600, 100% opacity
- ViewBox:
0 0 380 120(19:6 aspect ratio) - Colors: Pure Black (#000000) or Pure White (#FFFFFF) only
- Files:
cairl-logo-black.svg,cairl-logo-white.svg
Trust Blue is never used in the wordmark. The wordmark appears in black on light backgrounds and white on dark backgrounds.
Compact mark
The [C] compact mark is used where the full wordmark cannot fit.
- ViewBox:
0 0 120 120(1:1 square) - Construction: Same bracket geometry and opacity rules as the primary wordmark
- Files:
cairl-logo-square-black.svg,cairl-logo-square-white.svg
Responsive switching
| Width available | Mark to use |
|---|---|
| 140px or more | Primary wordmark [CAIRL] |
| 32–139px | Compact mark [C] |
| Below 32px | No mark — use text only |
Product lockups
Five Tier 1 product lockups follow a consistent pattern: upright CAIRL + oversized / separator + italic module name.
| Product | File pattern | ViewBox width |
|---|---|---|
| Vault | cairl-vault-logo-{color}.svg | 660.74 |
cairl-mail-logo-{color}.svg | — | |
| Pay | cairl-pay-logo-{color}.svg | — |
| Keys | cairl-keys-logo-{color}.svg | — |
| Meet | cairl-meet-logo-{color}.svg | — |
Product lockups use the / as their structural device — no brackets. All elements are at 100% opacity. Each lockup ships in black and white variants.
Clearspace
All marks require a minimum clearspace of 1x on all four sides, where 1x equals 18% of the mark height.
Minimum display sizes:
| Mark | Minimum width |
|---|---|
| Primary wordmark | 140px |
| Compact mark | 32px |
| Product lockups | 200px |
Below the 32px floor, omit the mark entirely or use text only.
Misuse
The following treatments are prohibited across all CAIRL marks:
Geometry: Do not stretch, rotate, skew, or crop any mark.
Color: Do not recolor, change opacity, apply gradients, or mix colors within a mark.
Structure: Do not combine bracket and / motifs. Do not add elements to the mark.
Typography: Do not reconstruct the wordmark using CSS or live type. Always use the provided SVG.
Effects: Do not apply drop shadows, glows, outlines, or other visual effects.
Spacing: Do not violate clearspace requirements or display marks below minimum sizes.
Context: Do not place marks on busy or patterned backgrounds. Do not use marks to imply co-branding or endorsement.