Plantilla web
Simple Sidebar
An off canvas sidebar navigation Bootstrap HTML template created by Start Bootstrap
La descripción de esta plantilla aún no está disponible en español, así que se muestra en inglés.
Website · 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
dashboard, clean, low density, light
- Palette
background #ffffff; surfaces [#0d6efd]; text #212529; muted text #636464; primary #0d6efd; accents [#d63384]
- Type
headings system-ui, 500, sentence-case; body system-ui, 16px; scale h1 40px
- Shape & spacing
button radius 6px, no borders, no shadows, section spacing 24px, content width 100% (fluid)
- Sections (top to bottom)
- Top navbar — horizontal layout, 3 items right-aligned (Home, Link, Dropdown), blue toggle button left-aligned, white background, thin top border
- Sidebar — vertical navigation on left, fixed width, light gray background, list items stacked with 1px bottom border, dark text, hover state not visible
- Main content — full-width area with large headline, paragraph text, and inline code snippets in purple, white background, aligned to right of sidebar
- Signature details
- Blue "Toggle Menu" button with rounded corners
- Purple inline code syntax highlighting (#page-content-wrapper, #sidebarToggle)
- Collapsible sidebar behavior indicated by responsive design
- Minimalist layout with ample whitespace
- Fixed-position sidebar with non-overlapping content wrapper
- System UI font stack across all elements
- Other pages
- /dashboard: same structure, different content
- /shortcuts: same structure, different content
- /overview: same structure, different content
- /events: same structure, different content
- /profile: same structure, different content
- /status: same structure, different content
Detalles de la plantilla
- Categoría
- Website
- Tecnología
- Bootstrap, HTML5
- Licencia
- MIT
- Autor
- Start Bootstrap
- Publicada en
- Start Bootstrap
- Precio
- Gratis
- bootstrap
- bootstrap-4
- bootstrap-5
- bootstrap-5-template
- bootstrap-template
- bootstrap-theme
- bootstrap4
- bootstrap5
- bootstrap5-template
- css
- free
- html
Diseño original de Start Bootstrap, publicado en Start Bootstrap. 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 "Simple Sidebar" template. Reference brief: An off canvas sidebar navigation Bootstrap HTML template created by Start Bootstrap Style and features to reflect: bootstrap, bootstrap-4, bootstrap-5, bootstrap-5-template, bootstrap-template, bootstrap-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.
