Baixar a marca
O pacote traz os logotipos em SVG (texto já em curvas, não dependem de fonte instalada), os PNGs de app e compartilhamento, e as cores como variáveis de CSS e JSON.
Cada peça também pode ser baixada individualmente nas seções abaixo.
Símbolo e ícones
Grade de 120×120 com canto de 28. As linhas de velocidade só aparecem a partir de 32px; o favicon usa a moto maior e sem elas, para continuar legível em 16px. Área de proteção: metade da altura do ícone em volta do logotipo.
Cores
O amarelo é a marca e ocupa área: fundos, botões, o ícone. Em cima dele, o texto é sempre preto. Clique no código para copiar.
Combinações de texto
| Texto | Fundo | Contraste | Uso |
|---|---|---|---|
| Tinta | Amarelo | 11,3:1 | Botão principal, faixas, capa |
| Tinta | Branco ou creme | 16,5:1 | Texto corrido |
| Laranja | Branco | 4,8:1 | Link, sobretítulo, número de destaque |
| Amarelo | Tinta | 11,3:1 | Destaque em fundo escuro |
| Amarelo | Branco | 1,5:1 | Nunca |
| Branco | Amarelo | 1,5:1 | Nunca |
As cores também vêm prontas como variáveis em tokens.css e tokens.json, dentro do kit.
Tipografia
Uma família só: Archivo, do Google Fonts, licença OFL. Ela tem eixo de largura: a versão larga, pesada e itálica dá velocidade aos títulos, e a normal é boa de ler no corpo do texto.
rapidinho
Não faça
