About this template
What Fieldday is
Fieldday is a complete marketing website for a software product used by a team that works away from a desk. The demo product is scheduling, dispatch and invoicing for field service crews. The first screen is a city map with crews driving their routes and a dispatch card with the jobs of the day. The page then follows one job through four stops, Booked, Dispatched, On site and Paid, and each stop shows the product as an interface built in code next to a photograph of the work.
It has 18 page types: home, product overview and feature pages, solutions by trade, pricing with a slider and a comparison table, customer stories, an integrations directory with a filter and search, a blog, a changelog, about with open roles, a demo form, a sign-in page, legal pages and a 404. Every number on the site has a unit, a period and a source line.
Every page is designed in light and in dark, with a toggle in the header, and the layout adapts to desktop, tablet and phone. It suits any product that runs operations: logistics, bookings, inventory, facilities or deliveries. The demo company, its customers and its figures are invented, and the photographs are stock images for demonstration only, so replace them with your own before you publish.
Last updated
What's included
18 pages, ready to fill in
- 01HomeMap hero with a dispatch card, trades row, one job in four stops, numbers, a customer quote, integrations, pricing, updates, questions and a closing stage
- 02ProductSix parts of the product, each with a claim, three facts and an interface composition
- 03FeatureHow it works in three steps, numbers with a source line, a customer quote and related features
- 04SolutionsSix trades as large cards with a photograph
- 05SolutionA day in the trade, what is ready on day one, three results and a customer story
- 06PricingMonthly or yearly switch, a technician slider, three plans, a comparison table, a worked example and an FAQ
- 07CustomersA featured story, three story cards and a strip of short quotes
- 08StoryThe problem, what changed and the result, with a pull quote and three numbers
- 09IntegrationsA directory with category filters, search and an empty state
- 10IntegrationWhat it does, what syncs, three set-up steps and plan availability
- 11BlogA featured post, a grid of posts and a category filter
- 12PostA long-form reading layout with a pull quote and a numbers box
- 13ChangelogDated entries with version, notes and a filter by area
- 14AboutStory, numbers, founders, principles and open roles
- 15Book a demoA form with validation and a sent state
- 16Sign-inA sign-in page to connect to your own product
- 17LegalPrivacy and terms, with a contents list
- 18404A page for links that no longer exist
Features
- Map hero with routes, crew pins and a dispatch card
- Pricing slider with monthly and yearly totals
- Integrations filter and search
- Changelog and blog filters
- Light and dark mode with a toggle
- Responsive on desktop, tablet and phone
- CMS for features, solutions, stories, integrations, posts, updates and roles on Framer
- Text, colours and images are yours to change
Code version
- React 19
- Vite
- Tailwind CSS 4
- TypeScript
- Motion
- React Router
- Content in typed files
Screens
A closer look
Taken from the live demo, in light and in dark, on desktop and on a phone.










Where to get it
Three versions, one design
Pick the one that matches how you build. The pages and the design are the same in each.
- Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.
Free on FramerFramer Marketplace
- Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.
$5one payment
Buy theme · $5 - XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.
Includedfor Business+ members
Get it with Business+ plan on XOXI
Want to see it first? View demo
More templates
Others you may like

Pagina
A multi-page portfolio template for independent designers and small studios, with light and dark mode.
Free on Framer · $5 code

Stint
A multi-page resume and CV website with a career timeline, a printable resume page, and light and dark mode.
Free on Framer · $5 code

Sidelit
A multi-page photography portfolio where the photograph in view lights the page, with every frame shown whole and light and dark mode.
Free on Framer · $5 code
Want one made for you?
Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.
Fixed quote. You own everything we make.


