Sobre esta plantilla
Tech-Noir About conserva el rastro de sus decisiones: el brief que hay detrás de página sobre nosotros ocupa 3.555 caracteres. La paleta se queda en rojo #C40010 de base y rojo brillante #FF0000 para los acentos, y el tipo es Manrope. El montaje es React y Tailwind CSS; todas sus medidas están anotadas, y eso es lo que lo hace reutilizable. Parte del brief capturado y ajusta la composición de página sobre nosotros en lugar de empezar de cero.
Pensado para
- Los desarrolladores que necesiten que el diseño de página sobre nosotros aguante una conexión lenta usarán 640x470 y la escala tipográfica como presupuesto de peso.
- Si tres personas tienen que editar el diseño de página sobre nosotros, dales a los responsables de contenidos tipografía de 16px a 120px y pasos de espaciado de 100px en vez de una captura.
- Pensado para un fundador en solitario que saca un único diseño de página sobre nosotros para un producto de IA o SaaS y no tiene ningún sistema de diseño detrás.
Qué incluye
- El brief nombra los pasos. Tipo y espaciado salen aquí de una sola lista: tipografía de 16px a 120px y pasos de espaciado de 100px. El tipo y la maquetación comparten los mismos pasos, así que nada se desvía cuando se sustituye uno de los dos.
- Nada decorativo en color. La función del acento queda fijada en el brief: rojo brillante #FF0000 para las acciones, rojo #C40010 para el marco. Todo lo demás se apoya en rojo #C40010, y eso es lo que mantiene legible una paleta saturada. Compruébalo contra la base antes de publicar.
- Estructura en una sola pantalla. La composición está completa en 640x470: el texto, los medios y los controles están nombrados en el brief. La página es una sola composición a 640x470, y por eso se sostiene cuando cambia el texto.
- Medido contra el viewport. El espaciado se cita igual (tipografía de 16px a 120px y pasos de espaciado de 100px), no como una escala que crece sola.
Movimiento e interacción
Casi nada de movimiento
El brief deja fuera la animación y deja que la maquetación de 640x470 sostenga la página, con el hover y la pulsación como únicos cambios. Solo se mueven los elementos que responden al puntero. La quietud es una opción válida.
Movimiento que no estorba
Esta se entrega como composición estática en 640x470, así que la jerarquía tiene que funcionar sin movimiento, y funciona.
El orden detrás de página sobre nosotros
Aquí el orden es el diseño: el clip de fondo se colocan para que la oferta llegue antes que la prueba, y la distancia entre ambas la marcan tipografía de 16px a 120px y pasos de espaciado de 100px. Quien busca SaaS recibe la oferta antes que las opciones.
El reflujo de página sobre nosotros
Una escala fija de escritorio habría sido más fácil. El brief añade un clamp entre 16px y 120px, y eso es lo que mantiene proporcionada la línea de display entre anchos. La maquetación estrecha es una decisión y no un ajuste forzado, y la jerarquía sobrevive a ella.
Las cifras detrás de página sobre nosotros
El brief es una especificación, no un moodboard. Fija tipografía de 16px a 120px y pasos de espaciado de 100px y concreta el medio en 640x470. Ese nivel de detalle es lo que hace que el diseño sobreviva a una reconstrucción: cambia el texto y las relaciones se mantienen. Nada de este tipo de página sobre nosotros depende de un valor por defecto.
Preguntas frecuentes
¿Qué me llevo cuando copio el brief de Tech-Noir About?
El brief capturado ocupa 3.555 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.
¿Cuánto de Tech-Noir About depende de React y Tailwind CSS?
Tech-Noir About 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.
¿Cuánto de Tech-Noir About está animado?
Las transiciones van asociadas a estados de la interfaz y no a una línea de tiempo de scroll, y se resuelven en el rango de menos de un segundo. El brief anota los valores para que un port no tenga que adivinarlos. La captura de la referencia es de 640x470.
