Website-Vorlage
Vertex - AI Workflow Automation Landing Template
A production-grade Next.js 15 landing page for AI workflow automation products with 10 sections, a pricing comparison matrix, five pre-built pages, light and dark themes, and SEO-ready metadata.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Landing Page · AI · Original $49
Seiten
Screenshots der Live-Demo, Seite für Seite. Scrollen Sie innerhalb einer Seite, um sie ganz zu sehen.
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
landing page, clean and modern, low density, light
- Palette
background #ffffff; surfaces [#000000,#e6e6e6,#d4d4d4,#171717]; text #171717; muted text #737373; primary #2b7fff; accents [#a4f4cf,#00bc7d,#ad46ff]
- Type
headings Tiempos Headline, 600, sentence-case; body Geist, 18px; scale h1 60px / h2 36px / h3 18px
- Shape & spacing
button radius 6px, card radius 12px, borders none, shadows rgba(0,0,0,0.1) 0px 1px 3px 0px, rgba(0,0,0,0.1) 0px 1px 2px -1px, section spacing 120px, content width 1164px
- Sections (top to bottom)
- Hero — full-width, centered headline with subheading, CTA buttons, logo row, navigation bar, tagline above headline
- Feature showcase — stacked cards with UI mockups, labeled sections, floating elements, subtle depth via shadow
- Workflow examples — three-column grid of feature illustrations with captions, each with a small UI snippet
- Performance metrics — four stats in a two-by-two grid, upward trend line graphic on right side
- Testimonials — eight-card grid with quotes, avatars, names, titles, company logos
- Pricing — three-column comparison table with tiered plans, pricing, features, and CTAs, billing cycle selector
- Signature details
- Floating UI mockups with layered depth
- Subtle diagonal pattern divider between sections
- Gradient accent lines in feature cards
- Minimalist avatar icons with soft shadows
- Clean, high-contrast typography hierarchy
- Hover states on interactive elements implied by design
- Other pages
- /pricing: pricing comparison matrix with tiered options
- /features: detailed feature breakdown with UI examples
- /testimonials: customer quotes with branding
- /about: brand story and mission
- /contact: form and support links
Details zur Vorlage
- Kategorie
- Landing Page, AI
- Technologie
- shadcn/ui, Next.js
- Autor
- ruixen.ui
- Gelistet auf
- 21st.dev
- Preis
- Original $49
- Landing Page
- shadcn/ui
- AI
- Next.js
- Landing Page Banner
- Startup Landing
- Bento Feature
- Workflow Automation
Originaldesign von ruixen.ui, gelistet auf 21st.dev. 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 landing page website inspired by the "Vertex" template. Reference brief: A production-grade Next.js 15 landing page for AI workflow automation products with 10 sections, a pricing comparison matrix, five pre-built pages, light and dark themes, and SEO-ready metadata. Style and features to reflect: shadcn/ui, Next.js, Landing Page Banner, Startup Landing, Bento Feature, Workflow Automation. Use original copy and imagery for my brand rather than the reference's placeholder content.
So verwenden Sie diese Vorlage
- 1
Klicken Sie auf „Diese Vorlage verwenden“, um sie mit ausgefülltem Briefing in Ottermind Studio zu öffnen.
- 2
Ergänzen Sie das Briefing um Marke, Zielgruppe, Seiten und Inhalte.
- 3
Ottermind erstellt eine neue Website, inspiriert von diesem Design – im Chat verfeinern Sie sie weiter.
