amana

Identidad visual y sistema de color accesible — paleta 2 "Oliva revisada"

Revisión 2 — contraste WCAG AA verificado
IMAGOTIPO SELECCIONADO Imagotipo de Amana
PROTECCIÓN
VÍNCULO
HOGAR
MATCH PERFECTO
Paleta de color — modo claro
PALETA 2 — OLIVA REVISADA
#4E5F49Marca · acción
#A9B59CDecorativo
#DCCFB1Decorativo
#F6F4EEFondo
#A97C5AAcento

Colores principales para interfaces, contenido y materiales en modo claro. Texto principal sobre el fondo: #2F3A2C (10,8:1).

Paleta de color — modo oscuro
PALETA 2 — OLIVA REVISADA
#F1EFE7Texto
#B7C3A8Texto suave
#DCCFB1Enlaces
#2F3A2CFondo
#B38462Acento

Colores principales para interfaces, contenido y materiales en modo oscuro. El acento terracota no se usa como fondo de botón con texto claro: ver revisión.

Variantes de accesibilidad (WCAG AA) Derivadas en OKLCh · no sustituyen a la paleta

Los colores de marca se mantienen intactos. Estas variantes cubren los usos en los que un color de la paleta no alcanza el contraste mínimo exigido: 4,5:1 para texto normal y 3:1 para texto grande y elementos no textuales. Se obtienen conservando tono y croma del color original y ajustando solo la luminosidad.

MODO CLARO

#926645Texto y enlaces de acento. Sustituye a #A97C5A, que da 3,3:1
4,54:1
#869179Borde de campos de formulario y controles
3,01:1
#374833Hover del botón principal
8,93:1
#283824Estado pulsado del botón principal
11,4:1

MODO OSCURO

#C69673Botón principal, con texto #2F3A2C encima
4,55:1
#73856DBorde de campos de formulario y controles
3,01:1
#3B4638Superficie elevada: tarjetas sobre el fondo
—
#B7C3A8Texto secundario (color de marca, ya cumple)
6,46:1

ESTADO DE ERROR — NO EXISTÍA EN LA PALETA

#B3261EError, destructivo y validación en modo claro
5,94:1
#F2B8B5Error, destructivo y validación en modo oscuro
6,98:1
Uso restringido#A97C5A y #B38462 solo en superficies, iconos grandes y titulares
< 4,5:1
Solo decoraciónSalvia y arena sobre fondo claro: 1,9:1 y 1,4:1. Nunca texto ni bordes
< 3:1
Tipografías de marca USO LIBRE Y GRATUITO / OPEN-SOURCE
1. COMFORTAA

Logotipo, titulares cortos, acentos de marca. Solo en tamaños grandes.

amana
Aa Bb Cc 123
2. MANROPE

Web, interfaz, textos de apoyo, botones. Es la familia de trabajo.

Manrope
Aa Bb Cc 123
3. FRAUNCES

Carteles, titulares editoriales, piezas destacadas.

Fraunces
Aa Bb Cc 123
Usos del isotipo (aplicación / favicon)
Isotipo en verde sobre fondo claro
Isotipo en hueso sobre fondo verde

Sencillo, reconocible y legible en cualquier tamaño. Sobre fondo oscuro, el logo va en #F1EFE7.

Usos en plataforma web — modo claro

Conectamos vidas,
creamos hogares

Encontramos a cada animal la familia que mejor encaja con él.

✓Botón principal #4E5F49 con texto #F6F4EE — 6,25:1. Sin cambios respecto a la versión anterior.

Usos en plataforma web — modo oscuro

Conectamos vidas,
creamos hogares

Encontramos a cada animal la familia que mejor encaja con él.

!Único cambio de la revisión 2: el botón pasa a #C69673 con texto #2F3A2C (4,55:1). Antes era #B38462 con texto claro: 2,85:1, incumplía AA.