웹사이트 템플릿
Polar Subscription
Next.js landing page and blog with Supabase auth/database and Polar subscription integration, plus SEO optimization.
이 템플릿의 설명은 아직 한국어로 제공되지 않아 영어로 표시됩니다.
Landing Page · SaaS · 무료
페이지
라이브 데모의 페이지별 스크린샷입니다. 페이지 안에서 스크롤하면 전체를 볼 수 있습니다.
디자인 분석
이 템플릿 디자인을 AI가 분석한 내용입니다: 색상, 글꼴, 여백, 섹션, 특징적인 디테일. 템플릿을 사용하면 Ottermind가 여기에서 시작합니다.
이 분석은 아직 한국어로 제공되지 않아 영어로 표시됩니다.
- Overall
SaaS landing page, futuristic and clean, low density, light
- Palette
background #ffffff; surfaces [#00c950,#ffb900]; text #0a0a0a; muted text #737373; primary #00c950; accents [#00c950,#ffb900]
- Type
headings alphaLyra, 500, title case; body alphaLyra, 14px; scale h1 48px, h2 24px, h3 16px
- Shape & spacing
button/card radius 4px, borders 1px solid #eaeaea, shadows rgba(0, 0, 0, 0.05) 0px 1px 1px 0px, rgba(255, 252, 240, 0.5) 0px 1px 1px 0px inset, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset, rgba(28, 27, 26, 0.5) 0px 0px 1px 0px, section spacing 64px, content width 1272px
- Sections (top to bottom)
- Header — horizontal navigation with logo, links, login, dark mode toggle, white background
- Hero — two-column layout, left side with large headline "Vibe Marketing", subheading, two CTA buttons with gradient blur effect, right side with full-bleed neon-toned portrait image
- Partners — two-column layout, left side with brand logos (Lowe’s, AI), right side with bold headline "Join the best. Meet our partners."
- Features — two-column layout, left side with headline "Create viral content." and three feature cards with icons, right side with UI mockup of dashboard interface
- Quote — centered blockquote with highlighted keywords in blue and purple, white background
- Pricing — centered headline "Pricing", two pricing cards (Base, Plus) with checkmarks, "Most Popular" badge on Plus plan, CTA buttons with gradient blur
- FAQ — grid of six cards with Q&A pairs, white background
- Customers — headline "Customers", grid of user testimonials with avatars and social handles
- CTA — centered headline "Elevate your digital presence", subheading, single CTA button with gradient blur
- Footer — four-column layout with logo, quick links, resources, connect icons (Twitter, GitHub), copyright line
- Signature details
- Gradient blur effects on CTA buttons
- Neon-toned hero image with pink/blue lighting
- Minimalist card-based layout with consistent 4px radius
- Highlighted keywords in quote section using color contrast
- Clean typography with alphaLyra font family throughout
- Subtle inset shadows on cards for depth
- Other pages
- /pricing: Pricing section with two plans, Base and Plus, same footer as home
- /about: Two-column vision/story section, team grid with photos and roles, values cards in three-column layout
템플릿 정보
- 카테고리
- Landing Page, SaaS, Starter Kit
- 제작자
- cult-ui
- 게시처
- 21st.dev
- 가격
- 무료
- Landing Page
- Authentication
- SaaS
원본 디자인: cult-ui (21st.dev에 게시). Ottermind는 템플릿 코드를 복사하지 않고, 브리프를 바탕으로 새 사이트를 만듭니다.
Ottermind가 시작하는 브리프
Studio에서 초안으로 열립니다. 보내기 전에 브랜드, 대상, 페이지를 추가하세요.
Build a landing page website inspired by the "Polar Subscription" template. Reference brief: Next.js landing page and blog with Supabase auth/database and Polar subscription integration, plus SEO optimization. Style and features to reflect: Authentication. Use original copy and imagery for my brand rather than the reference's placeholder content.
이 템플릿 사용 방법
- 1
“이 템플릿 사용하기”를 누르면 브리프가 채워진 상태로 Ottermind Studio가 열립니다.
- 2
브리프에 브랜드, 대상, 페이지, 콘텐츠를 추가하세요.
- 3
Ottermind가 이 디자인에서 영감을 받은 새 사이트를 만듭니다. 채팅으로 계속 다듬으세요.
