Premium Brand Website Hero Section

1 / 4

AmirMušić

24.4KViewsMay 13, 2026

Prompt

Photorealistic hero section of a premium brand website, full above-the-fold view, 16:9 landscape. A dramatic 3D sculptural logo object, editorial typography, and minimal UI elements. The entire image's color system is driven by a single primary color (user-defined or derived from BRAND NAME). Background: Full-bleed radial gradient, emanating from center-right. Inner stop: saturated vivid primary color. Outer stop: very dark tinted black (derived from primary color). Soft, organic transition, creating a warm spotlight effect behind the object. 3D Logo Sculpture: Massive, monumental, partially cropped (right and bottom), occupying 55-65% of the right side. Dynamic three-quarter view (rotated 20-35° vertical, 10-20° horizontal), low camera angle (5-10° below center). Material: Premium dark brushed metal, all colors derived from the primary color. Features very dark color-tinted shadows, fine parallel micro-scratches, vivid saturated highlights on faces towards light, near-white specular peaks, and thin continuous bright specular lines tracing all edges. Monumental scale (3-5 meters tall). Navigation Bar: Minimal, at the very top (4-5% height). Very dark semi-transparent background (85-90% opacity, tinted dark color). Left: BRAND NAME wordmark/logomark (small, white). Center: 4-6 navigation categories (small, all-caps, tracked, white). Right: Language switcher, primary CTA button (dark background, light border, small caps 'BUTTON TEXT' with right arrow →). Text Block (Left Side): Positioned in the left 35-40% of the image, vertically centered, left-aligned. Label line: '{ WE ARE BRAND NAME } →' (very small, white, tracked, thin). Headline: 'HEADLINE' (brand typeface, bold, uppercase/sentence case, large - 8-10% height per line, white, 2-3 lines max). Body copy: 'SUBHEADLINE' (1-2 sentences, small, regular weight, white 70-80% opacity, max 35-40 chars/line). CTA buttons: Two side-by-side. Primary: dark fill, white border, white text 'BUTTON TEXT' with right arrow →. Secondary: outline only, white border, white text (secondary action). Small, minimal, slightly rounded. Bottom Elements: Bottom left: 'Scroll for more ↓' (very small, white, 2-3% height). Bottom right: 'Est. in FOUNDING YEAR' (very small, white). Lighting: Single primary light source: warm dramatic light, behind and upper right of the 3D object. Light color: vivid saturated primary color. Creates background glow and object highlights. Subtle cool ambient light from above (5% intensity). Dramatic contrast. Composition: Text block and 3D object do not overlap. Reading direction: text left → sculpture right. Rendered with Octane Render or Redshift, physically accurate brushed metal with anisotropic highlights. Ray tracing on. Physically accurate radial atmospheric light. Crisp, anti-aliased, flat white typography. Clean flat UI elements. Color palette exclusively derived color system plus white. Awwwards front page quality.

Use this Prompt

Premium Brand Website Hero Section

Generated Image Preview