Brand
Logos, fontes e regras de uso. Tudo o que precisas para aplicar a marca Request com consistência, em qualquer suporte.
Logos
Descarregar pack (ZIP)
Logo principal. Usar em headers, cartões, apresentações.
Para fundos escuros (headers com brand-dark, imagens de capa).
Preto e branco. Para impressão, fax, stamps.
Avatar, social, favicons grandes.
Avatar sobre fundos escuros.
Preto e branco.
Só a marca gráfica. Favicons pequenos, app icons.
Tipografia
Para títulos, headlines, cabeçalhos. Variable font (100-900).
Para corpo de texto, UI, labels. Legibilidade em tamanhos pequenos.
As fontes são auto-hospedadas em @request-labs/brand (Hanken Grotesk variable woff2) e carregadas via @import "@request-labs/brand/fonts.css". Inter vem do Google Fonts pela ubiquidade e caching cross-site.
Cores da marca
Primária. Acções, links, destaques.
Headers, footers. Preto da marca.
Fundo de página. Neutro base.
Usar assim
- Manter a área de respiro em volta do logo (pelo menos a altura da letra "R")
- Usar as variações correctas: branco em fundo escuro, cor em fundo claro
- Preservar as proporções — bloquear escala uniforme em qualquer ferramenta
- Usar os SVGs (vector) sempre que possível
Não fazer
- Não esticar, inclinar ou distorcer
- Não alterar as cores — rose e preto estão definidos
- Não aplicar sombras, outlines, glow ou outros efeitos
- Não colocar o logo sobre imagens com ruído visual sem área sólida por trás
- Não usar o logo colorido sobre fundos coloridos que entrem em conflito
Como usar no código
pnpm add @request-labs/brand
// CSS (fontes self-hosted)
@import "@request-labs/brand/fonts.css";
// JS (paths para logos e favicons)
import { logos, favicon } from '@request-labs/brand';
logos.horizontal; // path para logo-horizontal.svg
logos.squareWhite; // path para logo-square-white.svg