Moodinary/UI
Marca · Color

Color de marca

Navy y teal son Moodinary. El color de cada organización vive solo en su formulario público.

Colores de marca

Navy#0f2868

BRAND_PRIMARY. Logo, panel, informes, QR, gráficos.

Teal#008477

BRAND_SECONDARY. Acentos de marca, nunca para ánimo.

Niebla#eef1f6

Fondo claro de marca.

Blanco#ffffff

Texto sobre navy y teal.

ts
import { BRAND_PRIMARY, BRAND_SECONDARY } from "@moodinary/ui/lib/brand-palette";
// BRAND_PRIMARY = "#0f2868", BRAND_SECONDARY = "#008477"

Rampa de ánimo

Cinco tonos, uno por nivel. Se usan solo para ánimo y siempre junto a la palabra, nunca como decoración ni como color de marca.

1Muy mal
2Mal
3Neutral
4Bien
5Muy bien

Color de la organización

Solo el formulario público de pulso se pinta con el color de la organización. El panel, el QR impreso, el afiche, los informes, los gráficos y los avatares sin logo quedan en navy Moodinary.

El color elegido nunca entra crudo: snapToBrandColor() lo lleva a la luminosidad del navy, limita la saturación y lo ajusta a una rueda de 12 tonos. Así el texto blanco siempre se lee. Probalo:

a
#5c0703Enviar respuesta
tsx
import { snapToBrandColor } from "@moodinary/ui/lib/brand-palette";

const org = snapToBrandColor(input) // input inválido devuelve BRAND_PRIMARY