Token Foundations

Superfície e Estilo

Nosso sistema de superfícies e estilos dá vida à interface. Controlamos a luz e a sombra como artistas, criando profundidade e guiando o olhar com sutileza. Cada superfície, com suas bordas e cantos precisos, pulsa com a Marca. Uma experiência imersiva, intuitiva e que eleva o design a um novo nível de beleza e funcionalidade!

Sombras - Luz direta

C4

Shadow

X=0

Y=0

Blur: 4%

Cor: HEX 3A3A43

Opacidade: 40%

C8

Shadow

X=0

Y=0

Blur: 8%

Cor: HEX 3A3A43

Opacidade: 56%

R4

Shadow

X=2

Y=2

Blur: 4%

Cor: HEX 3A3A43

Opacidade: 40%

R8

Shadow

X=4

Y=4

Blur: 8%

Cor: HEX 3A3A43

Opacidade: 56%

Sombras - Luz difusa

C12

Shadow

X=0

Y=0

Blur: 12%

Spread: 2%

Opacidade: 14%

C16

Shadow

X=0

Y=0

Blur: 16%

Spread: 4%

Opacidade: 16%

R12

Shadow

X=4

Y=4

Blur: 12%

Spread: 2%

Opacidade: 14%

R16

Shadow

X=6

Y=6

Blur: 16%

Spread: 4%

Opacidade: 16%

Desfoque

Desfoque 2%

Desfoque 4%

Desfoque 8%

Desfoque 12%

Token Foundations

Superfície e Estilo

Nosso sistema de superfícies e estilos dá vida à interface. Controlamos a luz e a sombra como artistas, criando profundidade e guiando o olhar com sutileza. Cada superfície, com suas bordas e cantos precisos, pulsa com a Marca. Uma experiência imersiva, intuitiva e que eleva o design a um novo nível de beleza e funcionalidade!

Sombras - Luz direta

C4

Shadow

X=0

Y=0

Blur: 4%

Cor: HEX 3A3A43

Opacidade: 40%

C8

Shadow

X=0

Y=0

Blur: 8%

Cor: HEX 3A3A43

Opacidade: 56%

R4

Shadow

X=2

Y=2

Blur: 4%

Cor: HEX 3A3A43

Opacidade: 40%

R8

Shadow

X=4

Y=4

Blur: 8%

Cor: HEX 3A3A43

Opacidade: 56%

Sombras - Luz difusa

C12

Shadow

X=0

Y=0

Blur: 12%

Spread: 2%

Opacidade: 14%

C16

Shadow

X=0

Y=0

Blur: 16%

Spread: 4%

Opacidade: 16%

R12

Shadow

X=4

Y=4

Blur: 12%

Spread: 2%

Opacidade: 14%

R16

Shadow

X=6

Y=6

Blur: 16%

Spread: 4%

Opacidade: 16%

Desfoque

Desfoque 2%

Desfoque 4%

Desfoque 8%

Desfoque 12%