Theme · Company Site · Beginner
Creative Agency Website
Creative agency website = an uppercase wordmark, a three-column gradient work grid, and a new-business footer line.
Tips
Colour belongs to the work. Keep type black-on-white; the quieter the grid, the louder the tiles.
See also
Build a creative agency website for "Studio Lumen", a brand and product design studio.
STYLE
- Pure white canvas, near-black type, no shadows - gallery feel
- Coloured gradient project tiles carry the brand energy; type stays monochrome
- Uppercase wordmark, tight sans, hairline #eee dividers
LAYOUT
- Top nav: uppercase wordmark "FIELDWORK"; links Work (on) / About / Journal / Contact
- Work grid, 3 columns of gradient tiles with client name + discipline - Helio (Brand identity), Northwind (Web experience), Cadence (Product design); tall adds Beacon (Motion), Vantage (Packaging), Drift (Campaign) for a 3x2 grid
- Tall only: footer line "New business - [email protected]" + "Amsterdam - NYC"
COMPONENTS
- Nav: uppercase wordmark, four links, no button
- Work grid: three columns of gradient tiles with client + discipline captions
- Tall: new-business footer with email and cities
INTERACTION
- Captions underline on hover; tiles are pure gradients; type stays monochrome.
TECHNICAL
- React, Tailwind CSS, shadcn/ui restyled to this look