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

  1. 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
  2. 02ProductSix parts of the product, each with a claim, three facts and an interface composition
  3. 03FeatureHow it works in three steps, numbers with a source line, a customer quote and related features
  4. 04SolutionsSix trades as large cards with a photograph
  5. 05SolutionA day in the trade, what is ready on day one, three results and a customer story
  6. 06PricingMonthly or yearly switch, a technician slider, three plans, a comparison table, a worked example and an FAQ
  7. 07CustomersA featured story, three story cards and a strip of short quotes
  8. 08StoryThe problem, what changed and the result, with a pull quote and three numbers
  9. 09IntegrationsA directory with category filters, search and an empty state
  10. 10IntegrationWhat it does, what syncs, three set-up steps and plan availability
  11. 11BlogA featured post, a grid of posts and a category filter
  12. 12PostA long-form reading layout with a pull quote and a numbers box
  13. 13ChangelogDated entries with version, notes and a filter by area
  14. 14AboutStory, numbers, founders, principles and open roles
  15. 15Book a demoA form with validation and a sent state
  16. 16Sign-inA sign-in page to connect to your own product
  17. 17LegalPrivacy and terms, with a contents list
  18. 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.

Fieldday template. Home: the map of the working day, with the dispatch card and three results.
DarkHome: the map of the working day, with the dispatch card and three results.
Fieldday template. Home: one job followed from the booking to the paid invoice.
LightHome: one job followed from the booking to the paid invoice.
Fieldday template. Product: six parts, each with its interface and three facts.
LightProduct: six parts, each with its interface and three facts.
Fieldday template. Pricing: a technician slider and three plans with their totals.
DarkPricing: a technician slider and three plans with their totals.
Fieldday template. Solutions: six trades, each with its own page.
LightSolutions: six trades, each with its own page.
Fieldday template. Customers: a featured story with a quote and two numbers.
DarkCustomers: a featured story with a quote and two numbers.
Fieldday template. Integrations: a directory you can filter and search.
LightIntegrations: a directory you can filter and search.
Fieldday template. Changelog: dated updates, filtered by area.
DarkChangelog: dated updates, filtered by area.
Fieldday template. Home on a phone, light mode.
Fieldday template. Pricing on a phone, dark mode.
PhoneHome on a phone, light mode. Pricing on a phone, dark mode.

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

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.

Book a call

Fixed quote. You own everything we make.

The Black Momento online store, built by Victor Studios
Client work, designed and built by us