Website-Vorlage
Sb Admin 2
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
dashboard, professional, medium density, light
- Palette
background #ffffff; surfaces [#f8f9fc, #4e73df, #eaecf4, #1cc88a]; text #858796; muted text #ffffff; primary #4e73df; accents [#1cc88a, #36b9cc, #f6c23e]
- Type
headings Nunito, 400, sentence-case; body Nunito, 12px; scale h1 28px, h2/h3 not specified
- Shape & spacing
button/card radius 3.2px/5.6px, no borders, shadow rgba(58, 59, 69, 0.15) 0px 2.4px 28px 0px, section spacing 20px, content width 1170px
- Sections (top to bottom)
- Header — horizontal layout, left-aligned logo, centered search bar, right-aligned user profile and notification icons, white background
- Sidebar — vertical navigation with blue background (#4e73df), white text, expandable menu items, rocket illustration in promo card
- Dashboard — grid layout with 4 stat cards (monthly earnings, annual earnings, task progress, pending requests), followed by two large charts (line and donut), then project progress bars and color swatches
- Content blocks — two-column layout with "Illustrations" (SVG image + text) and "Development Approach" (text block), both with subtle shadows and rounded corners
- Footer — centered copyright text, light gray, small font
- Signature details
- Rounded card corners with consistent 5.6px radius
- Soft drop shadows on all cards
- Color-coded status indicators using accent palette
- Horizontal progress bars with percentage labels
- SVG illustrations integrated into content sections
- Promotional call-to-action card in sidebar with gradient button
- Other pages
- /components: component showcase with interactive examples
- /charts: chart types with configuration options
- /tables: data tables with sorting and pagination
Details zur Vorlage
- Kategorie
- Dashboard
- Technologie
- Bootstrap, HTML5
- Lizenz
- MIT
- Autor
- Start Bootstrap
- Gelistet auf
- Start Bootstrap
- Preis
- Kostenlos
- bootstrap
- bootstrap-4
- bootstrap-template
- bootstrap-theme
- bootstrap4
- free
- html
- open-source
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 2" template. Reference brief: A free, open source, Bootstrap admin theme created by Start Bootstrap Style and features to reflect: bootstrap, bootstrap-4, bootstrap-template, bootstrap-theme, bootstrap4, free. 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.
