Request Request Design System

Guidelines

Princípios que aplicamos em todos os produtos Request. Seguir estas regras garante que tudo parece da mesma casa.

Light mode sempre

Fundos slate-50/white. Texto slate-700/800/900. Sem dark mode. Consistência visual em todos os produtos.

Rose para acções

A primária (rose-500/600) só aparece em botões, links, hover states e destaques. Nunca decorativa.

Sem cores rainbow

Nada de violet, cyan, amber, sky, pink decorativos. Neutros carregam a interface, rose destaca o que importa.

Emerald só para success

Verde (emerald/success) apenas em estados "ready" ou "done". Red apenas em erros. Amarelo apenas em warnings.

Sem gradientes em progress

Barras de progresso com cor sólida (rose-500). Gradientes são ruído visual.

Inputs com text-base (16px)

Inputs nunca text-sm. Mobile Safari faz zoom em inputs < 16px, pior UX. 16px sempre.

Header e footer #1d1d1b

O preto da marca Request (#1d1d1b, token brand-dark) casa com o fundo do logo. Header e footer com texto branco.

Tipografia Inter

Inter para sans. ui-monospace para código. Sem outras fontes a não ser que haja razão forte.