Webサイトテンプレート

Sb Admin

A free, open source, Bootstrap admin theme created by Start Bootstrap

このテンプレートの説明はまだ日本語に対応していないため、英語で表示しています。

Dashboard · 無料

ライブデモを開くソースリポジトリを見る

ページ

ライブデモのページごとのスクリーンショットです。枠内をスクロールするとページ全体を見られます。

Sb Admin Webサイトテンプレート、/startbootstrap-sb-admin/index.html ページ、1 番目 — /startbootstrap-sb-admin/index.htmlDashboard - SB Admin

Sb Admin Webサイトテンプレート、/startbootstrap-sb-admin/layout-static.html ページ、1 番目 — /startbootstrap-sb-admin/layout-static.htmlStatic Navigation - SB Admin

Sb Admin Webサイトテンプレート、/startbootstrap-sb-admin/layout-sidenav-light.html ページ、1 番目 — /startbootstrap-sb-admin/layout-sidenav-light.htmlSidenav Light - SB Admin

デザイン解説

このテンプレートのデザインを AI が読み解いたものです：配色、書体、余白、セクション、特徴的なディテール。テンプレートを使うと Ottermind はここから始めます。

この解説はまだ日本語に対応していないため、英語で表示しています。

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

テンプレート情報

カテゴリ: Dashboard
技術: Bootstrap, HTML5
ライセンス: MIT
作者: Start Bootstrap
掲載元: Start Bootstrap
価格: 無料

admin
admin-template
bootstrap
bootstrap-4
bootstrap-5
bootstrap-5-template
bootstrap-template
bootstrap-theme
bootstrap4
bootstrap5
bootstrap5-template
css

オリジナルデザイン：Start Bootstrap（Start Bootstrap に掲載）。Ottermind はテンプレートのコードをコピーせず、ブリーフをもとに新しいサイトを作ります。

Ottermind が起点にするブリーフ

Studio で下書きとして開きます。送信前にブランド、対象者、ページを書き足してください。

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.