Marca
O logótipo invoiso
Todas as variantes, em SVG e PNG. As letras são desenhadas como traçados em vez de compostas, por isso não há tipo de letra para licenciar nem nada para instalar — o logótipo aparece igual num navegador, num PDF e num e-mail. Clique com o botão direito, ou use as ligações sob cada ficheiro, para transferir.
Cores
Três, e apenas três, na arte. #047857 e #10B981 foram deliberadamente deixados de fora para que haja um único verde de marca inequívoco.
Verde da marca
#059669
A dobra e as linhas na marca, e cada acento de marca.
Tinta
#0A0A0A
Logótipo e contorno em fundos claros.
Branco
#FFFFFF
Logótipo e contorno em fundos escuros.
Atenção
#FE9A00
Um estado pendente ou não confirmado. Não é uma cor do logótipo.
Logótipo
O nome completo. Tinta sobre claro, branco sobre escuro; as três variantes monocromáticas são para carimbos, bordados e impressão a uma cor.
Ícone
A marca do documento sozinha, onde o nome já está presente ou não há espaço.
Ícone da aplicação
512 × 512 com o raio de canto que o iOS e o Android esperam. O verde é o predefinido; o preto e o branco são para contextos que fornecem o seu próprio fundo.
Favicon
Desenhado à parte a 32 × 32, não reduzido: o contorno fecha-se em torno da dobra e as linhas descem para 0,65× a espessura do contorno, o que o mantém legível a 16 px.
Composição
Marca por cima do nome, para um espaço quase quadrado — uma foto de perfil, um painel de patrocinadores, o cabeçalho de uma carta.
Tipografia, e como são feitos
- O logótipo
- Não é um tipo de letra. Letras geométricas monolineares desenhadas como traçados — uma só espessura de traço em tudo, um só raio de canto a reger cada curva.
- Tudo o resto
- Geist Sans para o texto de interface e Geist Mono para os números, ambas de licença aberta. Os títulos usam o tipo display definido na aplicação.
- Área de proteção
- Integrada em cada ficheiro — 10 unidades à volta do logótipo, 12 à volta do ícone. Coloque-os lado a lado e o espaçamento fica certo.
- Alterá-los
- Todo o conjunto é gerado a partir de um único script, por isso uma alteração à geometria reescreve os quinze ficheiros de forma coerente. Não edite um SVG à mão; será substituído.