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.
このテンプレートの説明はまだ日本語に対応していないため、英語で表示しています。
Landing Page · SaaS · 無料
ページ
ライブデモのページごとのスクリーンショットです。枠内をスクロールするとページ全体を見られます。
デザイン解説
このテンプレートのデザインを 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
「このテンプレートを使う」をクリックすると、ブリーフ入りで Ottermind Studio が開きます。
- 2
ブリーフにブランド、対象者、ページ、内容を書き足します。
- 3
Ottermind がこのデザインに着想を得た新しいサイトを作ります。チャットで続けて調整できます。
