Website-Vorlage
Hyde
An elegant open source and mobile first theme
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Blog · 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
blog, minimalist, low density, dark/light split
- Palette
background #1b1b1b; surfaces #ffffff, #f8f8f8; text #000000; muted text #666666; primary #3498db; accents #e74c3c, #2ecc71, #f39c12
- Type
headings Helvetica Neue, 700, sentence-case; body Helvetica Neue, 16px; scale h1 32px, h2 24px, h3 20px
- Shape & spacing
button/card radius 0px; borders 1px solid #e0e0e0; shadows none; section spacing 40px; content width 800px
- Sections (top to bottom)
- Header — two-column layout, fixed sidebar on left (dark), main content on right (light); logo row, headline, subhead, download links, copyright
- Hero — full-width, centered headline "Hello, world!" with date below, intro paragraph
- Features — list of bullet points with bolded keywords, structured under heading
- Browser support — paragraph with inline emphasis on browser names
- Documentation — brief paragraph with link to GitHub
- Download — call-to-action with link styled as primary color
- Signature details
- Dark sidebar with white text and minimal padding
- Clean, sans-serif typography throughout
- Left-aligned content with generous whitespace
- Monospaced code snippets in syntax-highlighted blocks
- Hover effects on links and buttons
- Fixed sidebar navigation with vertical alignment
- Other pages
- /docs: Documentation page with code examples and setup instructions
- /download: Direct download page with version info and release notes
Details zur Vorlage
- Kategorie
- Blog, Agency
- Technologie
- Hugo
- Lizenz
- MIT
- Autor
- spf13
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- company
Originaldesign von spf13, 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 blog website inspired by the "Hyde" template. Reference brief: An elegant open source and mobile first theme Style and features to reflect: blog, company. 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.
