網站範本

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.