Website-Vorlage
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.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Landing Page · Kostenlos
Design-Analyse
Eine KI-Auswertung des Designs dieser Vorlage: Farben, Typografie, Abstände, Abschnitte und markante Details. Ottermind startet damit, wenn Sie die Vorlage verwenden.
Diese Analyse ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
- 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
Details zur Vorlage
- Kategorie
- Landing Page
- Technologie
- Next.js, Astro, Tailwind CSS, shadcn/ui
- Lizenz
- Commercial
- Autor
- Shadcnblocks
- Gelistet auf
- Shadcnblocks
- Preis
- Kostenlos
Originaldesign von Shadcnblocks, gelistet auf Shadcnblocks. Ottermind kopiert nicht den Code der Vorlage, sondern erstellt aus dem Briefing eine neue Website.
Das Briefing, mit dem Ottermind startet
Es öffnet sich in Studio als Entwurf – ergänzen Sie Marke, Zielgruppe und Seiten, bevor Sie es senden.
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.
So verwenden Sie diese Vorlage
- 1
Klicken Sie auf „Diese Vorlage verwenden“, um sie mit ausgefülltem Briefing in Ottermind Studio zu öffnen.
- 2
Ergänzen Sie das Briefing um Marke, Zielgruppe, Seiten und Inhalte.
- 3
Ottermind erstellt eine neue Website, inspiriert von diesem Design – im Chat verfeinern Sie sie weiter.
