---
id: "aw-site-65114"
source: https://www.awwwards.com/sites/lama-lama-2
author: "Lama Lama (lamalama)"
media: "photo, 1600x1200"
model: claude-opus-5-5
generated: 2026-10-31
---
# Red Macro Texture Agency Hero

## Summary
An agency hero built on a full-bleed macro photograph of glossy red organic texture with pink marbled cells, overlaid with a centred heavy uppercase headline, a bracketed mono eyebrow, a floating dark nav pill and a mono status bar along the bottom. A bold study in using one visceral texture and two typefaces to create instant attitude.

## Style
- Theme: dark (saturated red photo with cream type)
- Mood: bold, visceral, cheeky, intense
- Tags: agency-hero, macro-texture, monospace, floating-nav, status-bar, live-clock, full-bleed
- Category: Hero, Typography

## Palette
| Role | Hex |
|---|---|
| Primary red | #A10505 |
| Bright red | #B30705 |
| Mid red | #900202 |
| Deep red | #7D0201 |
| Rose highlight | #B6404A |
| Maroon (nav pill) | #5D1015 |
| Marbling pink | #E7BFB8 |
| Cream type | #F9F4EB |

## Typography
- Headline: heavy grotesque (about 800), uppercase, two lines, leading about 0.95, tracking -0.02em, cream; cap height about 6% of the frame (around 72px at 1200 tall). Closest free: Inter Tight 800 or Archivo 800.
- Eyebrow: monospace uppercase inside square brackets, about 15px, 0.05em tracking. Closest: IBM Plex Mono 400 or JetBrains Mono 400.
- Nav status text and bottom bar: mono uppercase about 10px, cream at 90%.

## Layout
- 4:3 (1600x1200). The photo fills the frame; a diagonal ridge of pink marbled cells runs along the top-right with a pale vein down the right edge.
- Nav pill: centred at the top (about 3.5% from the top), about 430x48px, maroon at about 85% opacity, 4px radius, containing a pixel-style logo glyph on the left, a status line in the centre and a hamburger icon on the right.
- Headline block centred vertically (eyebrow at 40% y, headline 45% to 60%).
- Bottom bar: a 1px cream hairline at about 94% height spanning the width with 24px side margins; six mono items distributed beneath it.

## Elements
- Floating nav pill with a pixel monogram (placeholder), status text and a three-line menu icon.
- Bracketed eyebrow tagline.
- Two-line headline.
- Bottom bar items: a team-size line, a city line, a live clock in brackets with a small red dot, a follow label and two social links each followed by a plus sign.
- Background: macro texture of glossy red tissue-like ridges and pink cell clusters.

## Motion
Static image. Suggested motion: tick the clock every second and add a slow WebGL ripple displacement on the texture (amplitude about 6px, 8s loop) that bends toward the cursor.

## Rebuild it
1. Section: `relative h-screen overflow-hidden bg-[#A10505]` with the texture as an `img` (`object-cover`) or a shader plane.
2. Nav: `fixed top-8 left-1/2 -translate-x-1/2 w-[430px] h-12 rounded bg-[#5D1015]/85 backdrop-blur flex items-center justify-between px-3 font-mono text-[10px] uppercase`.
3. Headline: `text-[clamp(48px,7vw,96px)] font-extrabold uppercase leading-[0.95] tracking-tight text-[#F9F4EB] text-center`, eyebrow above in `font-mono`.
4. Bottom bar: `absolute bottom-6 inset-x-6 border-t border-[#F9F4EB]/60 pt-3 grid grid-cols-6 font-mono text-[10px] uppercase`.
5. Clock: a `useEffect` interval that formats `HH : MM : SS` with a pulsing dot (Motion `opacity: [1, 0.3, 1]`, 1s, repeat).
6. Entrance: stagger headline lines up from `y: 40` with a 0.08s stagger and a 0.7s ease-out.

## Generation prompt
A bold agency website hero over a full-bleed macro photograph of glossy deep red organic texture with pink marbled cell clusters and a pale vein: a centred heavy uppercase cream headline in two lines, a small bracketed monospace tagline above it, a floating dark maroon navigation pill at the top and a thin hairline status bar with tiny monospace labels and a live clock at the bottom; visceral, intense, confident.