웹사이트 템플릿

Next Shadcn Admin Dashboard

Admin dashboard on Next.js and shadcn/ui: multiple dashboard layouts, auth screens, data tables and theme presets.

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

Dashboard · 무료

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

페이지

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

디자인 분석

이 템플릿 디자인을 AI가 분석한 내용입니다: 색상, 글꼴, 여백, 섹션, 특징적인 디테일. 템플릿을 사용하면 Ottermind가 여기에서 시작합니다.

이 분석은 아직 한국어로 제공되지 않아 영어로 표시됩니다.

Overall: admin dashboard, professional, medium density, light
Palette: background #ffffff; surfaces [#fafafa, #171717, #737373, #d4d4d4]; text #0a0a0a; muted text #737373; primary #000000; accents []
Type: headings Geist, 500, sentence-case; body Geist, 14px; scale h2: 16px
Shape & spacing: button/card radius 8px, no borders, subtle shadows, section spacing 24px, content width 1200px
Sections (top to bottom): Header — horizontal layout, logo on left, search bar centered, user controls right-aligned, background #ffffff
Sidebar — vertical navigation with icons and labels, collapsible, background #fafafa, dark text
KPI cards — grid of 4 cards, each with icon, metric, trend indicator, and subtitle, background #fafafa
Customer Activity — line chart with time axis, legend, dropdown filters, background #ffffff
Customer Table — data table with sortable columns, checkboxes, status indicators, export/sort controls, background #ffffff
Signature details: Rounded corners on all cards and buttons
Subtle drop shadows under cards
Status badges with colored dots (green, orange, gray)
Hover states on table rows
Compact, dense layout with consistent spacing
Clean typography using Geist font family
Other pages: /dashboards: multiple dashboard layouts
/auth: login and registration screens
/tables: data tables with filtering and pagination
/theme: theme presets and customization options

템플릿 정보

카테고리: Dashboard
제작자: arhamkhnz
게시처: 21st.dev
가격: 무료

Dashboard
Admin Panel

원본 디자인: arhamkhnz (21st.dev에 게시). Ottermind는 템플릿 코드를 복사하지 않고, 브리프를 바탕으로 새 사이트를 만듭니다.

Ottermind가 시작하는 브리프

Studio에서 초안으로 열립니다. 보내기 전에 브랜드, 대상, 페이지를 추가하세요.

Build a dashboard website inspired by the "Next Shadcn Admin Dashboard" template. Reference brief: Admin dashboard on Next.js and shadcn/ui: multiple dashboard layouts, auth screens, data tables and theme presets. Style and features to reflect: Admin Panel. Use original copy and imagery for my brand rather than the reference's placeholder content.