Modèle de site web

PaperMod

A fast, clean, responsive Hugo theme

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

Portfolio · Blog · Gratuit

PaperMod

Pages

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

/hugo-PaperMod/PaperMod
Modèle de site PaperMod, page /hugo-PaperMod/, partie 1
/hugo-PaperMod/aboutAbout | PaperMod
Modèle de site PaperMod, page /hugo-PaperMod/about, partie 1Modèle de site PaperMod, page /hugo-PaperMod/about, partie 2

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

blog, clean, minimal, light

Palette

background #f5f5f5; surfaces [#ffffff, #1e1e1e]; text #1e1e1e; muted text #6c6c6c; primary #000000; accents []

Type

headings (-apple-system, 700, title case); body (-apple-system, 16px); scale (h1: 34px, h2: 24px, h3: 18px)

Shape & spacing

button radius 18px, card radius 8px, no borders, no shadows, section spacing 40px, content width 718px

Sections (top to bottom)
  • Header — horizontal nav bar with logo, language selector, and menu links, white background
  • Hero — centered headline, subheading, bullet list, social icons (GitHub, Discord, Twitter, Coffee), white background
  • Article cards — three stacked cards with titles, excerpts, metadata, white background, rounded corners
  • Pagination — "Next 2/4" button, black pill-shaped, right-aligned
  • Footer — centered copyright and attribution text, light gray
Signature details
  • Minimalist layout with generous whitespace
  • Rounded card corners and pill-shaped buttons
  • Consistent use of -apple-system font across all text
  • Social icons as inline SVGs with uniform size
  • Clean, unobtrusive pagination control
  • Language toggle in header with flag icon
Other pages
  • /about: full-width content with table of contents, feature list, images, and call-to-action buttons

Détails du modèle

Catégorie
Portfolio, Blog, Starter Kit
Technologies
Hugo
Licence
MIT
Auteur
Aditya Telange
Publié sur
Hugo Themes
Prix
Gratuit
  • blog
  • dark
  • light
  • minimal
  • multilingual
  • personal

Design original de Aditya Telange, 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 portfolio website inspired by the "PaperMod" template. Reference brief: A fast, clean, responsive Hugo theme Style and features to reflect: blog, dark, light, minimal, multilingual, personal. 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.