웹사이트 템플릿

Charter - Fintech marketing template Next.js & Astro

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

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

Landing Page · 무료

라이브 데모 열기

Charter - Fintech marketing template Next.js & Astro

디자인 분석

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

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

Overall: landing page, professional, clean, light
Palette: background #F8FAFF; surfaces #FFFFFF, #F1F5F9; text #111827; muted text #6B7280; primary #2563EB; accents #10B981, #EF4444
Type: headings Inter, 700, sentence-case; body Inter, 16px; scale h1 48px, h2 32px, h3 24px
Shape & spacing: button/card radius 8px, borders 1px solid #E5E7EB, shadows 0 10px 15px -3px rgba(0,0,0,0.1), section spacing 80px, content width 1280px
Sections (top to bottom): Header — horizontal layout, logo left, nav center-right with dropdowns, CTA buttons right, white background
Hero — full-width, centered headline and subheadline, primary CTA button below, light blue gradient background
Transfers demo — card with table UI, filter bar above, dark code snippet overlay with callout line, white background
Features — four-column grid, icons above labels, short descriptions, light gray background
Signature details: Floating code snippet with dark blue background and syntax highlighting
Subtle gradient bleed from hero into transfers card
Minimalist table design with soft row alternation
Rounded corners on all interactive elements
Consistent use of micro-interactions (e.g., hover states on buttons)
Clean, high-contrast typography hierarchy
Other pages: /product: Product overview with feature cards
/pricing: Tiered pricing table with comparison
/faq: Accordion-style Q&A list
/company: Team and mission section

템플릿 정보

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

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

Ottermind가 시작하는 브리프

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

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