AGÊNC[IA] TLX//Design System//v2.0
06

Icons

Lucide icons. Stroke-only, currentColor, WCAG-compliant. Grid canonico 24x24px.

Tamanhos

16px

stroke: 1.5px

Inline text, badges

20px

stroke: 1.75px

UI padrao, inputs

24px

stroke: 2px

Default, cards, nav

32px

stroke: 2px

Feature sections, hero

Diagnostico e Analise

search
scan-eye
bar-chart-3
trending-up
pie-chart

Construcao e Projeto

layout-template
blocks
settings-2
wrench

Resultado e Crescimento

target
rocket
award
zap

Relacionamento e Parceria

handshake
users
heart-handshake

IA e Tecnologia

brain-circuit
cpu
bot

Comunicacao e CTA

message-circle
phone
mail
calendar
external-link

UI e Navegacao

check
x
chevron-right
chevron-down
arrow-right
menu
sun
moon

Regras de Uso

Stroke-only, sem fills

Icones exclusivamente outline. Nenhum fill para formas (exceto fill='none').

currentColor

Todos usam stroke='currentColor' para herdar cor do elemento pai via CSS.

Stroke width consistente

2px no tamanho canonico (24px). Proporcional em tamanhos menores.

Linecap/linejoin round

Terminacoes arredondadas comunicam a personalidade proxima da TLX.

ViewBox canonico

Sempre viewBox='0 0 24 24'. Escala via width/height, nunca alterando viewBox.

Touch target 44x44px

Areas clicaveis com icones devem ter minimo 44x44px (WCAG 2.5.8).