Website-Vorlage
Docsy
Theme
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Website · 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
documentation site, clean and professional, low density, light
- Palette
background #f5f5f5; surfaces #ffffff, #f9f9f9; text #1a1a1a; muted text #666666; primary #0066cc; accents #0099ff, #333333
- Type
headings Inter, 700, uppercase; body Inter, 16px; scale h1 48px, h2 36px, h3 24px
- Shape & spacing
button radius 6px, card radius 8px, borders 1px solid #e0e0e0, shadows 0 2px 4px rgba(0,0,0,0.1), section spacing 80px, content width 1200px
- Sections (top to bottom)
- Hero — full-width layout, single column, large headline centered, two CTA buttons below, background gradient from #f5f5f5 to #e0e0e0
- Features — three-column grid, each with icon, heading, and short paragraph, white cards on light gray background
- Documentation — two-column layout, left sidebar with navigation list, right main content area with nested headings and code blocks
- Testimonials — horizontal scrollable row of quote cards with avatar images, alternating alignment
- Footer — single column, logo row, links grouped in columns, copyright line
- Signature details
- Hexagonal lettering in header logo
- Consistent use of rounded corners across all UI elements
- Subtle drop shadows on cards and buttons
- Monospaced code blocks with syntax highlighting
- Hover effects on interactive elements (buttons, nav items)
- Clean, minimal typography hierarchy with consistent spacing
- Other pages
- /docs: structured documentation with sidebar navigation and collapsible sections
- /blog: article list with featured image, title, excerpt, and read-more link
- /about: team section with profile cards and mission statement
Details zur Vorlage
- Kategorie
- Website
- Technologie
- Hugo
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
Originaldesign von Hugo Themes, gelistet auf Hugo Themes. 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 website website inspired by the "Docsy" template. Reference brief: Theme 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.
