Design system

Tarô com IA, sem pressa.

Cigana brasileira como base. Veludo e Celeste como temas para teste.

Ver as telas Cores e tipos

01 · Marca

O leque

Ícone do app

O leque abre três cartas.

Versões

Personas

LuaIA

Amor e relações

#E7B4D4

Cigana RosaIA

Baralho cigano

#EE8496

Dona CéliaIA

Sim ou não

#E08C60

ÍrisIA

Tarô e astrologia

#B0A3F2

ClaraIA

Autoconhecimento

#6CC6B4

EstelaIA

Carta do dia

#93C2EC

02 · Cor

Cor

Açafrão é ação. Ouro é matéria. Rosa é o caso.

Fundos

fundo-abismo#13060Catrás de tudo

fundo#1A0810fundo do app

superficie-1#2D0F1Bcartão

superficie-2#3B1523sheet

superficie-3#4C1C2Cpressionado

superficie-amor#4A1726atalho do amor

superficie-atencao#3E1A1Eponto de atenção

fundo-campo#25131Acampo

Ação e matéria

acao#EBA93Cação

acao-claro#F6C566ação clara

acao-escuro#B9781Cação escura

ouro#D9B36Cmatéria

ouro-claro#F6E3A9folha clara

ouro-escuro#8C6227folha escura

O caso e a brasa

rosa#E9A5A7o caso

rosa-claro#F5D0CBrosa claro

rosa-escuro#B9666Frosa escuro

terracota#C9653Fsó brasa

terracota-escura#6B2A1Efundo do verso cigano

Texto

texto#F8EBDDprincipal

texto-leitura#EBDCCBleitura

texto-2#C9AE9Fsecundário

texto-3#AC9083terciário

texto-sobre-ouro#2A0D12sobre ação

Estados

sucesso#8CC79Bsucesso

aviso#EE9A68aviso

erro#F47A72erro

Personas

persona-lua#E7B4D4Lua

persona-rosa#EE8496Cigana Rosa

persona-celia#E08C60Dona Célia

persona-iris#B0A3F2Íris

persona-clara#6CC6B4Clara

persona-estela#93C2ECEstela

Gradientes

botão

folha

selo

atalho do amor

Contraste

texto no fundo 16,5açafrão no fundo 9,5texto-3 no cartão 5,9tinta sobre ação 8,8

03 · Tipografia

Tipos

AaDisplay

AaLeitura

AaÊnfase

AaInterface

display40 / 42

Boa noite, Jéssica

titulo-131 / 34

Três cartas sobre quem não sai da sua cabeça

titulo-221 / 24

Casos abertos

sintese25 / 28

Escolher é parte do caminho.

voz19 / 26 itálico

A Lua está lendo suas cartas.

leitura17,5 / 28

Os Enamorados falam de escolha. A pergunta agora é o que você escolhe.

botao17 / 22

Tirar minhas cartas

corpo15 / 20

Rafa, 3 leituras, ontem

apoio13 / 17

Última leitura há 5 dias

preco56 / 56

R$ 29,90

04 · Forma e matéria

Forma

xs · 5

sm · 10

md · 16

botao · 18

lg · 22

xl · 24

sheet · 34

pílula · 999

Materiais

Nível 1Cartão, lista, campo

Nível 2Selecionado, popover

VidroAbas, compositor, sheet

Ornamento

azulejo

passamanaria

bico de renda

losango

Máximo dois ornamentos por tela. Atrás de texto, nunca.

05 · Componentes

Componentes

Botões

Botão com preço e dataLinha do tempo

HojeAssina

14 novAviso

16 novRenova

Campos

Nome da pessoa

Em foco

Com erro

Data inválida.

Código

481

Seleção

Tenho 18 anos

PixCartão

Guardar meu histórico

Segmentado, chips, selos

AmorTrabalhoInvertida

Melhor preçoGrátis hoje3 de 5IA

Abas

Passos do ritual

Embaralhar

2Cortar

3Virar

Lista

Rafa3 leituras · ontem

Emprego novo1 leitura · há 5 dias

Apagar meus dados

Avisos

Leitura salva

Apoio

Você não está sozinha.

CVV 188, 24 horas. Emergência 192.

Carregando

A Lua está lendo suas cartas.

Estado vazio

Nenhum caso aberto.

Conversa

LuaIA

Os Enamorados falam de escolha. A pergunta agora é o que você escolhe.

E se eu não souber o que quero?

Pergunte à Lua

Ponto de atenção

Decidir por medo de perder costuma pesar mais que decidir por vontade.

Planos

06 · Cartas

Cartas

Frente, folha

Invertida

Borrada e bloqueada

Toque para virar

Verso do tarô

Verso cigano

Baralho cigano

O Cavaleiro

O Trevo

O Navio

O Coração

Tamanhos

mini 32

ritual 100

leitura 118

destaque 200

07 · Movimento, toque e som

Movimento

Molas

Mola	Rigidez	Amortec.	Uso
carta	180	20	Virar carta
monte	170	13	Monte volta
arrasto	320	26	Carta segue o dedo
leque	700	48	Corte em três
toque	420	30	Botão, escala 0,97
sheet	300	34	Sheet

Experimente

Com movimento reduzido, a virada vira esmaecer.

Hápticos

selection	Aba, chip, plano, passada
impact Medium	Escolher o monte, última carta
impact Soft	Carta pousa
impact Light	Carta a 90°
success	Pagamento confirmado

Som

Embaralhar, cortar, pousar, virar, revelar, pago

Só no ritual e no pagamento. Sem música. Desligado por padrão na web.

120 ms micro200 ms curta320 ms média520 ms longa

08 · Telas de exemplo

Telas

23:47.

Sábado, 18 de outubro

Boa noite, Jéssica

Lua IA

Tenho uma pergunta sobre alguém

Ela lembra do Rafa.

1 grátis hoje

Sim ou não rápido

Carta do dia

A Estrela

Casos abertos

Ver todos

Rafa3 leituras · ontem

Emprego novo1 leitura · há 5 dias

Início Casos Tiragem Diário Perfil

23:47.

Embaralhar

2Cortar

3Virar

Sua pergunta

O que eu escolho agora?

Toque no monte que chamar você.

23:47.

LuaIA

Carta 1 de 3 · Você

Os Enamorados

Escolha é o tema. Você está entre dois caminhos, e o que Rafa faz fica fora do seu alcance.

2ª vez no seu caso desde agosto

Ponto de atenção

Decidir por medo de perder costuma pesar mais que decidir por vontade.

Escolher é parte do caminho.

Pergunte à Lua

23:47.

A leitura inteira

Todas as cartas, uma a uma
Memória do seu caso
Pergunte de novo à Lua

HojeVocê assina

14 novAviso por e-mail

16 novRenova

Cancele em 1 toqueEstorno em 7 dias

09 · Temas

Três temas

Cigana, padrão

Boa noite, Jéssica

A Lua está lendo suas cartas.

Ponto de atenção

Vinho, açafrão, Gloock.

Veludo

Boa noite, Jéssica

A Lua está lendo suas cartas.

Ponto de atenção

Ameixa, ouro velho, Bodoni.

Celeste

Boa noite, Jéssica

A Lua está lendo suas cartas.

Ponto de atenção

Azul da noite, madrepérola, Jost.

	Cigana	Veludo	Celeste
Ação	Açafrão	Ouro velho	Madrepérola
Display	Gloock	Bodoni Moda	Jost 300
Leitura	Piazzolla	Literata	Figtree
Ornamento	Azulejo e renda	Capitonê	Estrelas

O seletor no topo troca a página inteira. No site, ?tema=veludo. No app, EXPO_PUBLIC_TEMA.

10 · Regras

Regras

Texto

Poucas palavras, uma frase curta por bloco.
Português do Brasil com acentos.
Sem travessão.
Nunca afirmar o que o outro sente.

Foco

Uma borda

Borda dupla

Campo: a borda muda de cor.
Botão e link: anel de teclado.

Acessibilidade

Contraste AA nos três temas.
Toque de 44 pontos no mínimo.
Movimento reduzido respeitado.
Estado nunca só por cor.