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. La u es la persona que le da contexto y nombre al wisp. Es la parte que casi todas las herramientas se saltan. Es donde una idea genérica se vuelve inequívocamente tuya.
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 dot más chico del wisp pierde separación antes que las letras. Chequea el cluster completo al 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 estrecha. Citrine Signal es el único acento cromático de marca; funciona como relleno y wash con tinta oscura encima, nunca como texto. Los tonos joya aparecen solo como marcas de datos dentro de mockups del producto.
Citrine Signal
#E5FF5D
El único acento cromático cotidiano: highlights, chips, checks y washes contenidos. Se combina con tinta oscura; los CTA principales siguen near-black.
Citrine Deep
#B8CF00
Bordes, rings y marcas sólidas pequeñas donde Signal queda demasiado pálido. No es un fill de CTA.
Canvas de marketing
#F7F7F8
Un gris de marca continuo; las secciones nunca alternan fondos.
Fondo
#FFFFFF
Base de la app y superficies blancas contenidas
Texto
#0A0A0A
Texto de cuerpo, superficies UI oscuras
Apagado
#F4F4F5
Controles contenidos, hover fills y chrome de mockups
Borde
#E6E7E9
Líneas finas, divisores, ring-1
Amber
#FFB020
Serie diferenciada dentro de charts y mockups del producto únicamente
Signal Blue
#3B9EFF
Serie diferenciada dentro de charts y mockups del producto únicamente
Pulse Green
#3AD389
Serie diferenciada dentro de charts y mockups del producto únicamente
Iris Violet
#8B7CF6
Serie diferenciada dentro de charts y mockups del producto únicamente
Coral
#FF6465
Serie diferenciada dentro de charts y mockups del producto únicamente
Tipografía
Geist corre toda la app y el cuerpo de este sitio. Anybody lleva los titulares display de marketing (h1, h2) con una voz sans segura y expresiva. Caveat queda reservada para anotaciones manuscritas y kickers de marketing. El wordmark monocromático usa un tratamiento Geist pesado.
Sans · cuerpo y UI
El sistema operativo de marketing donde humanos y agentes IA hacen marketing.
Sans display · h1/h2 de marketing (Anybody)
Donde humanos y agentes de IA hacen marketing que suena a ti.
Hand · solo anotaciones y kickers de jobs
Una nota al margen, nunca copy de cuerpo.
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 en el chrome de marca
El violeta grita 'startup de IA de 2023'. Puede diferenciar una serie de datos, nunca un CTA, acento de sección o marca visual.
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 el wordmark completo. 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 lockup es totalmente monocromático; usa Citrine a su alrededor, nunca adentro.