웹사이트 템플릿

Aspect - Corporate marketing template Next.js & Astro

A corporate template built on shadcn/ui and Tailwind. Available in both Next.js and Astro editions, perfect for creating a sophisticated marketing site.

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

Landing Page · Agency · 무료

라이브 데모 열기

Aspect - Corporate marketing template Next.js & Astro

디자인 분석

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

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

Overall: corporate landing page, sleek and modern, high density, dark
Palette: background #000000; surfaces #0a0a0a, #111111; text #ffffff; muted text #8e8e8e; primary #60a5fa; accents #10b981, #fbbf24
Type: headings Inter, 700, sentence-case; body Inter, 16px; scale h1 48px, h2 32px, h3 24px
Shape & spacing: button radius 8px, card radius 12px, borders none, shadows soft drop (0 10px 25px rgba(0,0,0,0.5)), section spacing 120px, content width 1280px
Sections (top to bottom): Header — fixed navigation bar with logo on left, menu items centered, login button right-aligned, black background
Hero — full-width section with two-column layout: left side has headline, subheadline, two CTA buttons (dark and white); right side displays a dashboard mockup with financial data, dark blue surface with subtle glow effect, semi-transparent overlay
Trust section — centered headline "Powering the world's best." followed by a horizontal row of client logos in white, evenly spaced, aligned center
Features — four-column grid of cards with icons, headlines, and short descriptions, each card has light border and hover effect
Signature details: Dark theme with high contrast between text and background
Dashboard mockup with realistic UI elements and micro-interactions
Subtle glow around the dashboard image
Client logos displayed in clean, minimalist style
Floating navigation bar with transparent effect on scroll
Soft shadows and rounded corners for depth
Other pages: /about: brief company history and mission statement
/pricing: tiered pricing table with feature comparison
/contact: contact form with map and address details

템플릿 정보

카테고리: Landing Page, Agency
기술: Next.js, Astro, Tailwind CSS, shadcn/ui
라이선스: Commercial
제작자: Shadcnblocks
게시처: Shadcnblocks
가격: 무료

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

Ottermind가 시작하는 브리프

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

Build a landing page website inspired by the "Aspect" template. Reference brief: A corporate template built on shadcn/ui and Tailwind. Available in both Next.js and Astro editions, perfect for creating a sophisticated marketing site. Use original copy and imagery for my brand rather than the reference's placeholder content.