WORK / FIELDSAMPLE BUILD2026
Design agency template

Field

  • React
  • Vite
  • Tailwind CSS
  • Motion

Your work speaks for itself. Make sure the site does too.

Live preview
Field — desktop screenshot
Field — mobile screenshot

What's included

Field is a single-page design agency site built with Vite, React, and Tailwind CSS. One scroll covers the full surface an agency needs to win new clients: client logos, selected work, services, about, and contact.

The site is minimal on the surface but loaded with Motion-powered transitions and micro-interactions that come to life as you explore. The kind of subtle craft that clients notice without being able to say exactly why.

Easy to customize
— utility-class styling throughout. Swap in your own work, copy, and team details directly in the markup.
Built with Vite
— fast dev server and lean production output.
Keyboard accessible
— fully keyboard-navigable; transitions are reduced-motion safe.
TypeScript
— fully typed throughout.
Production-ready
— type-checked, linted, and shipped as a static build with a small JavaScript bundle.
Simple to deploy
— static output; deploys to Vercel, Netlify, or any static host.

Screenshots

Field — screenshot 1 of 4Field — screenshot 2 of 4Field — screenshot 3 of 4Field — screenshot 4 of 4

The technology

Vite
v8
React
v19
Tailwind CSS
v4
Motion
v12
TypeScript
v6
NEXT PROJECT — 08 / 13
Newline
You've locked the venue, confirmed the speakers, and sold the early-bird tickets. The site should match the effort.
→