Website-Vorlage
Doks
Build beautiful, high-performance documentation websites with Doks.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Landing Page · Blog · 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
documentation site, clean and minimal, low density, light
- Palette
background #ffffff; surfaces [#3347ff, #edeef3]; text #000000; muted text #1d2d35; primary #3347ff; accents []
- Type
headings Jost, 700, sentence-case; body Jost, 14px; scale h1 52px, h2 20px, h3 18px
- Shape & spacing
button radius 800px, card radius 0px, borders 1px solid #eaeaea, shadows none, section spacing 64px, content width 1320px
- Sections (top to bottom)
- Header — horizontal navigation with logo, links, and icons on right; white background
- Hero — centered headline, subtext, and primary CTA button; dotted pattern below
- Content grid — three-column layout with instructions; each column has a heading and paragraph
- Footer — thin line above, two lines of text aligned left and right; white background
- Signature details
- Rounded pill-shaped primary button in blue
- Dotted horizontal divider beneath hero
- Light gray border around blog post card
- Collapsible sidebar menu on docs page
- "On this page" table of contents on right
- Minimalist footer with attribution and privacy link
- Other pages
- /blog/: single blog post card with date and read time, centered under "Blog" heading
- /docs/guides/example-guide/: sidebar navigation, main content with guide text, next link at bottom, TOC on right
Details zur Vorlage
- Kategorie
- Landing Page, Blog, Documentation, Starter Kit
- Technologie
- Hugo
- Lizenz
- MIT
- Autor
- Henk Verlinde
- Gelistet auf
- Hugo Themes
- Preis
- Kostenlos
- blog
- bootstrap
- dark-mode
- docs
- landing
- minimal
Originaldesign von Henk Verlinde, 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 landing page website inspired by the "Doks" template. Reference brief: Build beautiful, high-performance documentation websites with Doks. Style and features to reflect: blog, bootstrap, dark-mode, docs, landing, minimal. 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.
