Design System

Elementos visuais do projeto

Tokens de cor, tipografia e componentes utilizados em todo o site.

Cores

Paleta semântica baseada em tokens CSS.

Primary

var(--primary)

Secondary

var(--secondary)

Accent

var(--accent)

Muted

var(--muted)

Surface

var(--surface)

Background

var(--background)

Card

var(--card)

Destructive

var(--destructive)

Tipografia

Crimson Text (serif) para títulos, Inter (sans) para corpo.

H1 · Serif

Direito à saúde

H2 · Serif

Atuação especializada

H3 · Serif

Casos urgentes

Body · Sans

Texto padrão para parágrafos. Garantimos seu direito ao tratamento adequado.

Small / Muted

Informação complementar e legendas.

Botões

Badges

Default

Secondary

Outline

Destructive

Formulários

Nome

E-mail

Mensagem

Plano

Aceito os termos

Receber novidades

Opção A

Opção B

Cards

Oncologia

Cobertura de tratamentos.

Garanta acesso a quimioterapia, radioterapia e medicamentos.

TEA

Terapias multidisciplinares.

ABA, fonoaudiologia, terapia ocupacional e mais.

Liminares

Urgência em saúde.

Atuação rápida em casos com risco à vida.

Alertas

Solicitação recebida

Entraremos em contato em breve.

Atenção

Verifique os campos obrigatórios.

Tabs & Accordion

Advocacia especializada em Direito à Saúde.

Outros

AF

Aida Ferreira

Advogada

5.0 / 5.0

Progresso60%

Radius & Sombras

rounded-sm

rounded-md

rounded-lg

rounded-xl