Marca
Un destello de idea, antes de tener forma, antes de poder perderse. Wispu es el lugar donde el wisp aterriza y se vuelve tuyo. Esta página es la referencia pública de la marca: la historia, el nombre, la marca visual, la voz. Úsala para hablar de nosotros, diseñar con nosotros o construir a nuestro lado.
El nombre
Dos mitades, cada una sosteniendo la mitad del producto.
wisp
Un rastro fino y fugaz. Un rizo de humo. Un will-o'-the-wisp flotando sobre los pantanos. En inglés, a wisp of an idea es el instante en que un pensamiento empieza a formarse, antes de tener forma, antes de poder perderse. Toda gran pieza de contenido empieza acá.
+ u
Tuyo. Tu marca, tu voz, tu punto de vista. El punto sobre la ı sin tilde en el wordmark marca el instante en que el wisp aterriza y recibe un nombre. Es la parte que casi todas las herramientas se saltan. Es donde las ideas dejan de ser tuyas y empiezan a sonar como las de cualquier otro.
El producto hace lo que el nombre promete: atrapa el wisp, lo asienta en tu marca y lo convierte en algo listo para publicar.
Logo
El lockup combina la elipsis wisp pelada (tres dots, sin placa) con el wordmark en minúsculas. Iso y wordmark comparten el mismo fill, así el lockup se lee como una sola unidad tipográfica. La marca es totalmente monocromática, sin evento cromático — la 'i' usa el punto nativo de la tipografía, sin punto flotante de color. La placa squircle queda reservada para el favicon, donde el iso tiene que pelear por atención en una pestaña del navegador. Vienen dos variantes: fill oscuro para superficies claras, fill claro para oscuras. Renderiza siempre en tamaños donde el dot más chico del iso quede ≥3px de ancho; más chico que eso, el cluster colapsa en una sola masa visual.
Espacio libre
Reserva al menos la altura del propio wordmark en cada lado. Sin texto, sin ornamento, sin borde de contenedor dentro de ese margen.
Tamaño mínimo
No lo uses por debajo de 80px de ancho. El punto de la i pierde legibilidad antes que las letras. Chequea el punto a tu tamaño objetivo.
Ícono
Tres dots dispuestos como un trail de wisp. El trío se lee como el signo de elipsis, un pensamiento todavía formándose, suspendido, trailing. Es la etimología del nombre dibujada directo en el iso: a wisp of an idea es el instante en que un pensamiento empieza a formarse, antes de tener forma. En el favicon los dots van en un degradé blanco a gris suave, como vapor sobre la placa negra. En el lockup los dots se aplanan al color del wordmark, así iso y wordmark se leen como una sola unidad tipográfica monocromática. Sobrevive a 16×16 px.
16px
32px
64px
128px
16px sobre oscuro
32px sobre oscuro
64px sobre oscuro
128px sobre oscuro
Color
La paleta es deliberadamente angosta. El verde Wispu es el único acento cromático que usa la app. Los cinco pasteles de marketing viven solo en este sitio, aplicados como tintas de ilustración y acentos de persona.
Wispu Green
#10B981
CTA principal, punto del wordmark, punto-idea del favicon, subrayado de links del footer
Verde Hover
#0EA66B
Estado hover del CTA principal
Fondo
#FFFFFF
Fondo de página, modo claro
Texto
#252525
Texto de cuerpo, superficies UI oscuras
Muted
#F5F5F5
Superficies secundarias, bandas tintadas
Borde
#E8E8E8
Líneas finas, divisores, ring-1
Crema marketing
#F5F4EE
Crema cálido. Solo en rutas (marketing)
Peach
#F4C89A
Tile de persona: Marcas personales
Teal
#9ECECF
Tile de persona: Agencias (NO el verde de marca)
Mustard
#E1CD7E
Tile de persona: Equipos in-house
Lavender
#C5B8E0
Tile de persona: Dueños de negocio
Rose
#E5A9AC
Acento sutil: testimonios, ilustraciones
Tipografía
Geist corre toda la app y el cuerpo de este sitio. Fraunces lleva los titulares display de marketing (h1, h2) cuando hace falta peso editorial. El propio wordmark va en una sans bold del sistema (cuestión aparte de la tipografía de cuerpo).
Sans · cuerpo y UI
El sistema operativo de marketing donde humanos y agentes IA hacen marketing.
Serif display · h1/h2 de marketing
Donde humanos y agentes IA colaboran para hacer marketing épico.
Display · h1
Titular
Sección · h2
Encabezado de sección
Lead
Párrafo lead debajo del titular.
Cuerpo
Texto de cuerpo. El tamaño de lectura por defecto para prosa.
Pequeño
Captions, notas al pie, metadata.
Overline
Etiqueta de sección
Voz
Wispu habla como un instrumento de precisión. Opinada, llana, sin buzzwords. Asume que quien lee es competente.
decimos esto
“Una idea se vuelve diez formatos. Cada borrador arranca desde tu contexto de marca, no desde un prompt en blanco.”
no decimos esto
“Desbloquea flujos revolucionarios de contenido potenciados por IA que potencian la productividad de tu equipo a escala.”
No hacer
Sin gradientes arcoíris
La marca tiene un acento. Los gradientes multicolor nos arrastran al territorio de las herramientas generativas de imagen, que no es nuestra categoría.
Sin sombras en el texto
Las sombras van en cards, modales y popovers. Nunca en la tipografía. Usa peso y contraste de color en su lugar.
Sin violeta
El violeta marca "startup de IA circa 2023". Quédate en verde y neutros.
Sin emojis como UI
Los emojis decorativos en la UI del producto se leen como juguete. Resérvalos para superficies de mensajería y output del chat.
No cortes el wordmark
Renderiza siempre la palabra completa + el punto de la i. Usa el ícono cuando el espacio sea limitado, nunca un wordmark recortado a medias.
No recolorees el wordmark
Negro sobre claro, blanco sobre oscuro. El punto teal de la i es el único evento cromático de la marca.