웹사이트 템플릿

Sb Admin

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

이 템플릿의 설명은 아직 한국어로 제공되지 않아 영어로 표시됩니다.

Dashboard · 무료

라이브 데모 열기 소스 저장소 보기

페이지

라이브 데모의 페이지별 스크린샷입니다. 페이지 안에서 스크롤하면 전체를 볼 수 있습니다.

Sb Admin 웹사이트 템플릿, /startbootstrap-sb-admin/index.html 페이지, 1부분 — /startbootstrap-sb-admin/index.htmlDashboard - SB Admin

Sb Admin 웹사이트 템플릿, /startbootstrap-sb-admin/layout-static.html 페이지, 1부분 — /startbootstrap-sb-admin/layout-static.htmlStatic Navigation - SB Admin

Sb Admin 웹사이트 템플릿, /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.