Website template

Proactiv Marketing Template

Proactiv is a marketing template designed for SaaS companies focusing on marketing tools for social media.

SaaS · Free

Proactiv 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 bold, high density, dark

Palette

background #000000; surfaces #ffffff, #1a1a1a; text #ffffff; muted text #b3b3b3; primary #00c8ff; accents #00c8ff, #ffffff

Type

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

Shape & spacing

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

Sections (top to bottom)
  • Header — horizontal layout, logo on left, nav links centered, two CTA buttons (Register, Book a demo) on right, black background
  • Hero — full-width, centered headline with two-line subheading, five circular profile avatars with five-star rating below, "Trusted by 27,000+ creators" caption, primary CTA button centered, black background
  • Dashboard preview — partial view of interface mockup with white surface, rounded corners, "Dashboard" label in gray, subtle shadow
Signature details
  • High-contrast white-on-black typography with gradient-like text treatment on headline
  • Circular profile avatars aligned horizontally with star rating
  • Primary CTA button in bright cyan with right-pointing arrow
  • Minimalist navigation with clean spacing
  • Soft drop shadows on interactive elements
  • Rounded corners on all UI components
Other pages
  • /features: grid layout of feature cards with icons and brief descriptions
  • /pricing: tiered pricing table with three columns, highlighted mid-tier
  • /blog: list of article cards with featured images and meta info
  • /contact: form with input fields and map placeholder

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 "Proactiv Marketing Template" template. Reference brief: Proactiv is a marketing template designed for SaaS companies focusing on marketing tools for social media. 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.