@request-labs/brand

Logos, fontes, favicons, placeholders e assinatura de email oficiais da Request.

Instalar

pnpm add @request-labs/brand

Fontes

Self-hosted Hanken Grotesk (variable font, 100-900, normal + italic).

@import "@request-labs/brand/fonts.css";

:root {
  --font-display: "Hanken Grotesk", system-ui, sans-serif;
}

h1 { font-family: var(--font-display); }

Para uso com o pacote @request-labs/tokens, a família font-display (Tailwind: font-display) já resolve para Hanken Grotesk com fallbacks correctos.

Logos

SVGs curados para web:

import { logos } from '@request-labs/brand';
// logos.horizontal, logos.square, logos.icon, ...

Ou via path directo:

<img src="/node_modules/@request-labs/brand/logos/logo-horizontal.svg" alt="Request" />

Variantes disponíveis:

• logo-horizontal.svg — logo principal (horizontal, cor)
• logo-horizontal-white.svg — branco, para fundos escuros
• logo-horizontal-mono.svg — preto e branco
• logo-square.svg — quadrado (avatar, favicon grande)
• logo-square-white.svg — quadrado branco
• logo-square-mono.svg — quadrado p&b
• icon.svg — só o ícone

Favicon

Conjunto standard para Web + iOS + Android:

<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/favicon-192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="manifest" href="/manifest.json" />

Placeholders

Padrões decorativos para empty states, cards sem imagem, hero backgrounds. Dois estilos (red e gray), cada um em SVG + PNG @1x/@2x/@3x.

import { placeholders } from '@request-labs/brand';

placeholders.red.svg;    // path para placeholder-red.svg
placeholders.red.png2x;  // [email protected]
placeholders.gray.svg;
placeholders.gray.png3x;

Ou como CSS background:

.empty-card {
  background-image: url("@request-labs/brand/placeholders/placeholder-gray.svg");
  background-size: cover;
}

Email signature

Assinatura oficial em PNG (dark e light). Instruções de aplicação em /brand.

import { emailSignature } from '@request-labs/brand';

emailSignature.dark;   // path para signature-dark.png
emailSignature.light;  // signature-light.png

Licença

Hanken Grotesk: SIL Open Font License 1.1 (ver fonts/OFL.txt). Logos, ícones e placeholders Request: UNLICENSED (uso interno).