Kit de marca y logotipos

Mantén el logotipo, los colores y la tipografía consistentes en todas las construcciones fluos.

Marca en fluos

No hay una pantalla de configuración de Kit de marca en fluos. Tu marca está bloqueada por dos cosas: los activos que guardas en la Biblioteca y un fragmento que contiene tus reglas, el cual se aplica automáticamente a cada mensaje en el espacio de trabajo.

Un kit de marca práctico para un proyecto es:

  1. Logotipo — prefiere SVG
  2. Colores — tokens hex o nombrados
  3. Tipografía — preferencias de pantalla + cuerpo
  4. Haz / no hagas — restricciones breves

Sube tu logo (SVG preferido)

Chat y biblioteca aceptan SVG (image/svg+xml) junto con PNG, JPG, GIF y WEBP (imágenes de hasta 10 MB).

Cuando adjuntas un logo SVG, fluos lo trata como marcado vectorial que el agente puede incrustar en la composición. Eso desbloquea movimiento a nivel de ruta (dibujo de trazo, revelado de relleno, morfología, formas escalonadas). Un logo PNG/JPG también funciona, pero la animación se limita a transformaciones, máscaras y efectos sobre la imagen plana.

Usa el logotipo SVG adjunto para la tarjeta final.
Anima un efecto de trazo-revelación, luego mantén en el marcador + URL.
No redibujes ni aproximes el logotipo.

Bloquear colores y tipografía

Introduce las reglas de la marca en el primer mensaje, en el plan o, lo mejor, en un fragmento guardado:

Marca:
- Logo: adjunto brand.svg (en línea; nunca recrear)
- Colores: #0A0A0A, #F06E2C, #FAFAF9
- Tipografía: sans geométrica en negrita para titulares; sans limpia para cuerpo
- Movimiento: seguro, no juguetón; sin easing de rebote
- Siempre terminar con logo + bloque URL

Guarda ese bloque una vez en Biblioteca → Fragmentos y cada proyecto del espacio de trabajo comenzará con la marca sin que tengas que volver a escribirlo. Consulta Prompts personalizados y fragmentos.

Imágenes de referencia vs Incrustadas

Para fotos, maquetas y tableros de estado de ánimo, el predeterminado es referencia — recrea la apariencia en HTML/CSS/SVG/GSAP en lugar de pegar el archivo en pantalla. Pide explícitamente cuando quieras que la imagen subida esté incrustada (héroe del producto, recorrido por captura de pantalla, etc.).

Los logotipos SVG predeterminados son en línea para poder animarlos. No pidas al agente que redibuje tu marca desde cero.

Logotipos Rasterizados

Si solo tienes PNG/JPG/WebP:

  • Sube el logotipo transparente de mayor resolución que tengas
  • Pide tratamientos de bloqueo de entrada, salida, brillo o tarjeta final
  • Prefiero cambiar a SVG más tarde para el trabajo de dibujo/morfología

Lista de verificación

  • Logotipo SVG adjunto (o PNG transparente nítido)
  • Colores hexadecimales nombrados una vez
  • Dirección del tipo especificada
  • Reglas de la tarjeta final / CTA especificadas
  • Guardado como un fragmento de espacio de trabajo para que se aplique en todas partes

Relacionados