Web sitesi şablonu
Vetra
Animated landing page for an AI marketing automation platform, built with Next.js, Tailwind CSS and Framer Motion.
Bu şablonun açıklaması henüz Türkçe olarak mevcut değil, bu yüzden İngilizce gösteriliyor.
Landing Page · SaaS · Ücretsiz
Sayfalar
Canlı demonun sayfa sayfa ekran görüntüleri. Tamamını görmek için sayfanın içinde kaydırın.
Tasarım analizi
Bu şablonun tasarımının yapay zekâ ile okunması: renkler, yazı tipleri, boşluklar, bölümler ve öne çıkan ayrıntılar. Şablonu kullandığınızda Ottermind buradan başlar.
Bu analiz henüz Türkçe olarak mevcut değil, bu yüzden İngilizce gösteriliyor.
- Overall
SaaS landing page, futuristic, high-density, dark
- Palette
background #09090b; surfaces [#2563eb, #fafafa, #3b82f6, #0ea5e9]; text #fafafa; muted text #a3a3a3; primary #3b82f6; accents [#2563eb, #0ea5e9]
- Type
headings heading, 700, sentence-case; body heading, 18px; scale h1 72px / h2 48px / h3 20px
- Shape & spacing
button radius 7.6px, card radius 24px, no borders, subtle drop shadows, section spacing 120px, content width 1152px
- Sections (top to bottom)
- Hero — full-width, centered headline with two CTA buttons, dark gradient background with faint circular overlay, floating dashboard mockup below
- Trusted brands — logo row centered, followed by feature grid of 5 cards in 2 rows (3+2), each with icon, title, subtitle, and illustrative UI element
- Dashboard preview — two data cards side-by-side (Campaign Insights, Audience Metrics), then Social Media Integration with central logo and radial social icons
- Pricing — two-tier plan cards (Standard, Mastermind) with toggle for billing, followed by language support grid with flags and names
- Footer — not visible in screenshots
- Signature details
- Floating dashboard UI mockup with macOS-style window controls
- Animated radial pulse around central social integration icon
- Subtle glow on interactive elements like buttons and hover states
- Consistent use of purple-blue accent gradients in charts and highlights
- Minimalist card design with rounded corners and soft inner shadows
- Micro-interactions implied via hover states and animated transitions
- Other pages
- /pricing: pricing comparison table with tiered features
- /features: detailed feature breakdown with illustrations
- /blog: article list with thumbnails and meta-data
- /contact: form with input fields and submission button
Şablon ayrıntıları
- Kategori
- Landing Page, SaaS, AI
- Yazar
- larsen66
- Yayınlandığı yer
- 21st.dev
- Fiyat
- Ücretsiz
- Landing Page
- AI
- SaaS
Orijinal tasarım: larsen66, 21st.dev üzerinde yayınlandı. Ottermind şablonun kodunu kopyalamaz; brife göre yeni bir site oluşturur.
Ottermind’in başladığı brif
Studio’da taslak olarak açılır; göndermeden önce markanızı, hedef kitlenizi ve sayfalarınızı ekleyin.
Build a landing page website inspired by the "Vetra" template. Reference brief: Animated landing page for an AI marketing automation platform, built with Next.js, Tailwind CSS and Framer Motion. Use original copy and imagery for my brand rather than the reference's placeholder content.
Bu şablon nasıl kullanılır
- 1
Brifi doldurulmuş şekilde Ottermind Studio’da açmak için “Bu şablonu kullan”a tıklayın.
- 2
Brife markanızı, hedef kitlenizi, sayfalarınızı ve içeriğinizi ekleyin.
- 3
Ottermind bu tasarımdan ilham alan yeni bir site oluşturur; sohbette düzenlemeye devam edin.
