Sobre esta plantilla
Orbis NFT es la referencia de landing page para un producto fintech, y el brief que hay detrás es una especificación de construcción completa, no un moodboard. El color se limita a azul intenso #010828 de base, blanco #EFF4FF para la tipografía y lima brillante #6FFF00 para los acentos y la página se compone en Anton. Se entrega como React y Tailwind CSS, y la captura se fija a 452x800 antes de escribir código. Sirve de referencia cuando construyas este tipo de landing page para un producto fintech y quieras una composición terminada en lugar de un punto de partida.
Pensado para
- Equipos internos que amplían su landing page y necesitan que pasos de espaciado de 32px pasen a los bloques nuevos sin tocar los valores.
- Pensado para un fundador en solitario que saca un único diseño de landing page para un producto fintech y no tiene ningún sistema de diseño detrás.
- Quien le pase el brief de landing page a un modelo usará el prompt de 8.276 caracteres como punto de partida.
Qué incluye
- Fila superior, una acción. La fila superior reúne la marca, cuatro o cinco enlaces y una sola acción teñida de #6FFF00, dimensionada para no destacar frente al resto de la página. Los enlaces se componen a un tamaño menor que la marca, y la acción en #6FFF00 es el único elemento de la barra con peso.
- Los pasos de espaciado van cifrados. Tipo y espaciado salen aquí de una sola lista: pasos de espaciado de 32px. Un remontaje que da esos números se parece a la referencia sin más ajustes.
- Tarjetas sin bordes. La cuadrícula fija el orden de lectura: paneles del mismo peso, una idea cada uno, compuestos en Anton a un tamaño pequeño para que la estructura siga visible. Los paneles se separan con espaciado y no con bordes, lo que mantiene la cuadrícula callada. Ajusta los encabezados de panel a la escala de la página.
- Estructura en una sola pantalla. La composición está completa en 452x800: el texto, los medios y los controles están nombrados en el brief. La página es una sola composición a 452x800, y por eso se sostiene cuando cambia el texto.
Movimiento e interacción
Movimiento que no estorba
El brief deja fuera la animación y deja que la maquetación de 452x800 sostenga la página, con el hover y la pulsación como únicos cambios. La composición se queda quieta, así que la jerarquía tiene que sostener la página, y lo hace. La quietud es una opción válida.
Casi nada de movimiento
Aquí no hay librería de scroll: la composición de 452x800 se queda quieta y solo se mueven los elementos que responden a ti.
Qué gana un producto fintech aquí
Una capa de tinte sobre el material habría sido la solución fácil. El brief la deja fuera. El medio es una imagen fija en 452x800. El texto aguanta igual porque pasos de espaciado de 32px mantienen el marco tranquilo. Orbis NFT enuncia la oferta una vez y deja que la composición la repita en lugar de añadir una segunda promesa.
Cómo ordena Orbis NFT la primera lectura
La contrapartida es la paciencia: la página retiene el detalle que una cuadrícula escaneable entregaría de inmediato. Lo que gana es una primera pantalla donde navegación, la fila de cifras, la cuadrícula de tarjetas y el clip de fondo no se pueden malinterpretar. Quien busca fintech recibe la oferta antes que las opciones.
Hacer tuyo este tipo de landing page
Una línea, una fuente y un acento: esas tres sustituciones son las que más cambian el diseño. Los valores que no deberían moverse son estos: pasos de espaciado de 32px. Tu acento tiene que superar la misma prueba de contraste que el de la referencia.
Preguntas frecuentes
¿Qué me llevo cuando copio el brief de Orbis NFT?
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 452x800. En ningún punto la imagen renderizada funciona como fuente de la verdad.
¿Por qué la ficha nombra React y Tailwind CSS?
Orbis NFT 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.
¿De dónde sale el diseño de Orbis NFT?
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 452x800.
