Website-Vorlage
Design & Development Studio Template
A modern, clean template focused for design and development studios to showcase their services, projects, and pricing.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Portfolio · SaaS · 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
agency website, professional and minimalist mood, low density, light
- Palette
background #f8f9fa; surfaces #ffffff, #f0f2f5; text #1a1a1a; muted text #6b7280; primary #3b82f6; accents #1e40af, #06b6d4, #8b5cf6
- 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 1px solid #e5e7eb, shadows 0 1px 3px rgba(0,0,0,0.1), section spacing 80px, content width 1200px
- Sections (top to bottom)
- Hero — full-width banner with mountain image overlay, centered headline and subheadline, two CTA buttons, logo row below; background semi-transparent white overlay
- Client logos — horizontal grid of four brand logos with labels, centered under dotted line divider
- Process section — left-aligned heading and paragraph above a large illustration of design tools and interface mockups, with dark navigation bar at bottom showing "Geist", "Home", "Brand"
- Signature details
- Semi-transparent overlay on hero image for text legibility
- Dotted horizontal divider between sections
- Rounded corners on all interactive elements
- Minimalist iconography in client logos
- Floating dark navigation bar over illustration
- Subtle drop shadow on cards and buttons
- Other pages
- /work: gallery layout of project thumbnails
- /pricing: tiered pricing table with feature comparison
- /services: service cards with icons and brief descriptions
Details zur Vorlage
- Kategorie
- Portfolio, SaaS, Agency
- Lizenz
- Commercial
- Autor
- Aceternity UI
- Gelistet auf
- Aceternity UI
- Preis
- Kostenlos
Originaldesign von Aceternity UI, gelistet auf Aceternity UI. 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 portfolio website inspired by the "Design & Development Studio Template" template. Reference brief: A modern, clean template focused for design and development studios to showcase their services, projects, and pricing. 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.
