Genera una sofisticada página de inicio de portafolio con estilo editorial para el sitio web de un diseñador o estudio creativo.
Objetivo: Crear un diseño refinado para la página de inicio de un portafolio para Ari Vale, un diseñador/desarrollador, con un diseño editorial de estilo suizo y un collage arquitectónico en capas.
Lienzo: Captura de pantalla de sitio web de escritorio ancho, relación de aspecto 16:9, fondo de papel cálido blanquecino, mucho espacio negativo, textura de grano sutil, estética minimalista premium.
Diseño: Barra de navegación superior con 6 elementos visibles: marca denominativa a la izquierda "Ari Vale" seguida de un pequeño punto azul, enlaces de navegación centrados "Work", "About", "Studio", "Notes" y una píldora redondeada con contorno "Menu" en el extremo derecho con un punto azul. El contenido principal de la sección hero se sitúa ligeramente a la izquierda del centro con una etiqueta pequeña, tipografía de gran tamaño, descripción corta y dos llamadas a la acción. Superponga imágenes arquitectónicas monocromáticas abstractas alrededor del texto: un collage a la izquierda y una imagen arquitectónica escalonada más grande a la derecha, con una pequeña imagen de naturaleza muerta debajo. La franja inferior del pie de página contiene texto de disponibilidad a la izquierda, una línea divisoria horizontal delgada en el centro y enlaces sociales a la derecha.
Contenido de texto: La etiqueta sobre el titular dice "ARI VALE — DESIGNER & DEVELOPER" con un pequeño punto azul. El titular principal dice exactamente: "I design digital experiences, brands, and creative web." Haga que la palabra "design" sea cursiva, con una elegante fuente serif, mientras que el resto del titular es una sans serif moderna y grande. El texto de apoyo dice: "Strategy-led design and development for forward-thinking companies and cultural projects." Texto del botón principal: "View Selected Work" con una pequeña flecha. Enlace de texto secundario: "About Ari" con una flecha. La tarjeta de proyecto negra a la izquierda dice "REFIX ANADOL", "Machine Hallucinations" y "Immersive Exhibition", con una pequeña flecha en la esquina inferior derecha. Las palabras apiladas pequeñas del lado derecho dicen "VISION", "MADE", "DIGITAL". El texto inferior izquierdo dice "AVAILABLE FOR NEW PROJECTS". Los enlaces sociales de la parte inferior derecha son exactamente 3 elementos: "LINKEDIN", "DRIBBBLE", "INSTAGRAM", seguidos de una flecha. Añada una etiqueta de coordenadas verticales en el extremo derecho que diga "40.7128° N, 74.0060° W".
Detalles visuales: Utilice una paleta restringida de marfil cálido, negro, gris carbón, gris hormigón pálido y acentos de azul cobalto intenso. La tipografía debe combinar una sans serif grotesca limpia con una palabra serif cursiva de alto contraste. Utilice reglas finas, etiquetas diminutas en mayúsculas con un espaciado generoso entre letras y una alineación precisa. Añada exactamente 5 elementos de acento azul: el punto de la marca denominativa, el punto de la etiqueta, el punto del menú, un rectángulo diagonal similar a una cinta azul sobre la foto arquitectónica izquierda y un pequeño signo más/cruz azul cerca de las palabras del lado derecho. Añada un gráfico de sello circular tenue cerca del collage inferior derecho con texto diminuto en mayúsculas ilegible y una pequeña flecha en el interior.
Recuento de elementos de imagen: Incluya exactamente 5 bloques fotográficos/de textura: 1 rectángulo de hormigón beige alto detrás del collage izquierdo, 1 foto de edificio curvo pálido a la izquierda, 1 foto de textura rocosa pequeña debajo, 1 imagen grande de escalera/estructura acanalada arquitectónica pálida a la derecha y 1 imagen pequeña de naturaleza muerta con una esfera blanca y piedra debajo de la imagen derecha. Incluya también exactamente 1 tarjeta de proyecto superpuesta negra en el collage izquierdo.
Restricciones: Haga que parezca una página de destino de un sitio web real de alta gama, no un póster. Mantenga todo el texto nítido y legible, evite elementos del navegador, evite elementos de navegación adicionales, evite imágenes adicionales, evite degradados coloridos, evite fotos de archivo de personas y preserve un equilibrio asimétrico espacioso.