Ship Design System v1.2

Showcase

Nota

Tokens via MUI v5 + Emotion. O botão de tema troca o atributo [data-theme] do <html> — os componentes Ship que usam var(--token) reagem na hora.

Tipografia · Nunito Sans (display) + Open Sans (corpo)

Título de página · h3

Título de card · h4

Subtítulo · h5
Cabeçalho menor · h6

body1 · texto principal de leitura em Open Sans, 16px. O canal é seu, o dado é seu, a margem é sua.

body2 · texto de interface padrão, 14px.

caption · metadados e timestamps, 12px.
Botões
StateBadge · chip semântico (cores fixas nos dois temas)
neutralprimarysuccessinfowarningerrordisabled
Campo de texto com StateBadge flutuante
Validado
StripePanel · stripe lateral colorida (nunca fundo tingido)
Faça

Cancelar reserva pendente libera a capacidade do ambiente imediatamente.

Não faça

Confirmar pedido de evento automaticamente — confirmação é sempre ato deliberado da equipe.

Destaque

Novo: módulo de Cashback com 8 camadas antifraude.

RichRadio · seleção de plano (com RECOMENDADO)

Pacote 01 · Starter

R$ 297/mês

Atendimento + Administrativo

Recomendado

Pacote 03 · Pro

R$ 597/mês

Núcleos + Pedidos, Cozinha, Logística, Cashback + 1 add-on

Pacote 05 · Max

R$ 997/mês

Todos os 12 módulos liberados

Card MUI v5 com shipTheme
Pizzaria Atlântico

4 unidades · Recife/Olinda · plano Pro · 8 de 12 módulos ativos.