Modèle de site web
Simple Sidebar
An off canvas sidebar navigation Bootstrap HTML template created by Start Bootstrap
La description de ce modèle n’est pas encore disponible en français ; elle s’affiche en anglais.
Website · 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
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
Détails du modèle
- Catégorie
- Website
- Technologies
- Bootstrap, HTML5
- Licence
- MIT
- Auteur
- Start Bootstrap
- Publié sur
- Start Bootstrap
- Prix
- Gratuit
- bootstrap
- bootstrap-4
- bootstrap-5
- bootstrap-5-template
- bootstrap-template
- bootstrap-theme
- bootstrap4
- bootstrap5
- bootstrap5-template
- css
- free
- html
Design original de Start Bootstrap, publié sur Start Bootstrap. 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 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.
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.
