Website-Vorlage
Sb Admin
A free, open source, Bootstrap admin theme created by Start Bootstrap
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Dashboard · Kostenlos
Seiten
Screenshots der Live-Demo, Seite für Seite. Scrollen Sie innerhalb einer Seite, um sie ganz zu sehen.
Design-Analyse
Eine KI-Auswertung des Designs dieser Vorlage: Farben, Typografie, Abstände, Abschnitte und markante Details. Ottermind startet damit, wenn Sie die Vorlage verwenden.
Diese Analyse ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
- Overall
admin dashboard, professional, medium density, light
- Palette
background #ffffff; surfaces [#212529, #0d6efd, #ffc107, #198754]; text #212529; muted text #ffffff; primary #0d6efd; accents [#ffc107, #198754, #dc3545]
- Type
headings system-ui, 500, sentence-case; body system-ui, 16px; scale h1 40px / h2 32px / h3 24px
- Shape & spacing
card radius 6px, no borders, subtle drop shadows, section spacing 24px, content width 1200px max
- Sections (top to bottom)
- Top navigation — horizontal bar with search input and user dropdown, dark background #212529, white text
- Sidebar — vertical navigation on left, dark #212529 background, white text, collapsible menu items with icons
- Main content — two-column layout for charts and data table, white cards with rounded corners, consistent padding
- Chart sections — area and bar charts in separate cards, labeled with icons, blue data lines and bars
- DataTable — sortable table with pagination, header row highlighted, alternating row colors
- Footer — light gray background, centered copyright text, right-aligned links
- Signature details
- Color-coded status cards (blue, yellow, green, red) with "View Details" buttons
- Consistent card design with rounded corners and subtle shadow
- Icon-based navigation labels in sidebar
- Hover effects on interactive elements like buttons and table rows
- Fixed or static navigation behavior demonstrated across pages
- Clean, minimal typography with clear hierarchy
- Other pages
- /startbootstrap-sb-admin/layout-static.html: Static navigation example with long content scroll, navigation stays at top
Details zur Vorlage
- Kategorie
- Dashboard
- Technologie
- Bootstrap, HTML5
- Lizenz
- MIT
- Autor
- Start Bootstrap
- Gelistet auf
- Start Bootstrap
- Preis
- Kostenlos
- admin
- admin-template
- bootstrap
- bootstrap-4
- bootstrap-5
- bootstrap-5-template
- bootstrap-template
- bootstrap-theme
- bootstrap4
- bootstrap5
- bootstrap5-template
- css
Originaldesign von Start Bootstrap, gelistet auf Start Bootstrap. Ottermind kopiert nicht den Code der Vorlage, sondern erstellt aus dem Briefing eine neue Website.
Das Briefing, mit dem Ottermind startet
Es öffnet sich in Studio als Entwurf – ergänzen Sie Marke, Zielgruppe und Seiten, bevor Sie es senden.
Build a dashboard website inspired by the "Sb Admin" template. Reference brief: A free, open source, Bootstrap admin theme created by Start Bootstrap Style and features to reflect: admin, admin-template, bootstrap, bootstrap-4, bootstrap-5, bootstrap-5-template. Use original copy and imagery for my brand rather than the reference's placeholder content.
So verwenden Sie diese Vorlage
- 1
Klicken Sie auf „Diese Vorlage verwenden“, um sie mit ausgefülltem Briefing in Ottermind Studio zu öffnen.
- 2
Ergänzen Sie das Briefing um Marke, Zielgruppe, Seiten und Inhalte.
- 3
Ottermind erstellt eine neue Website, inspiriert von diesem Design – im Chat verfeinern Sie sie weiter.
