Modèle de site web
Hugoplate
Hugoplate is a free starter template built with Hugo, and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time.
La description de ce modèle n’est pas encore disponible en français ; elle s’affiche en anglais.
Landing Page · Portfolio · 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
landing page, clean and minimal, low density, light
- Palette
background #ffffff; surfaces [#1f2937]; text #1f2937; muted text #6b7280; primary #1f2937; accents []
- Type
headings Inter, 700, sentence-case; body Inter, 16px; scale h1 48px, h2 36px, h3 28px
- Shape & spacing
button radius 6px, no borders, subtle drop shadow on buttons, section spacing 80px, content width 1200px max
- Sections (top to bottom)
- Header — horizontal layout, logo left, nav center-right with Home, About, Elements, Pages dropdown, search icon, dark mode toggle, Github button; white background
- Hero — centered layout, single column, large headline, subheading, CTA button "Fork Deploy and Edit Online" with rocket emoji, black-and-white illustration below; white background
- Footer — not visible in screenshot
- Signature details
- Monochrome line-art illustration of person at desk with laptop, lamp, clock, plant, coffee cup
- Minimalist design with high contrast between black text/lines and white background
- Rounded corners on all interactive elements
- Clean typography hierarchy using Inter font family
- Subtle hover effect on navigation items and buttons
- Dark mode toggle with sun/moon icon
- Other pages
- /about: brief bio and project details
- /elements: UI components showcase
- /pages: example page layouts
Détails du modèle
- Catégorie
- Landing Page, Portfolio, Blog, Starter Kit
- Technologies
- Hugo
- Licence
- MIT
- Auteur
- Zeon Studio
- Publié sur
- Hugo Themes
- Prix
- Gratuit
- blog
- contact
- dark
- dark-mode
- landing
- light
- minimal
- multilingual
- personal
- tailwind
Design original de Zeon Studio, 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 "Hugoplate" template. Reference brief: Hugoplate is a free starter template built with Hugo, and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time. Style and features to reflect: blog, contact, dark, dark-mode, landing, light. 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.
