---
id: "aw-el-c64f2fae-5c1f-478d-b598-b09968cfb977"
source: https://www.awwwards.com/inspiration/desktop-lama-lama-1
author: "Lama Lama (lamalama)"
media: "photo, 1600x1200"
model: claude-opus-5-5
generated: 2026-10-31
---
# Fireball Agency Hero With Mono HUD

## Summary
A creative agency hero built around a full-bleed photo of a golden fire bloom erupting against a smoky blue sky, with a huge three-line uppercase manifesto at the bottom left, a floating dark nav capsule, a small team card at top right and a monospace HUD footer with a live clock. It is a sharp study in pairing one dramatic image with strict, small technical typography.

## Style
- Theme: dark (fire on smoky blue)
- Mood: bold, fiery, confident, cinematic, technical
- Tags: agency, full-bleed-photo, uppercase-headline, mono-labels, floating-nav, hud-footer, live-clock
- Category: Hero, Photography

## Palette
| Role | Hex |
|---|---|
| Frame | #1B1D1C |
| Fire amber | #BC8C4D |
| Fire highlight | #E4CE8C |
| Deep black | #090B0B |
| Ember brown | #6E4025 |
| Smoke blue | #2B3842 |
| Slate | #4B575E |
| Nav glass | #101415 |

## Typography
- Headline (agency manifesto): neo-grotesk sans, bold 700, all caps, very tight tracking (-0.03em) and leading (0.9), three lines at about 4.5% of frame height each, warm white. Inter Tight (700) or Archivo (800).
- Intro paragraph at right: sans regular, 15px equivalent, white, 1.3 line height, five lines. Inter (400).
- Labels (bracketed eyebrow, nav title, "GET IN TOUCH", "THIS IS US", footer items, clock): monospace, 8 to 9px, uppercase, tracking 0.05em, white at 80%. JetBrains Mono (400) or IBM Plex Mono.

## Layout
- 4:3 presentation (1600x1200) with the 16:9 site panel centred, about 10% side margins, 10px radius on the panel.
- Floating nav: a dark capsule about 340x38px centred at the top with 6px radius, pixel-style monogram left, title centre, hamburger right.
- Top-right stack: a light grey "GET IN TOUCH" button (with a 20px avatar) about 124x38px and below it a dark card about 124x200px with a header row and a black-and-white portrait.
- Headline anchored bottom left at about 14% from the bottom, with the bracketed eyebrow 20px above.
- Paragraph anchored bottom right, aligned with the headline baseline.
- Footer bar: a 1px white rule at 40% opacity across the panel with 8 evenly spread mono items beneath, including a clock in square brackets and a small language toggle.

## Elements
- Full-bleed photo of a fiery golden smoke flower with sparks and a bright ring at its core, dark blue smoke behind and an orange glow along the bottom.
- Pixel monogram placeholder in white.
- Hamburger icon of three 14px lines.
- Get in touch button with avatar thumbnail.
- Team card with "( - )" collapse control and a monochrome portrait.
- HUD footer: team count, city, live clock with a red seconds dot, follow links with plus signs, NL and EN toggle with a tiny switch.

## Motion
Static image. The fire photo could be a slow looping video (about 8s) with the clock ticking every second and the headline lines sliding up from a mask on load (600ms, 80ms stagger).

## Rebuild it
1. Panel: `relative aspect-video rounded-[10px] overflow-hidden bg-[#1B1D1C]` with a cover image or muted autoplay video and a bottom gradient `from-[#6E4025]/60 to-transparent`.
2. Nav capsule: `absolute top-3 left-1/2 -translate-x-1/2 w-[340px] h-[38px] rounded-md bg-[#101415]/90 backdrop-blur flex items-center justify-between px-3 font-mono text-[9px] uppercase`.
3. Headline: `absolute left-6 bottom-[14%] text-[4.5vw] leading-[0.9] font-bold uppercase tracking-tight text-[#F5EFE6]`; animate each line from `y: '100%'` inside `overflow-hidden` wrappers.
4. Team card: `absolute right-3 top-3 w-32 space-y-1`, a `bg-neutral-300 text-black` button and a `bg-[#101415]` card with a grayscale image.
5. Footer: `absolute inset-x-6 bottom-3 border-t border-white/40 pt-2 flex justify-between font-mono text-[9px] uppercase`.
6. Clock: a `useEffect` interval formatting hours, minutes and seconds with a red dot that blinks via Motion opacity keyframes.

## Generation prompt
A dramatic creative agency website hero: a full-bleed photograph of a golden fiery smoke bloom with sparks bursting against a dark smoky blue sky, warm orange glow along the bottom, a huge bold white uppercase three-line manifesto in the lower left, a small paragraph at the right, a floating dark navigation capsule at the top, a tiny team card with a black-and-white portrait in the corner, and a thin monospace HUD footer with a live clock; cinematic, confident, no logos.