Modèle de site web
LoveIt
A Clean, Elegant but Advanced Hugo Theme for Hugo.
La description de ce modèle n’est pas encore disponible en français ; elle s’affiche en anglais.
Blog · Gratuit
Pages
Captures de la démo, page par page. Faites défiler une page pour la voir en entier.
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 and modern, low density, light
- Palette
background #ffffff; surfaces [#f8f8f8]; text #161209; muted text #a9a9b3; primary #2d96bd; accents []
- Type
headings system-ui, 700, sentence-case; body system-ui, 16px; scale h1 20px
- Shape & spacing
card radius 0px, borders none, shadows none, section spacing 40px, content width 788px
- Sections (top to bottom)
- header — horizontal navigation with logo on left, menu items right-aligned, social icons below avatar, white background
- hero — centered avatar with tagline, social media icons in a row beneath, white background
- posts grid — two-column layout on desktop, each post has featured image, headline, author/date, category, excerpt, tags, read more link, light gray surface background
- footer — centered attribution line with Hugo and theme credit, copyright notice, CC license
- Signature details
- consistent use of system-ui font across all elements
- minimalistic design with no decorative borders or shadows
- uniform spacing between sections and cards
- feature list with icon prefixes in the about page
- monochrome social icons in circular form
- responsive layout with mobile-first structure
- Other pages
- /about/: full-width hero with device mockups, features listed in collapsible sections with icons, light blue info box at top
- /posts/: chronological list grouped by year, plain text layout with dates aligned right, minimal styling
Détails du modèle
- Catégorie
- Blog
- Technologies
- Hugo
- Licence
- MIT
- Auteur
- Dillon
- Publié sur
- Hugo Themes
- Prix
- Gratuit
- blog
- dark
Design original de Dillon, 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 blog website inspired by the "LoveIt" template. Reference brief: A Clean, Elegant but Advanced Hugo Theme for Hugo. Style and features to reflect: blog, dark. Use original copy and imagery for my brand rather than the reference's placeholder content.
Comment utiliser ce modèle
- 1
Cliquez sur « Utiliser ce modèle » pour l’ouvrir dans Ottermind Studio avec son brief prérempli.
- 2
Ajoutez au brief votre marque, votre public, vos pages et votre contenu.
- 3
Ottermind crée un nouveau site inspiré de ce design — continuez à l’ajuster dans la conversation.
