Modèle de site web

Doks

Build beautiful, high-performance documentation websites with Doks.

La description de ce modèle n’est pas encore disponible en français ; elle s’affiche en anglais.

Landing Page · Blog · Gratuit

Doks

Pages

Captures de la démo, page par page. Faites défiler une page pour la voir en entier.

/Welcome to Doks | My Docs
Modèle de site Doks, page /, partie 1
/blog/Blog | My Docs
Modèle de site Doks, page /blog/, partie 1
/docs/guides/example-guide/Example Guide | My Docs
Modèle de site Doks, page /docs/guides/example-guide/, partie 1

Analyse du design

Une lecture par IA du design de ce modèle : couleurs, typographie, espacements, sections et détails marquants. Ottermind en part quand vous utilisez le modèle.

Cette analyse n’est pas encore disponible en français ; elle s’affiche en anglais.

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

Détails du modèle

Catégorie
Landing Page, Blog, Documentation, Starter Kit
Technologies
Hugo
Licence
MIT
Auteur
Henk Verlinde
Publié sur
Hugo Themes
Prix
Gratuit
  • blog
  • bootstrap
  • dark-mode
  • docs
  • landing
  • minimal

Design original de Henk Verlinde, publié sur Hugo Themes. Ottermind ne copie pas le code du modèle : il crée un nouveau site à partir du brief.

Le brief dont part Ottermind

Il s’ouvre dans Studio comme brouillon — ajoutez votre marque, votre public et vos pages avant l’envoi.

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.

Comment utiliser ce modèle

  1. 1

    Cliquez sur « Utiliser ce modèle » pour l’ouvrir dans Ottermind Studio avec son brief prérempli.

  2. 2

    Ajoutez au brief votre marque, votre public, vos pages et votre contenu.

  3. 3

    Ottermind crée un nouveau site inspiré de ce design — continuez à l’ajuster dans la conversation.