Sobre esta plantilla
Talent Collective resuelve el problema de cada landing page de una agencia o un estudio con un solo brief capturado. El esquema de color es gris #BAB8B5 de base, y la página está compuesta en Geist. Se entrega como React y Tailwind CSS, y la captura se fija a 1904x1080 antes de escribir código. El movimiento se limita a transiciones de 700ms y un vídeo en bucle de fondo, lo bastante discreto para que el texto siga mandando. Cuando prepares el brief de cada landing page de agencia, parte de esta composición y sustituye el tema.
Pensado para
- Este diseño de landing page sirve a fundadores que necesitan una pantalla de prueba de que los textos de agencia aguantan 6,5s de vídeo en bucle.
- Quien le pase el brief de landing page a un modelo usará el prompt de 9.583 caracteres como punto de partida.
- Pensado para responsables de contenidos que reescriben un diseño de landing page cuyo titular tiene que seguir siendo tan largo como el de Talent Collective.
Qué incluye
- La barra sigue la cuadrícula. La marca ocupa el borde izquierdo y los enlaces corren a su derecha, todo compuesto en Geist, para que la barra pertenezca a la página de abajo y no a un sistema aparte. La marca se trata como tipografía y no como un logotipo compuesto, lo que mantiene la fila superior en una sola línea base.
- Todas las medidas están escritas. Los tamaños se leyeron del render en 1904x1080: pasos de espaciado de 40px y transiciones de 700ms. Cada valor se puede comprobar contra el prompt capturado, y eso hace que un remontaje sea verificable y no aproximado.
- Un clip hace todo el trabajo. Un único recurso de 6,5s sostiene toda la primera pantalla, y la página no tiene un segundo medio que mantener sincronizado. El bucle es lo bastante corto (6,5s) para que el ojo lo lea como textura y no como una línea de tiempo.
- Cifras tratadas como tipografía. Una franja compacta de cifras sostiene las afirmaciones que de otro modo pedirían un párrafo, lo que evita que la composición de landing page se convierta en una lista de funciones. Las etiquetas van bajo las cifras, en el paso más pequeño del brief, así la fila se lee como dato y no como adorno.
Movimiento e interacción
El tiempo va en el brief
El brief fija la transición en 700ms, así que una reconstrucción no puede colar un valor por defecto más lento. Si cambia el easing, la duración tiene que revisarse con él. Cambios de estado rápidos, sin líneas de tiempo de scroll.
Un bucle, no una secuencia
El movimiento ambiente es un clip de 6,5s en 1904x1080, en bucle discreto detrás del texto y sin reaccionar al puntero. El clip está silenciado y en línea, así que el primer fotograma está disponible sin ninguna interacción. Graba o exporta a 1904x1080 o más ancho.
El orden detrás de landing page
Cuando alguien que busca agencia aterriza en una sola pantalla, escanea antes de leer. La maquetación responde a eso: navegación, el titular, la fila de cifras, la lista de funciones y el pie de página se dimensionan para el escaneo, con pasos de espaciado de 40px y transiciones de 700ms manteniendo cada parada distinta. Quien busca agencia recibe la oferta antes que las opciones.
Hacer tuyo este tipo de landing page
Cambiar la paleta de entrada es el error habitual. Altera el tono sin tocar la composición, y la maquetación sigue apoyada en pasos de espaciado de 40px y transiciones de 700ms; haz primero el texto y el material, y la paleta al final. Conserva el recorte del material: hace tanto trabajo como la tipografía.
El reflujo de landing page
Prueba este tipo de landing page a 1904x1080 y luego a ancho de móvil: el mismo orden aguanta, con la escala es fluida en lugar de escalonada. Los controles siguen siendo lo bastante grandes para tocarlos y el texto mantiene su orden de lectura en cualquier ancho.
Preguntas frecuentes
¿Qué contiene en realidad el brief que hay detrás de Talent Collective?
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 1904x1080. En ningún punto la imagen renderizada funciona como fuente de la verdad.
¿Cuánto de Talent Collective depende de React y Tailwind CSS?
Talent Collective se construyó en React y Tailwind CSS, y la ficha lo dice por procedencia. El brief describe posiciones, tamaños y tiempos, así que se puede reconstruir en cualquier framework capaz de componer tipografía y colocar elementos.
¿Puedo publicar una página reconstruida a partir de Talent Collective sin acreditar nada?
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 1904x1080.
