lions intelligence · biblioteca de componentes
três peles, mesma rampa. 360 institucional (azul), atendeaí,oh produto (verde no cta, texto ink), tekhelet prime (abyss, jost). se o que você precisa não está aqui, avise antes de desenhar do zero.
01
360: primário azul + branco. atendeaioh: primário verde + ink (branco no verde falha contraste). tekhelet: primário azul, sem pill.
02
aceita cnpj com ou sem pontuação
endereço incompleto
todo campo tem rótulo visível. erro sempre em texto, nunca só em cor.
03
mono, caixa alta. cor nunca é o único sinal.
04
fundo e card são ambos claros na 360 — por isso o card sempre leva borda.
fundo blue-900. reservado para sumário, valor, conclusão.
75M+
registros processados
+12% no trimestre
05
| alvo | tipo | status | score |
|---|---|---|---|
| empresa alfa ltda | societária | concluído | 8,4 |
| grupo beta s.a. | patrimonial | em análise | — |
| gama participações | contratos | risco alto | 3,1 |
06
07
quando você rodar a primeira consulta, ela aparece aqui.
08
09
display 1
display 2
título h1
título h2
título h3
lead — 19px, entrelinha 1,55.
corpo — 17px, entrelinha 1,6, medida travada em 66 caracteres.
caption — 13px, metadado e nota.
kicker em jetbrains mono
10
confirmação de decisão que custa. fecha com esc e clique no fundo. ação principal à direita.
gate g3 · orçamento
Nenhum render acontece sem este teto aprovado.
11
abertura de produto: kicker, display, lead, ações e vitrine com estado real.
lions intelligence
Você dirige. A IA produz. Bíblia travada, orçamento aprovado antes de qualquer render.
estado do estúdio
backends mock · custo simulado
12
classes .tk-* da spec prime — não é 360 recolorida. use em peça escrita do zero.
pele prime
abyss, platina, jost fino
fundo #020814. joia #2969FF no máximo três pontos. padding mínimo 40px.