Saltar al contenido
E-commerce

Oatly

Antidiseño llevado con enorme disciplina: tipografía dibujada a mano, texto larguísimo donde nadie lo pondría y un tono de voz que es la mitad del diseño. Funciona porque la retícula y el color están perfectamente controlados por debajo.

AntidiseñoManuscritoTono de vozColor
oatly.com Escritorio
Captura completa de oatly.com en escritorio
Captura completa de oatly.com en móvil
Móvil

Capturas de la web real. Desplázate dentro de cada marco para recorrerla.

La sensación

Cartón de leche que te habla: descarado, artesano y divertido.

Sistema de diseño Extraído de la web

Colores

Fondo
#fffef6
Texto
#000000
Acento
#fbcccc
Superficie
#000000
Borde
#000000
Paleta: #fbcccc #fffef6 #000000 #98c5d3 #fdcf85

Tipografía

Margo Pro Regular Titulares
Escala 32px27px15px

Pesos: 400 · 500 · 700

Espaciado, bordes y layout

Escala de espaciado
8 · 12 · 16 · 20 · 24 · 32 px
Unidad base
4px
Radios
Pastilla
Borde
1px #000000

Referencia de estilo de un tercero. AIGiner no está afiliada ni patrocinada por Oatly; la marca, el diseño y el contenido pertenecen a sus titulares. Se muestra con fines ilustrativos. ¿Eres el titular y prefieres que lo retiremos? Escríbenos.

Páginas parecidas

Ver todas
aesop.com
Captura de la web de Aesop

Diseñamos webs a este nivel

Cuéntanos tu marca, lanzamiento o evento y te proponemos una web creativa con esta atención al detalle y este acabado.