Personalización

Cómo se ve Polaris para tu empresa.

Los nombres de token de esta pantalla no existen en el tema

En el Figma	En el tema real
surface.base	surface.base
surface.canvas	— no existe
surface.panel	surface.raised
surface.elevated	surface.sunken
surface.translucent	— no existe
border.default	border.default
border.active	border.strong o border.focus

El backend sólo guarda marca, no superficies

enterprise-branding tiene nueve campos: tres colores, cuatro imágenes, fontFamily y customCss. Esta pantalla está rehecha sobre esos nueve. ⚠️ El último no se edita aquí a propósito: inyectar CSS arbitrario por empresa es una superficie de ataque sin discutir (P-12).

LogotipoFondo transparente.

Logotipo en oscuroPara el esquema oscuro.

FaviconCuadrado, para el carril.

Portada1600 × 600.

Colores de marca

Primario

#0077d6

Secundario

#101520

Acento

#88dcf6

TipografíaDebe estar disponible en el sistema o servirse desde el ecosistema.

Vista previa

Aceros del Centro

Botón primario

El contraste se comprueba solo

El tema calcula la tinta que toca sobre cada color — WorstInk, inkFloor — y rechaza combinaciones que no llegan a AA. La pantalla del Figma no lo menciona.