Cartogram — Field-Service Management App Landing Page Template

Cartogram is a landing page template for field-service, dispatch or scheduling software: it shows the schedule board, sells time saved per dispatcher, and prices per technician with a demo-led enterprise tier.

Two pages: landing and contact. The cobalt palette and condensed sans suit operations software.

• A field-service management app preparing to launch
• Founders validating pricing before building
• Marketing teams who need a page that reads as finished
• Agencies delivering launch pages fast

• App-window hero built in CSS and SVG, with your product's KPIs
• Six-benefit grid with icons
• Three-step how-it-works section
• Three pricing tiers with a highlighted plan
• Sample quotes and FAQ accordion
• CTA band and contact page with demo form
• Anchor navigation with a mobile menu
• Design tokens for one-file retheming

• 2 HTML pages
• css/style.css design system
• js/main.js progressive enhancement
• README.txt with setup notes

• Any modern browser
• Static hosting (Netlify, Vercel, S3, cPanel)
• Works without a build step

• A text editor
• A static host or any web server
• No build tools required

1. Unzip and open index.html — it works from a folder

2. Change the design tokens at the top of css/style.css

3. Replace sample text, contact details and prices

4. Swap the generated artwork tiles for your photography

5. Connect the form in js/main.js to your form service or backend

• All colours, radius and fonts are CSS custom properties
• Sections are self-contained blocks that can be reordered or removed
• Icons are inline SVG; swap any glyph in place
• Swap the font pairing by changing one Google Fonts link

• Personal — for your own private, non-commercial projects. Not for client work.
• Commercial — for one commercial project or one client project.
• Agency — for multiple client projects, up to the limits stated on this page.

No tier permits reselling or redistributing the files themselves.

Questions about Cartogram are handled through your DistroSource account — open a support ticket from the order and include your order number.