Request Request Design System

Request Design System

Fundação visual partilhada da Request. Tokens, componentes e princípios que mantêm os nossos produtos consistentes.

Brand

Logos, fontes, cores

Toda a identidade visual num só sítio. Download do pack completo em ZIP.

Tokens

Variáveis de design

Cores, spacing, tipografia, radius e shadows. Fonte única da verdade em Style Dictionary.

Componentes

Padrões UI

Exemplos shadcn-style com código para copy/paste. Cada projecto é dono do próprio código.

Icons

Biblioteca Lucide

1400+ ícones consistentes. Regras de tamanho, stroke, acessibilidade e cor.

Guidelines

Princípios

Light mode, rose para acções, sem rainbow. As regras que aplicamos em todos os produtos.

Examples

Blade, React, Vue

Componentes prontos a copiar para os três stacks que usamos. Button, Input, e o setup de Tailwind.

LLMs

Guia para agentes de código

DESIGN.md para Claude Code, Cursor, Copilot. Força o agente a seguir o DS.

Instalar

Integrar no teu projecto

Como instalar @request-labs/tokens e configurar Tailwind, CSS ou JS.

Sobre

O que é este design system

Estratégia, stack técnica (Style Dictionary, DTCG) e como contribuir.