Website-Vorlage
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.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Landing Page · SaaS · Kostenlos
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
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
Details zur Vorlage
- Kategorie
- Landing Page, SaaS
- Autor
- mohammadshehadeh
- Gelistet auf
- 21st.dev
- Preis
- Kostenlos
- Landing Page
- SaaS
Originaldesign von mohammadshehadeh, 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 "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.
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.
