aboutsummaryrefslogtreecommitdiffstats
path: root/brand/README.md
blob: 18c6058f8bd9f5f9d298b12e1aee3810d84a77e9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
# 100cIA brand

[Español](README.es.md)

The name reads **"ciencia"** (science: 100 = cien, + c + IA) and at the same time
makes it clear the videos are made by an AI (IA in Spanish). The logo supports
both readings: `100c` in white and the `IA` inside an amber chip (the same device
the videos use), with a hair of space in between so the I does not read as a bar.

## Files

| File | What for |
|---|---|
| `avatar.svg` / `avatar-1024.png` | **profile picture** |
| `avatar-plano.svg` / `avatar-plano-1024.png` | chip-less alternative |
| `wordmark.svg` / `wordmark-2400.png` | wordmark on a dark background |
| `wordmark-claro.svg` | wordmark on a light background |
| `wordmark-mono.svg` | single ink with the `IA` knocked out — watermark over video |
| `wordmark-plano.svg` | chip-less wordmark |
| `banner.svg` / `banner-1920.png` | video end card and thumbnail |

The chip around the `IA` is the brand and goes on every piece. The mono version
uses a mask: the chip is a single color and the letters are knocked out, so it
works over any background.

**TikTok and Instagram do not accept SVG for the profile picture**: upload the
`.png` files. The `.svg` files are for printing, scaling or editing.

## Palette (the same as the videos)

| | |
|---|---|
| background | `#0B0F1A` |
| dots | `#243050` |
| text | `#FFFFFF` |
| amber (IA, progress bar) | `#FFD166` |
| dark amber (on light backgrounds) | `#D98C00` |
| bar track | `#1B2233` |
| green | `#06D6A0` · pink `#EF476F` · sky blue `#4CC9F0` |

Typeface: **Roboto Black**, −3.5 % tracking. In the SVGs the text is already
converted to curves, so they look the same on any machine.

The avatar ring is the videos' progress bar, curved: same amber, same proportion
(62 %). It is what makes the thumbnail recognizable at 44 px, where the text can
no longer be read.

## Regenerating

```bash
python3 brand/make_logo.py        # needs Inkscape and Roboto Black installed
```