Sombras

Tokens de sombra para un sistema de diseño estable entre varios equipos

Dmitriy Hulak
Dmitriy Hulak
4 min de lectura0 vistas

Tokens de sombra para un sistema de diseño estable entre varios equipos

Los tokens de sombra eliminan discusiones subjetivas en los pull requests y hacen que el desarrollo avance mas rapido.

Set de tokens

  • shadow-sm para separaciones sutiles
  • shadow-md para superficies interactivas
  • shadow-lg para overlays, modales y capas superiores

Gobernanza

Versiona los tokens en un lugar central y publica cada cambio con notas de migracion claras.

Beneficio

Varios equipos pueden lanzar funcionalidades sin romper la misma logica de profundidad visual en todo el sistema.

Publicaciones relacionadas

Sigue leyendo sobre temas relacionados.

Como crear una escala de elevacion para las sombras del productoComo definir tokens reutilizables de elevacion para sombras, desde cards hasta dialogs, manteniendo una profundidad coherente en toda la interfaz.Gradient borders en capas para una UI de marca mas distintivaComo crear gradient borders en capas para hero cards y callouts sin ensuciar la interfaz ni complicar el producto.Dominar CSS box-shadow: guia completaAprende todo sobre CSS box-shadow desde lo basico hasta tecnicas avanzadas. Crea profundidad, neumorphism y sombras mas realistas.Sombras realistas para cards sin exagerar el blurComo crear profundidad realista en cards usando capas de sombra, spread controlado y opacidad coherente, en lugar de un blur gigante.

Comments

0

Sign in to leave a comment.

No comments yet. Be the first.