AI SAFETY INDIA - LOGO KIT
==========================
The logo is a symbol of ten wedge "leaves" turning around a small open hub, set beside
(or above) the wordmark "AI Safety India" in Libre Baskerville Regular. The wordmark in
every file is outlined (real vector paths), so no font is needed to display it.
COLOURS
-------
Crimson (the logo colour: symbol and wordmark in the primary lockups)
HEX #9B1C2E
RGB 155 28 46
Pantone 201 C (coated), measured delta E 2000 = 1.7 against #9B1C2E
201 U for uncoated stock (check against a physical swatch first)
CMYK take it from Pantone Color Bridge or from your printer;
starting point 0 82 70 39
#9B1C2E replaces the old red #B0232A everywhere. The old Pantone 1805 C is retired.
Ink #1C1A17 one-colour version for print and light backgrounds
Paper #F5F3EE page background
White #FFFFFF reverse version, on crimson, ink or dark backgrounds
On-dark #F8EFEC softer reverse; favicon.svg switches to it in dark mode, because
crimson is too weak on dark browser tabs
Merchandise: never print crimson on black or dark garments. Use the white (reverse) logo.
FILES
-----
Symbol
symbol.svg crimson symbol
symbol-ink.svg ink symbol
symbol-reverse.svg white symbol (for crimson, ink and dark backgrounds)
Horizontal lockup (symbol left of the wordmark) - the primary logo
horizontal.svg crimson symbol + crimson wordmark
horizontal-ink.svg all ink
horizontal-reverse.svg all white
horizontal.png crimson, transparent background, 966 x 192 (2x of 96 px tall)
PROPORTION (v2.1): symbol height = 2.6 x the capital height of the wordmark, centred on the capitals;
gap = 0.63 x symbol width. Minimum 28 px tall on screen (nav 32 px, footer 30 px), 10 mm in print.
Stacked lockup (symbol centred above the wordmark)
stacked.svg crimson symbol + crimson wordmark
stacked-ink.svg all ink
stacked-reverse.svg all white
stacked.png crimson, transparent background, 622 x 480 (2x of 240 px tall)
Web and app icons
favicon.svg crimson symbol; switches to #F8EFEC when the browser is in dark mode
favicon-16.png, favicon-32.png, favicon-48.png crimson symbol, transparent
apple-touch-icon.png 180 x 180, white symbol on a crimson square (square corners: iOS rounds them)
icon-192.png, icon-512.png same style, for the web app manifest
social-avatar.png 800 x 800, white symbol on crimson, for social profile pictures
Suggested tags:
PROPORTIONS (taken from the existing AI Safety India kit)
-----------
Horizontal: symbol height = 3.7 x the wordmark's cap height; gap between symbol and
wordmark = 0.63 x symbol width; the symbol's hub sits level with the middle
of the capitals.
Stacked: symbol height = 4 x cap height; the symbol's hub is centred over the wordmark.
All SVGs have tight viewBoxes (no built-in padding), so they align exactly to your grid.
USAGE RULES
-----------
1. The logo is only ever used as the logo. Do not use the symbol as decoration, a bullet,
a pattern, a background or an illustration.
2. Clear space: keep empty space of at least one symbol width on every side of the logo.
(Measure the symbol width at the size you are using it.)
3. Minimum size on screen:
horizontal lockup 40 px tall (at this height the capitals are about 11 px)
stacked lockup 96 px tall
symbol alone 16 px tall
In print: horizontal 12 mm tall, stacked 25 mm tall, symbol 5 mm.
4. On dark surfaces (ink, the level gradients, photos) and on crimson, use the reverse
(white) files. Never place the crimson logo on a dark or level gradient background.
5. Use only the colours above. Do not recolour the logo, add gradients, shadows,
outlines or glows.
6. Do not stretch, squash, rotate, re-space or rearrange the symbol and wordmark, and do
not retype the wordmark (always use these files; the wordmark is never bold).
7. Do not redraw the symbol. Its exact geometry lives in brand-system/engines.js (LEAVES).