Website-Vorlage

Proactiv Marketing Template

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

Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.

SaaS · Kostenlos

Proactiv Marketing Template

Design-Analyse

Eine KI-Auswertung des Designs dieser Vorlage: Farben, Typografie, Abstände, Abschnitte und markante Details. Ottermind startet damit, wenn Sie die Vorlage verwenden.

Diese Analyse ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.

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

Details zur Vorlage

Kategorie
SaaS
Lizenz
Commercial
Autor
Aceternity UI
Gelistet auf
Aceternity UI
Preis
Kostenlos

Originaldesign von Aceternity UI, gelistet auf Aceternity UI. Ottermind kopiert nicht den Code der Vorlage, sondern erstellt aus dem Briefing eine neue Website.

Das Briefing, mit dem Ottermind startet

Es öffnet sich in Studio als Entwurf – ergänzen Sie Marke, Zielgruppe und Seiten, bevor Sie es senden.

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.

So verwenden Sie diese Vorlage

  1. 1

    Klicken Sie auf „Diese Vorlage verwenden“, um sie mit ausgefülltem Briefing in Ottermind Studio zu öffnen.

  2. 2

    Ergänzen Sie das Briefing um Marke, Zielgruppe, Seiten und Inhalte.

  3. 3

    Ottermind erstellt eine neue Website, inspiriert von diesem Design – im Chat verfeinern Sie sie weiter.