Plantilla 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 descripción de esta plantilla aún no está disponible en español, así que se muestra en inglés.
Landing Page · Portfolio · Gratis
Páginas
Capturas de la demo, página a página. Desplázate dentro de cada página para verla entera.
Análisis del diseño
Una lectura por IA del diseño de esta plantilla: colores, tipografía, espaciado, secciones y detalles característicos. Ottermind parte de ella cuando usas la plantilla.
Este análisis aún no está disponible en español, así que se muestra en inglés.
- 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
Detalles de la plantilla
- Categoría
- Landing Page, Portfolio, Blog, Starter Kit
- Tecnología
- Hugo
- Licencia
- MIT
- Autor
- Zeon Studio
- Publicada en
- Hugo Themes
- Precio
- Gratis
- blog
- contact
- dark
- dark-mode
- landing
- light
- minimal
- multilingual
- personal
- tailwind
Diseño original de Zeon Studio, publicado en Hugo Themes. Ottermind no copia el código de la plantilla: crea una web nueva a partir del briefing.
El briefing del que parte Ottermind
Se abre en Studio como borrador: añade tu marca, tu público y tus páginas antes de enviarlo.
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.
Cómo usar esta plantilla
- 1
Haz clic en «Usar esta plantilla» para abrirla en Ottermind Studio con el briefing ya escrito.
- 2
Añade al briefing tu marca, tu público, las páginas y el contenido.
- 3
Ottermind crea una web nueva inspirada en este diseño; sigue ajustándola en el chat.
