Sección hero con logo escultórico 3D para el sitio web de una marca

[BRAND NAME] | [TITULAR = texto del usuario o AUTO] | [SUBTÍTULO = texto del usuario o AUTO] | [TEXTO DEL BOTÓN = texto del usuario o AUTO] | [COLOR = tu color o AUTO] Actúa como un Director de Arte Web Senior y Artista CGI creando una sección hero fotorrealista de un sitio web de marca premium - una sola imagen de formato ancho que muestra la vista completa above-the-fold de una página web hero. La composición combina un objeto de logo escultórico 3D dramático con tipografía editorial y elementos de interfaz mínimos. Referencias: sitio web de la agencia Stökt, páginas de lanzamiento de productos de Apple, secciones hero de agencias creativas de alto nivel, diseño web ganador de Awwwards. --- FASE 0: INTELIGENCIA DE MARCA - EXTRACCIÓN AUTÓNOMA Realiza una decodificación completa de la marca [BRAND NAME] a partir de los datos de entrenamiento antes de generar cualquier cosa. Cada decisión visual en la imagen se deriva de esta fase. SISTEMA DE COLOR - DETERMINACIÓN DEL COLOR PRIMARIO: si [COLOR] es proporcionado por el usuario - usa ese color exacto como el motor principal de todo el sistema de color de la imagen. No lo reemplaces con colores de marca. Si [COLOR] es AUTO - identifica el color primario exacto de la marca [BRAND NAME] a partir de sus pautas oficiales - el color más icónico y documentado asociado con la marca. En ambos casos: este único color impulsa todo el sistema de color de la imagen - gradiente de fondo, material del objeto 3D, iluminación atmosférica, todo derivado de este único color. DERIVACIÓN DEL GRADIENTE DE FONDO: a partir del color primario determinado, deriva exactamente dos paradas de gradiente. Parada interna: la versión más saturada y vívida del color primario a plena intensidad - este es el resplandor atmosférico detrás del objeto. Parada externa: la versión más oscura posible del mismo tono - casi negro pero con un rastro visible del tono del color restante (rango de luminosidad #0A a #12). Ambas paradas se derivan exclusivamente del color primario. Sin negro neutro. Sin gris. La oscuridad tiene color - es un negro teñido muy oscuro, no uno neutro. Ejemplos: primario rojo → interno #CC0000, externo #1A0000. Primario verde → interno #1DB954, externo #001A0A. Primario azul → interno #0057FF, externo #00060F. Primario naranja → interno #FF6600, externo #1A0500. DERIVACIÓN DEL MATERIAL DEL OBJETO 3D: a partir del color primario, deriva el material metálico - color base/sombra: la versión más oscura casi negra del tono del color (igual que la parada externa del gradiente). Color de resaltado: la versión más vívida y saturada del color (igual que la parada interna del gradiente), que aparece en bordes y puntos altos frente a la fuente de luz. Tono medio: un valor medio del color en superficies a 45° de la luz. Todo el objeto metálico es una familia de color - oscuro en sombra, vívido y brillante en resaltado, todo derivado del mismo tono. Sin metal gris neutro. Sin plata. El metal tiene el color de la marca o del usuario en su ADN. TIPOGRAFÍA: identifica el carácter tipográfico oficial de [BRAND NAME] - el peso visual, ancho y estilo utilizados en sus comunicaciones de marca. Aplícalo de manera consistente a todos los elementos de texto. SÍMBOLO DE MARCA: identifica la forma reducida más icónica del logo de [BRAND NAME] - el símbolo, monograma o letra más reconocible como la marca. Este se convierte en el objeto escultórico 3D. Si [BRAND NAME] no tiene un símbolo independiente - usa la primera letra del logotipo como la forma 3D. LENGUAJE DE MARCA: si [TITULAR] es AUTO - extrae la declaración de marca real más poderosa o el titular de campaña asociado con [BRAND NAME]. Si [SUBTÍTULO] es AUTO - extrae una frase descriptiva real de la marca que explique qué hace [BRAND NAME] o qué representa. Si [TEXTO DEL BOTÓN] es AUTO - identifica la frase de llamada a la acción principal que [BRAND NAME] usa en su marketing. Si alguna variable tiene texto proporcionado por el usuario - usa ese texto exacto, no lo reemplaces. INFORMACIÓN DE FUNDACIÓN: extrae el año de fundación de [BRAND NAME] para la atribución en la esquina inferior. --- FASE 1: FONDO Fondo a sangre completa que llena toda la imagen. Un gradiente radial que emana de la zona central derecha donde se encuentra el objeto 3D - no un color plano, no un gradiente lineal, un resplandor atmosférico circular. Zona interna: el color vívido y saturado derivado en la FASE 0 - profundo, rico, atmosférico, ocupando aproximadamente el 40 al 50% del área total del fondo. Zona externa: el negro teñido muy oscuro derivado en la FASE 0 - envuelve la composición en todos los bordes. La transición es suave y orgánica - un desvanecimiento atmosférico gradual, no un borde duro. El gradiente crea la sensación de un foco cálido detrás y a la derecha del objeto 3D - como si el objeto mismo fuera la fuente de esta luz atmosférica. --- FASE 2: ESCULTURA DE LOGO 3D - ELEMENTO HERO El símbolo de marca de la FASE 0 renderizado como un objeto escultórico tridimensional masivo. Ocupa el 55 al 65% derecho del ancho total de la imagen - monumental, parcialmente recortado por los bordes derecho e inferior del marco. El recorte es deliberado - vemos la mayor parte pero no todo el objeto, lo que implica que se extiende más allá del marco. Rotado aproximadamente 20 a 35° en el eje vertical y 10 a 20° en el eje horizontal - una vista dinámica de tres cuartos que revela múltiples caras simultáneamente. Ángulo de cámara: 5 a 10° por debajo del centro - añade una presencia imponente de ángulo bajo. SISTEMA DE MATERIAL - DERIVADO DEL COLOR PRIMARIO: el objeto es metal cepillado oscuro premium. Todos los colores del material se derivan exclusivamente del color primario determinado en la FASE 0. Color base/sombra: metal teñido muy oscuro casi negro en las caras alejadas de la luz. Textura cepillada: micro-rayones paralelos finos direccionales en cada cara siguiendo la geometría de la cara - calidad de metal cepillado industrial. Zonas de resaltado: las caras orientadas hacia la fuente de luz principal capturan el color vívido y saturado como resaltados cálidos y brillantes - que van desde el tono medio del color hasta casi blanco en los picos especulares absolutos. Resaltados de borde: cada borde afilado del objeto captura una línea especular brillante continua y delgada que traza la geometría completa del logo - este resplandor de borde define la forma contra el fondo. El contraste entre las caras sombreadas casi negras y los bordes resaltados brillantes de color vívido es la característica visual definitoria. Sensación de escala: monumental - como si tuviera 3 a 5 metros de altura en el espacio físico. --- FASE 3: BARRA DE NAVEGACIÓN Barra de navegación mínima en la parte superior - altura de aproximadamente el 4 al 5% de la altura total de la imagen. Fondo: muy oscuro semitransparente - el color oscuro teñido de la FASE 0 al 85 al 90% de opacidad. Izquierda: logotipo o símbolo de [BRAND NAME] en la forma oficial correcta, tipo blanco pequeño. Centro: 4 a 6 categorías de navegación en tipo blanco pequeño en mayúsculas con espaciado - determina autónomamente las categorías relevantes según el negocio de [BRAND NAME]. Derecha: píldora de selector de idioma y botón de llamada a la acción principal - fondo oscuro, borde claro, "[TEXTO DEL BOTÓN]" en mayúsculas pequeñas con flecha derecha →. Todos los elementos de la barra de navegación pequeños, precisos, mínimos - no compiten con los elementos hero. --- FASE 4: BLOQUE DE TEXTO - LADO IZQUIERDO Posicionado en el 35 al 40% izquierdo de la imagen, centrado verticalmente, alineado a la izquierda con margen apropiado. El lado izquierdo está en la zona más oscura del gradiente de fondo - el texto blanco es completamente legible sin tratamiento adicional. Línea de etiqueta: etiqueta pequeña entre corchetes sobre el titular - "{ SOMOS [BRAND NAME] } →" o equivalente apropiado para la marca. Tipo muy pequeño, blanco, con espaciado, peso delgado. Titular: [TITULAR] - configurado en el carácter tipográfico de [BRAND NAME], negrita, en mayúsculas o en caso de oración según la convención de la marca. Grande - aproximadamente del 8 al 10% de la altura total de la imagen por línea. Blanco. Dos a tres líneas máximo. Alineado a la izquierda. Cuerpo de texto: [SUBTÍTULO] - una a dos oraciones, peso regular pequeño, blanco al 70 al 80% de opacidad. Debajo del titular con espaciado apropiado. Máximo 35 a 40 caracteres por línea. Botones de llamada a la acción: dos botones lado a lado. Primario: relleno oscuro, borde blanco, texto blanco "[TEXTO DEL BOTÓN]" con flecha derecha →. Secundario: solo contorno, borde blanco, texto blanco con acción secundaria determinada autónomamente según el contexto de [BRAND NAME]. Ambos botones pequeños y mínimos - rectángulo ligeramente redondeado, tipo en mayúsculas pequeñas. --- FASE 5: ELEMENTOS INFERIORES Inferior izquierdo: "Desplázate para más ↓" en tipo blanco muy pequeño - del 2 al 3% de la altura de la imagen, sutil. Inferior derecho: "Est. en [AÑO DE FUNDACIÓN]" en tipo blanco muy pequeño - año de fundación de la FASE 0, misma escala. --- FASE 6: ILUMINACIÓN Fuente de luz primaria única: luz cálida dramática posicionada detrás y a la parte superior derecha del objeto 3D. Color de la luz: el color primario vívido y saturado de la FASE 0 - es el color expresado como luz atmosférica, consistente con la parada interna del gradiente. Esta luz crea tanto el resplandor radial del fondo como los resaltados cálidos en el objeto metálico - son la misma luz, el mismo color, la misma fuente. Ambiente secundario: ambiente frío muy sutil desde directamente arriba - 5% de intensidad, apenas eleva las zonas de sombra más oscuras absolutas. Sin luces de relleno. Sin luces de borde. El contraste dramático entre caras iluminadas y no iluminadas es intencional y debe preservarse. --- FASE 7: COMPOSICIÓN Relación de aspecto: 16:9 apaisado - proporciones de sección hero de sitio web. 35 al 40% izquierdo: zona de texto (fondo más oscuro, elementos de interfaz). 60 al 65% derecho: zona de escultura 3D (el objeto domina). El bloque de texto y el objeto no se superponen - separación espacial clara. Dirección de lectura: texto izquierda → escultura derecha. --- FASE 8: ESPECIFICACIONES TÉCNICAS Render: Octane Render o Redshift - metal cepillado físicamente preciso con comportamiento de resaltado anisótropo correcto. Todos los colores del material derivados del color primario determinado en la FASE 0 - sin grises neutros, sin elementos fuera de color en ningún lugar de la imagen. Si [COLOR] fue proporcionado por el usuario - ese color reemplaza cualquier color de marca en todos los cálculos de material e iluminación. Trazado de rayos: activado - para resaltados de borde precisos e interreflexiones metálicas. Gradiente de fondo: luz atmosférica radial físicamente precisa - contribución de luz volumétrica real, no una superposición de gradiente compuesta. Tipografía: nítida, anti-aliased, blanco plano - cero sombras, cero desenfoque, cero efectos. Elementos de interfaz: diseño plano limpio, sin sombras proyectadas, sin gradientes en elementos de interfaz. Paleta de colores: exclusivamente el sistema de color derivado en la FASE 0 más blanco para texto - sin colores adicionales introducidos en ningún lugar. Muestreo: mínimo 2048 muestras. Anti-aliasing: máximo. Sensación de salida: la captura de pantalla real above-the-fold del sitio web premium relanzado de [BRAND NAME] - calidad de portada de Awwwards.