قالب موقع ويب

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

تحليل التصميم

قراءة بالذكاء الاصطناعي لتصميم هذا القالب: الألوان والخطوط والمسافات والأقسام والتفاصيل المميزة. يبدأ منها 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.