Contour is an Astro theme for technology companies that need to make a complex product feel clear, credible, and ready for the real world.
Its visual system combines compressed display typography, technical mono details, monochrome photography, a fixed topographic field, and a configurable signal color. The result feels purposeful rather than decorative: ideal for infrastructure software, industrial SaaS, geospatial tools, cybersecurity, logistics technology, climate platforms, and operational intelligence products.
Contour is not just a landing-page mockup. It includes a complete marketing site with a platform page, six deployment case studies, a field journal, three articles, SaaS pricing, customer proof, FAQ, contact and legal pages, sitemap output, and a custom 404. Buyers receive the full source code with no locked builder and no recurring theme fee.
WHO IT IS FOR
- Technical SaaS and B2B software companies
- Infrastructure, industrial, logistics, and operational technology
- Geospatial, climate, energy, utilities, and mobility products
- Cybersecurity, observability, and developer platforms
- Product studios and agencies presenting technically complex work
- Teams that need product storytelling, pricing, case studies, a journal, and lead capture
WHAT MAKES CONTOUR DIFFERENT
- A fixed topographic background that gives the whole site a coherent spatial identity
- A compact desktop rail and full-screen mobile navigation designed for dense product sites
- An oversized hero with scroll-linked movement, telemetry details, and a grayscale-to-color image treatment
- Technical capability cards with coordinated image, text, and arrow hover states
- An alternating narrow/wide deployment grid that gives six projects a more editorial rhythm
- Complete case-study pages with project summaries, modules, metrics, outcomes, galleries, and next-project navigation
- A responsive platform architecture section for explaining how a complex system actually works
- Equal-width SaaS pricing, performance metrics, field testimonials, FAQ, journal, and contact form
- Six visitor-preview signal colors; set the permanent accent from one value in site.ts
WHAT YOU GET
- Full Astro 7, Tailwind CSS 4, TypeScript, GSAP, and Lenis source code
- A production build that generates 16 static pages
- Home and dedicated Platform pages
- Six editable deployment case studies with individual detail pages
- A field journal with three Markdown articles and generated article pages
- SaaS pricing, capabilities, system architecture, performance metrics, testimonials, and FAQ
- Contact, Privacy, Terms, custom 404, robots, and generated sitemap routes
- Configurable forms for Formspree, FormSubmit, Netlify Forms, or a custom endpoint
- Responsive navigation, smooth scrolling, Astro page transitions, continuous marquees, and reduced-motion fallbacks
- A local topographic SVG background and self-hosted fonts
- Buyer-ready README, license, characterization tests, and Cloudflare deployment command
- Lifetime updates for this theme
CUSTOMIZATION
Start in src/config/site.ts. It controls the identity, production URL, SEO, schema, navigation, footer, signal color, visitor accent palette, hero, telemetry, imagery, product overview, platform capabilities, deployment case studies, pricing, metrics, testimonials, FAQ, platform architecture, contact details, form provider, legal copy, interface labels, and accessibility text.
Long-form journal articles live in src/content/journal/ as Markdown so they remain comfortable to write and edit. Their surrounding labels, routes, metadata defaults, and interface copy are configured from site.ts.
SIGNAL COLORS
The permanent accent is one value in siteConfig.theme. The included floating preview tool lets visitors try Terrain, Cobalt, Ember, Signal, Glacier, and Violet. Their choice persists across routes. Edit the palette in site.ts or disable the selector with one setting.
CONTACT FORMS
The included form begins in safe demo mode and sends no data. Choose Formspree, FormSubmit, Netlify Forms, or a custom endpoint in site.ts. Fields, labels, required states, provider details, success messages, and configuration messages are editable.
TECH STACK
- Astro 7 with static output and generated sitemap
- Tailwind CSS 4
- TypeScript
- GSAP for scroll-linked movement, parallax, reveals, and interface choreography
- Lenis for smooth scrolling
- Astro page transitions
- Barlow Condensed and JetBrains Mono Variable, self-hosted with Fontsource
IMAGES AND DEMO CONTENT
- Demo photography is loaded from Unsplash and remains subject to the Unsplash License.
- Replace any image URL in site.ts with another remote URL or a local file inside /public.
- The topographic background is included locally at public/topo.svg.
- Demo domains and contact details use example.com.
LICENSE
- Use Contour for your own sites or client websites
- Modify the source freely
- Deploy to Cloudflare Pages, Netlify, Vercel, GitHub Pages, or another static host
- Do not resell, redistribute, sublicense, or repackage the theme as a competing template
- Full terms: https://aerolaunch.app/terms/
