Web sitesi şablonu

NexaCore

Light enterprise-infrastructure landing page: a floating pill navbar that shrinks on scroll, a full-screen video hero, a dark service-card grid that unfolds on hover, a chaos-versus-control split around a circular streaming video, and a four-pillar delivery staircase.

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.

/embed/templates/nexacoreNexaCore preview - Hirael
NexaCore web sitesi şablonu, /embed/templates/nexacore sayfası, bölüm 1NexaCore web sitesi şablonu, /embed/templates/nexacore sayfası, bölüm 2

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

enterprise SaaS landing page, futuristic and authoritative, medium density, dark

Palette

background #0d1117; surfaces [#ffffff, #000000, #0a0514, #1c4eff]; text #ffffff; muted text #83799e; primary #1c4eff; accents [#1a0b54]

Type

headings Plus Jakarta Sans, 500, sentence-case; body Plus Jakarta Sans, 17px; scale h1/h2 56px, h3 24px

Shape & spacing

button radius 8px, card radius 36px, no borders, subtle drop shadows, section spacing 120px, content width 864px

Sections (top to bottom)
  • Navbar — floating pill-shaped bar with logo, nav links, search icon, and blue "Contact" button; shrinks on scroll; dark background with white text
  • Hero — full-screen gradient background with radial light burst; centered headline, subheadline, and tagline; dark overlay for contrast
  • Value proposition — centered text block with gradient-colored phrase "from groundbreak to go-live"; four dark cards below with icons, titles, and bullet points; hover reveals expanded content
  • Chaos vs Control — split layout with left-side red Xs and right-side green checks; central circular animated graphic with glowing grid; white background
  • Delivery pillars — horizontal flow with five labeled columns ("Scopes", "Integrates", etc.) connected by wavy lines; gradient wave at base; white background
Signature details
  • Floating navbar that collapses on scroll
  • Full-screen hero with dynamic radial light effect
  • Dark service cards with hover-triggered expansion
  • Central circular animated graphic in chaos-control section
  • Gradient wave connecting delivery pillars
  • Consistent use of purple-to-orange gradients in key text and visuals
Other pages
  • /what-we-build: service-focused layout with similar card grid
  • /our-method: step-by-step process with illustrated timeline
  • /who-we-are: team section with portrait grid and bios
  • /thinking: blog-style article list with featured image thumbnails

Şablon ayrıntıları

Kategori
Landing Page, SaaS
Yazar
mohammadshehadeh
Yayınlandığı yer
21st.dev
Fiyat
Ücretsiz
  • Landing Page
  • SaaS

Orijinal tasarım: mohammadshehadeh, 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 "NexaCore" template. Reference brief: Light enterprise-infrastructure landing page: a floating pill navbar that shrinks on scroll, a full-screen video hero, a dark service-card grid that unfolds on hover, a chaos-versus-control split around a circular streaming video, and a four-pillar delivery staircase. Use original copy and imagery for my brand rather than the reference's placeholder content.

Bu şablon nasıl kullanılır

  1. 1

    Brifi doldurulmuş şekilde Ottermind Studio’da açmak için “Bu şablonu kullan”a tıklayın.

  2. 2

    Brife markanızı, hedef kitlenizi, sayfalarınızı ve içeriğinizi ekleyin.

  3. 3

    Ottermind bu tasarımdan ilham alan yeni bir site oluşturur; sohbette düzenlemeye devam edin.