Sobre esta plantilla

Convix Software resuelve el problema de cada sección hero de un producto de IA o SaaS con un solo brief capturado. El color se limita a blanco #EDEDED de base, azul intenso #0B0F1A para la tipografía y rojo brillante #EF4D23 para los acentos y la página se compone en Inter. La ficha nombra el stack que produjo la página (React y Lucide icons) en lugar de esconderlo. Tenlo abierto mientras escribes: el brief de 5.587 caracteres es la parte que se traslada a tu propia página.

Pensado para

  • Quien usa un generador con IA y quiere un brief que ya incluya un marco de 800x578 en vez de dejarlo todo al modelo.
  • Este diseño de sección hero responde a quien construye y quiere saber qué controlan realmente un tamaño de display fijo de 22px y secciones de 100vh en la maquetación.
  • Pensado para responsables de contenidos que reescriben un diseño de sección hero cuyo titular tiene que seguir siendo tan largo como el de Convix Software.

Qué incluye

  • Una barra de navegación que no estorba. Los enlaces van en una sola línea y a un único tamaño, y la acción #EF4D23 cierra la fila por la derecha, de modo que el ojo termina donde acaba la navegación. Los enlaces se componen a un tamaño menor que la marca, y la acción en #EF4D23 es el único elemento de la barra con peso. Una acción por barra.
  • Números que llegan al montaje. La maquetación se resuelve con valores fijos (un tamaño de display fijo de 22px, secciones de 100vh y pasos de espaciado de 13px), y eso es lo que mantiene compuesta la primera pantalla a cualquier ancho. El brief declara valores y no proporciones, así la composición conserva sus relaciones cuando el texto cambia de longitud.
  • La cuadrícula fija el orden. La cuadrícula es la estructura: paneles del mismo tamaño, compuestos en Inter, dispuestos para que el ojo avance en horizontal y no en vertical. La altura de los paneles la marca el texto, así una línea más larga no rompe la alineación de la fila.
  • Una fila, sin desplegables. La barra es la parte más callada de la composición: marca, una fila corta de enlaces y una acción en #EF4D23, todo al paso de tipo más pequeño del brief.

Movimiento e interacción

Estático a propósito

El brief deja fuera la animación y deja que la maquetación de 800x578 sostenga la página, con el hover y la pulsación como únicos cambios. Solo se mueven los elementos que responden al puntero.

Casi nada de movimiento

Aquí no hay librería de scroll: la composición de 800x578 se queda quieta y solo se mueven los elementos que responden a ti. Deja el movimiento en los controles.

Qué se mueve en Convix Software

El movimiento es una lista corta, no un sistema. El brief nombra estados hover y pulsados y el resto de la página se queda quieto. Nada se anima por gusto en este tipo de sección hero.

Qué cambiar primero en Convix Software

Donde un tema te da componentes, este brief te da una composición: un tamaño de display fijo de 22px, secciones de 100vh y pasos de espaciado de 13px y un marco para el material, con el tema en tus manos. El marco y la escala son lo que hay que dejar en paz.

Leer Convix Software como especificación

El brief es una especificación. Enuncia un tamaño de display fijo de 22px, secciones de 100vh y pasos de espaciado de 13px y nombra el marco del material en 800x578 antes de diseñar nada alrededor. Nada de este tipo de sección hero depende de un valor por defecto.

Preguntas frecuentes

¿Qué contiene en realidad el brief que hay detrás de Convix Software?

Es un brief de construcción, no una descripción de ambiente: fija la escala tipográfica, el espaciado y los valores de movimiento en 800x578. En ningún punto la imagen renderizada funciona como fuente de la verdad.

¿Por qué la ficha nombra React y Lucide icons?

La referencia está construida en React y Lucide icons, pero la maqueta no depende de esa decisión: el espaciado, la escala tipográfica y los valores de movimiento pasan a lo que ya uses.

¿Cómo trato los medios de Convix Software en un proyecto de cliente?

El brief es una descripción, no una licencia para redistribuir los recursos de otra persona. Conserva la estructura y los números, sustituye los medios y las marcas, y acredita la procedencia si un cliente pregunta de dónde sale la maqueta. La captura de la referencia es de 800x578.

Créalo en Studio

Empieza por la referencia y adapta el contenido y los detalles visuales en Studio.