Website-Vorlage
SvelteKit SaaS Kit
A free SaaS template built with SvelteKit, Supabase, and shadcn-svelte covering sign-up, OAuth, email verification, and account management. Open source.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
SaaS · Starter Kit · Kostenlos
Seiten
Screenshots der Live-Demo, Seite für Seite. Scrollen Sie innerhalb einer Seite, um sie ganz zu sehen.
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
SaaS landing page, clean and modern mood, medium density, light
- Palette
background #ffffff; surfaces [#f8fafc, #2563eb, #0f172a, #e2e8f0]; text #0f172a; muted text #334155; primary #2563eb; accents []
- Type
headings Lexend, 500, sentence-case; body Inter, 18px; scale h1 72px / h2 48px / h3 16px
- Shape & spacing
button radius 9999px, card radius 12px, no borders, shadow rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset, section spacing 80px, content width 1216px
- Sections (top to bottom)
- Header — horizontal navigation with logo, links, sign-in, and CTA button, white background
- Hero — centered headline with "made simple" underlined in blue, subtext, two CTA buttons, white background
- Trust badges — row of six company logos, centered, white background
- Features section — gradient blue background, headline, subtext, left-aligned feature list with icons, right-aligned software UI mockup
- Task simplification — three-column layout with icons, labels, and descriptions, white background
- Testimonials — grid of six cards with quotes, names, titles, and circular avatars, white background
- Pricing — dark background, three-tiered pricing cards with highlighted middle tier, each with features and "Get started" buttons
- FAQ — three-column layout with questions and answers, light gradient background
- Footer — centered logo, navigation links, copyright, social icons, white background
- Signature details
- Underlined words in headlines ("made simple", "Simple pricing")
- Gradient backgrounds transitioning from blue to purple
- Software UI mockups embedded in sections
- Rounded corners on cards and buttons
- Subtle inset shadows on interactive elements
- Consistent use of blue primary color across CTAs and highlights
- Other pages
- /pricing: Pricing tiers with features and CTAs
- /testimonials: User quotes with avatars and roles
Details zur Vorlage
- Kategorie
- SaaS, Starter Kit
- Autor
- kizivat
- Gelistet auf
- 21st.dev
- Preis
- Kostenlos
- Boilerplate
- SaaS
Originaldesign von kizivat, gelistet auf 21st.dev. 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 saas website inspired by the "SvelteKit SaaS Kit" template. Reference brief: A free SaaS template built with SvelteKit, Supabase, and shadcn-svelte covering sign-up, OAuth, email verification, and account management. Open source. Style and features to reflect: Boilerplate. 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.
