Inventor Ilogic — Design Foundations
Visual smoke test for Story 1.15 design tokens. Migrate to Storybook on Story 1.16.
Colors — Neutrals
--color-neutral-0
#FFFFFF
--color-neutral-50
#F8FAFC
--color-neutral-200
#E2E8F0
--color-neutral-500
#64748B
--color-neutral-700
#334155
--color-neutral-900
#0F172A
Colors — Brand
--color-brand-300
#93C5FD
focus ring
--color-brand-600
#2563EB
CTA primary
--color-brand-700
#1D4ED8
CTA hover
Colors — Semantic
--color-success-600
#16A34A
BG / icon
--color-success-700
#15803D
text on light
--color-warning-600
#D97706
BG / icon
--color-warning-700
#B45309
text on light
--color-danger-600
#DC2626
BG / icon
--color-danger-700
#B91C1C
text on light
--color-info-600
#0284C7
BG / icon
--color-info-700
#0369A1
text on light
Typography Scale
Display 48.83px
Heading 1 — 39.06px
Heading 2 — 31.25px
Heading 3 — 25px
Heading 4 — 20px
Body large — 16px
Body default — 14px
Small — 13px
Extra small — 12px
IL-2026-0034 v1.0 · 3000mmSpacing Scale
--spacing-1
4px
--spacing-2
8px
--spacing-3
12px
--spacing-4
16px
--spacing-6
24px
--spacing-8
32px
--spacing-12
48px
--spacing-16
64px
--spacing-24
96px
Norma colors (badges only)
NR-12ValeABNTPetrobrasAnglo
Story 1.15 demo page — remove or migrate to Storybook stories on Story 1.16.
Sua privacidade
Usamos cookies para melhorar sua experiência. Necessários estão sempre ativos. Funcionais e Analytics são opcionais e você decide. Saiba mais.