Plantilla web
Docsy
Theme
La descripción de esta plantilla aún no está disponible en español, así que se muestra en inglés.
Website · Gratis
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
documentation site, clean and professional, low density, light
- Palette
background #f5f5f5; surfaces #ffffff, #f9f9f9; text #1a1a1a; muted text #666666; primary #0066cc; accents #0099ff, #333333
- Type
headings Inter, 700, uppercase; body Inter, 16px; scale h1 48px, h2 36px, h3 24px
- Shape & spacing
button radius 6px, card radius 8px, borders 1px solid #e0e0e0, shadows 0 2px 4px rgba(0,0,0,0.1), section spacing 80px, content width 1200px
- Sections (top to bottom)
- Hero — full-width layout, single column, large headline centered, two CTA buttons below, background gradient from #f5f5f5 to #e0e0e0
- Features — three-column grid, each with icon, heading, and short paragraph, white cards on light gray background
- Documentation — two-column layout, left sidebar with navigation list, right main content area with nested headings and code blocks
- Testimonials — horizontal scrollable row of quote cards with avatar images, alternating alignment
- Footer — single column, logo row, links grouped in columns, copyright line
- Signature details
- Hexagonal lettering in header logo
- Consistent use of rounded corners across all UI elements
- Subtle drop shadows on cards and buttons
- Monospaced code blocks with syntax highlighting
- Hover effects on interactive elements (buttons, nav items)
- Clean, minimal typography hierarchy with consistent spacing
- Other pages
- /docs: structured documentation with sidebar navigation and collapsible sections
- /blog: article list with featured image, title, excerpt, and read-more link
- /about: team section with profile cards and mission statement
Detalles de la plantilla
- Categoría
- Website
- Tecnología
- Hugo
- Publicada en
- Hugo Themes
- Precio
- Gratis
Diseño original de Hugo Themes, 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 website website inspired by the "Docsy" template. Reference brief: Theme 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.
