Deprecated · 2020-2024

Design system de transição do VTEX Admin

Tokens semânticos, VTEX Trust typography e arquitetura de design mais madura. O sistema que preparou o caminho para o Shoreline.

6
Categorias de tokens
2020
Lançamento
VTEX Trust
Typeface

Evolução arquitetural significativa

Tokens semânticos organizados por função, não por aparência visual.

Semantic Tokens

Cores nomeadas por função: main, critical, warning, positive, neutral, info. Intenção clara no código.

VTEX Trust Font

Tipografia proprietária desenhada para o ecossistema VTEX. Legibilidade otimizada para interfaces densas.

Design Tokens System

Sistema de tokens estruturado para cores, espaçamentos, tipografia e sombras consistentes.

Component Library

Componentes React refatorados com melhor tipagem TypeScript e padrões de acessibilidade.

Bridge para Shoreline

Arquitetura que facilitou a migração gradual para o novo design system Shoreline.

Admin Focused

Otimizado para interfaces administrativas complexas com alta densidade de informação.

Semantic Color Tokens

Cores organizadas por intenção, não por valor visual.

Main
#2953B2
Critical
#DA3561
Warning
#FFAB00
Positive
#368369
Neutral
#545454
Info
#2953B2

Status do sistema

Admin UI está deprecated. Novos projetos devem usar Shoreline.

Legacy
Manutenção

Projetos existentes ainda em Admin UI.

  • Bug fixes críticos
  • Security patches
  • Sem novas features
  • Suporte limitado
Documentação
Styleguide
Archived

O predecessor do Admin UI.

  • Somente leitura
  • Sem atualizações
  • Referência histórica
Ver arquivo

Hora de migrar para o Shoreline

O Admin UI cumpriu seu papel de transição. O Shoreline traz arquitetura composable moderna e melhor developer experience.

Conhecer Shoreline