웹사이트 템플릿

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.

이 템플릿의 설명은 아직 한국어로 제공되지 않아 영어로 표시됩니다.

Landing Page · SaaS · 무료

페이지

라이브 데모의 페이지별 스크린샷입니다. 페이지 안에서 스크롤하면 전체를 볼 수 있습니다.

/embed/templates/nexacoreNexaCore preview - Hirael
NexaCore 웹사이트 템플릿, /embed/templates/nexacore 페이지, 1부분NexaCore 웹사이트 템플릿, /embed/templates/nexacore 페이지, 2부분

디자인 분석

이 템플릿 디자인을 AI가 분석한 내용입니다: 색상, 글꼴, 여백, 섹션, 특징적인 디테일. 템플릿을 사용하면 Ottermind가 여기에서 시작합니다.

이 분석은 아직 한국어로 제공되지 않아 영어로 표시됩니다.

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

템플릿 정보

카테고리
Landing Page, SaaS
제작자
mohammadshehadeh
게시처
21st.dev
가격
무료
  • Landing Page
  • SaaS

원본 디자인: mohammadshehadeh (21st.dev에 게시). Ottermind는 템플릿 코드를 복사하지 않고, 브리프를 바탕으로 새 사이트를 만듭니다.

Ottermind가 시작하는 브리프

Studio에서 초안으로 열립니다. 보내기 전에 브랜드, 대상, 페이지를 추가하세요.

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.

이 템플릿 사용 방법

  1. 1

    “이 템플릿 사용하기”를 누르면 브리프가 채워진 상태로 Ottermind Studio가 열립니다.

  2. 2

    브리프에 브랜드, 대상, 페이지, 콘텐츠를 추가하세요.

  3. 3

    Ottermind가 이 디자인에서 영감을 받은 새 사이트를 만듭니다. 채팅으로 계속 다듬으세요.