Website-Vorlage
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.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Landing Page · Agency · 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
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
Details zur Vorlage
- Kategorie
- Landing Page, Agency
- 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 "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.
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.
