Website template

Foxtrot Marketing Template

Foxtrot is a SaaS marketing template that has a modern design with a pinch of class, perfect for launching your single page website.

SaaS · Free

Foxtrot Marketing Template

Design breakdown

An AI reading of this template's design: colors, type, spacing, sections and signature details. Ottermind starts from it when you use the template.

Overall

SaaS landing page, modern and clean, low density, light

Palette

background #FFFFFF; surfaces #FFFFFF, #F8FAFF; text #1A1A1A; muted text #6B7280; primary #3B82F6; accents #3B82F6, #1E40AF, #0D9488

Type

headings Inter, 700, sentence-case; body Inter, 16px; scale h1 64px, h2 48px, h3 32px

Shape & spacing

button radius 12px, card radius 16px, borders none, shadows soft drop (0 10px 25px rgba(0,0,0,0.05)), section spacing 120px, content width 1200px

Sections (top to bottom)
  • Header — horizontal navigation bar with logo, menu items, and CTA button, dark surface with white text, centered alignment
  • Hero — full-width section with large headline, subheadline, two CTA buttons (white and dark), centered layout, light background with subtle grid pattern
  • Feature showcase — angled screenshot of dashboard UI with blue sidebar, charts, and data visualization, partially overlapping hero section, light background
Signature details
  • Subtle grid overlay on background
  • Angled product screenshot with layered depth
  • Primary color used in key words ("powerful SaaS") for emphasis
  • Soft shadows on interactive elements
  • Clean, minimal typography with generous spacing
  • Blue vertical border on left edge of viewport
Other pages
  • /features: feature cards with icons and descriptions
  • /testimonials: client quotes with avatars
  • /pricing: tiered pricing table with comparison
  • /blog: article list with thumbnails and meta info

Template details

Category
SaaS
License
Commercial
Author
Aceternity UI
Listed on
Aceternity UI
Price
Free

Original design by Aceternity UI, listed on Aceternity UI. Ottermind does not copy the template's code; it builds a new site from the brief.

The brief Ottermind starts from

It opens in Studio as a draft — add your brand, audience and pages before you send.

Build a saas website inspired by the "Foxtrot Marketing Template" template. Reference brief: Foxtrot is a SaaS marketing template that has a modern design with a pinch of class, perfect for launching your single page website. Use original copy and imagery for my brand rather than the reference's placeholder content.

How to use this template

  1. 1

    Click “Use this template” to open it in Ottermind Studio with its brief filled in.

  2. 2

    Add your brand, audience, pages and content to the brief.

  3. 3

    Ottermind builds a new site inspired by this design — keep editing it in the chat.