Sobre esta plantilla
Antes de rehacer cada sección de funciones para una agencia o un estudio, lee Max Reed Portfolio: la composición y la especificación que hay detrás están aquí. Abre con “Let's Team Up Today” y le da el marco a esa línea en lugar de encogerla en una tarjeta. El esquema de color es turquesa intenso #324444 de base, y la página está compuesta en Inter. La entrega es React y Tailwind CSS: una página, sin plugins y sin herramientas de build entre tú y el diseño. Es la referencia adecuada para este tipo de sección de funciones en una agencia o un estudio, que tiene que transmitir intención desde la primera pantalla.
Pensado para
- Equipos de growth que retintan su sección de funciones de una agencia o un estudio y quieren conservar el marco de 640x470 mientras cambia el texto de la oferta.
- Pensado para agencias que facturan por ronda y quieren acordar tipografía de 13px a 88px y pasos de espaciado de 240px antes de la primera.
- Pensado para un fundador en solitario que saca un único diseño de sección de funciones para una agencia o un estudio y no tiene ningún sistema de diseño detrás.
Qué incluye
- Tamaños fijados en el brief. El brief declara sus tamaños en la captura (tipografía de 13px a 88px y pasos de espaciado de 240px), así que un remontaje se puede verificar en lugar de aproximar. Como los valores son fijos, una sustitución cambia el aspecto sin cambiar el ritmo. Mide antes de ajustar.
- Paneles, no párrafos. Donde iría un bloque de texto corrido, esta página coloca un conjunto de paneles, y eso es lo que mantiene sección de funciones fácil de escanear. Los paneles comparten la tipografía de interfaz a un solo tamaño, lo que evita que la cuadrícula se convierta en una segunda maquetación.
- La composición es el contenido. Toda la composición cabe en una pantalla y se entrega como React y Tailwind CSS, con el texto, los medios y los controles nombrados en el brief. La página es una sola composición a 640x470, y por eso se sostiene cuando cambia el texto.
- Medido, no estimado a ojo. El espaciado se cita igual (tipografía de 13px a 88px y pasos de espaciado de 240px), no como una escala que crece sola.
Movimiento e interacción
La tira que no para
Una marquesina recorre la composición en bucle infinito, compuesta en Inter, para que la página tenga movimiento incluso donde nada se anima al hacer scroll. La tira avanza a velocidad constante y da la vuelta sin hueco, así que el movimiento nunca llama la atención sobre la costura. Pausarla al pasar el ratón si el contenido es legible.
Estático a propósito
Aquí no hay librería de scroll: la composición de 640x470 se queda quieta y solo se mueven los elementos que responden a ti. El brief no incluye ninguna librería de animación, lo que mantiene pequeña la reconstrucción. No hacen falta líneas de tiempo de scroll.
Las cifras detrás de sección de funciones
Las cifras concretas envejecen: un valor que encaja en 640x470 puede no encajar en tu marco. El brief enuncia tipografía de 13px a 88px y pasos de espaciado de 240px de todos modos, porque un valor declarado es más fácil de cambiar que uno implícito. Nada de este tipo de sección de funciones depende de un valor por defecto.
Hacer tuyo este tipo de sección de funciones
Coloca el texto nuevo al tamaño de display que nombra el brief (tipografía de 13px a 88px y pasos de espaciado de 240px) y el resto de la escala se ajusta sin rediseñar nada. Reescribe la línea de display antes de tocar el color.
El orden detrás de sección de funciones
Si tu página abre hoy con funciones, este es el orden que hay que copiar: la fila de cifras, la cuadrícula de tarjetas y el clip de fondo delante, el detalle de apoyo después y tipografía de 13px a 88px y pasos de espaciado de 240px marcando la distancia. Quien busca agencia recibe la oferta antes que las opciones.
Preguntas frecuentes
¿Qué contiene en realidad el brief que hay detrás de Max Reed Portfolio?
El brief capturado ocupa 5.397 caracteres y describe la maqueta, la escala tipográfica, la paleta y las transiciones. Copiarlo te da ese texto; si lo mandas a Studio, la misma petición queda preparada con la página ya descrita.
¿Cómo está organizada esta ficha de Max Reed Portfolio?
Todo lo que se cita en la página procede del brief capturado de 5.397 caracteres y no de un texto redactado a posteriori. Por eso los números y la prosa concuerdan.
¿Cuánto de Max Reed Portfolio depende de React y Tailwind CSS?
Max Reed Portfolio 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.
