Modèle de site web

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.

La description de ce modèle n’est pas encore disponible en français ; elle s’affiche en anglais.

Landing Page · SaaS · Gratuit

Pages

Captures de la démo, page par page. Faites défiler une page pour la voir en entier.

/embed/templates/nexacoreNexaCore preview - Hirael
Modèle de site NexaCore, page /embed/templates/nexacore, partie 1Modèle de site NexaCore, page /embed/templates/nexacore, partie 2

Analyse du design

Une lecture par IA du design de ce modèle : couleurs, typographie, espacements, sections et détails marquants. Ottermind en part quand vous utilisez le modèle.

Cette analyse n’est pas encore disponible en français ; elle s’affiche en anglais.

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

Détails du modèle

Catégorie
Landing Page, SaaS
Auteur
mohammadshehadeh
Publié sur
21st.dev
Prix
Gratuit
  • Landing Page
  • SaaS

Design original de mohammadshehadeh, publié sur 21st.dev. Ottermind ne copie pas le code du modèle : il crée un nouveau site à partir du brief.

Le brief dont part Ottermind

Il s’ouvre dans Studio comme brouillon — ajoutez votre marque, votre public et vos pages avant l’envoi.

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.

Comment utiliser ce modèle

  1. 1

    Cliquez sur « Utiliser ce modèle » pour l’ouvrir dans Ottermind Studio avec son brief prérempli.

  2. 2

    Ajoutez au brief votre marque, votre public, vos pages et votre contenu.

  3. 3

    Ottermind crée un nouveau site inspiré de ce design — continuez à l’ajuster dans la conversation.