// SERENIA

Blueberry + Cream Soda

Serenia — V2, tercera generación de identidad visual

Producto

App Flutter de meditación guiada (iOS/Android)

Fuente de verdad

app_colors.dart en código — el Figma va parcialmente rezagado

Generaciones

Tres — "Harmonie" → V1 "Serenía" → V2 "Serenia"

Estado

Migración activa — código en V2, arte y Figma poniéndose al día

Cómo se construyó — generaciones

Pre-rebrand

"Harmonie" — dirección de arte cósmica

Nunca fue un sistema de tokens formal, sino una dirección de arte: fotografía IA de nebulosas y espacio (session-art/*.jpg). Quedó huérfana a propósito cuando llegó V1 — 5 archivos sin referencias.

"Serenía" (con tilde) — violeta/esmeralda/coral/rosa

Primer sistema de tokens real: gradiente de marca violeta→esmeralda, dos fondos de pantalla en gradiente de 3 paradas, Sora SemiBold + Inter. Ya acá había drift interno: Button/Badge en Figma quedaron en un gradiente viejo (#7C9CFF → #9BE8C4) que nunca se alineó al gradiente "correcto" documentado.

#6C63FF violeta#3DDC97 esmeralda#FF8F6B coral#FF5C8A rosa/bloom

"Serenia" (sin tilde) — Blueberry + Cream Soda

Rebrand cromático completo: fondo profundo "blueberry night" (#0D1329), azul blueberry como acento, amarillo cream soda como CTA. El cambio es sobre todo de acento y profundidad de fondo — los neutros de superficie y texto son exactamente los mismos valores que en V1. La tipografía tampoco cambió (sigue Sora + Inter). También se corrigió el naming: "Serenía" → "Serenia" sin tilde.

#6082FF blueberry#FFD15C cream soda

Tokens

background#0D1329"Blueberry night" — fondo base

surface#171B22Heredado sin cambios desde V1

surfaceElevated#1F2530Modales, cards elevadas

card#2E3654Cards de Home/Today — nuevo en V2

tabBar#121729Nuevo en V2

primary#6260FFAcento principal

cta#FFD15CCream Soda — CTA principal

accentLavender#E4E4FFSecundario — reemplaza a la esmeralda de V1

accentSunset#FF8F6BAcento cálido residual (sobrevive de V1)

textPrimary#F5F6FAHeredado sin cambios desde V1

textSecondary#9AA1B0Heredado sin cambios desde V1

success#3DDC97Único semántico que sobrevive intacto de V1

error#FF6B6BHeredado sin cambios desde V1

Gradientes

ctaGradient

#FFD15C → #FFC43D

primaryGradient

blueberry → accentLavender

screenGradientBlueberry

fondo full-bleed V2 — screenGradientA es alias

Tipografía

Sora SemiBoldTítulos — sin cambios desde V1

InterCuerpo de texto — sin cambios desde V1

Los 7 personajes — estado del rediseño

LotoMascota de marca — splash, paywall, onboarding. Asset es raster (PNG), no vector puro.Rediseñado V2

ChispaEnfoque / racha / energíaRediseñado V2

DestelloLogros / celebraciónRediseñado V2

GotaCalma / ansiedad / avatar del Coach IAOriginal, sin cambios

NimboSueño / dormirRediseño sin decidir

CocoEstados neutros (sin conexión)Rediseño sin decidir

BroteCrecimiento / empty statesRediseño sin decidir

Paleta retirada — no reintroducir

#6C63FF violeta#3DDC97 esmeralda#FF8F6B coral#FF5C8A rosa/bloom

Brechas conocidas

→ Figma va detrás del código: Button/Badge siguen en un gradiente que Flutter ya no usa.
→ Arte de personajes a medio migrar: 3 de 7 ya redibujados para V2, los otros 3 sin decisión.
→ Renders finales pendientes: los 7 personajes necesitan pulido en Magnific para fidelidad 100% V2.
→ Catálogo de contenido puente: títulos ya reales, audio detrás sigue siendo el mp3 viejo.

Estado actual

Código en V2 es la fuente de verdad real y actualizada — Figma y el arte de personajes van parcialmente rezagados detrás del código, no al revés.

← Design Systems