Pregazzi
Caso de estudio — 007 · Leteare

Leteare

Sistema de diseño para Leteare, la suite social con IA para planificar, crear, programar, publicar y analizar contenido: de la marca a la interfaz.

Sistema de diseñoBranding & IdentidadWeb & Producto Digital
Leteare
ClienteLeteare
Año2026
ServiciosBranding & Identidad · Web & Producto Digital

El desafío

Leteare reúne todo el trabajo de las redes sociales en un solo espacio con IA, para equipos y creadores, en español y en inglés. Llega a una categoría llena de herramientas veteranas, así que necesitaba una identidad que se reconociera al instante y un producto que se sintiera fácil desde el primer uso. Partíamos del símbolo, una lámina de color y la familia Gotham; no había ninguna interfaz previa.

El enfoque

Construimos una identidad de dos colores: azul cobalto para dominar y accionar, rosa chicle para acentuar, sobre crema cálida y con tinta para el texto, en proporción 60/30/10. La doble L, la inicial duplicada que se lee como avance y como «listo», firma junto a un logotipo en Gotham Medium, y Gotham, en sus dieciséis caras, lleva toda la voz. Esquinas generosas, sombras frías, superficies vivas para los datos que importan y cuatro auroras de gradiente reservadas al marketing, porque el producto es plano. La voz es la de un copiloto: la IA sugiere y la persona decide.

Marca · qué es
Marca · qué es
Marca · la doble L
Marca · la doble L
Marca · construcción del lockup
Marca · construcción del lockup
Marca · versiones del símbolo y del lockup
Marca · versiones del símbolo y del lockup
Marca · área de protección, tamaños mínimos y usos incorrectos
Marca · área de protección, tamaños mínimos y usos incorrectos
Color · dos colores y su proporción
Color · dos colores y su proporción
Color · escalas y estados
Color · escalas y estados
Color · combinaciones y superficies vivas
Color · combinaciones y superficies vivas
Color · gradientes Mesh Aurora
Color · gradientes Mesh Aurora
Tipografía · Gotham
Tipografía · Gotham
Tipografía · escala
Tipografía · escala
Tipografía · etiquetas
Tipografía · etiquetas
Fundamentos · espacio, radios, sombras y movimiento
Fundamentos · espacio, radios, sombras y movimiento
Iconografía y canales
Iconografía y canales
Componentes · botones
Componentes · botones
Componentes · formularios
Componentes · formularios
Componentes · tarjetas
Componentes · tarjetas
Componentes · avisos y navegación
Componentes · avisos y navegación
Voz y contenido
Voz y contenido
Producto · inicio
Producto · inicio
Producto · crear con IA
Producto · crear con IA
Producto · calendario
Producto · calendario
Producto · analíticas
Producto · analíticas

Los resultados

El resultado es un sistema completo: 16 componentes en React, 6 variantes del símbolo, 4 gradientes exportados en 12 fondos y un UI kit con acceso, inicio, creación con IA, calendario y analíticas. Todo sale de los mismos tokens, así que la marca y el producto hablan igual.

16Componentes
2Colores de marca
16Caras de Gotham
4Gradientes