웹사이트 템플릿

Modernize Free React MUI Dashboard

Free React + MUI admin dashboard template with a professional layout and easy customization for faster development.

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

Dashboard · Starter Kit · 무료

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

페이지

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

디자인 분석

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

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

Overall: admin dashboard, professional, medium density, light
Palette: background #ffffff; surfaces [#5d87ff,#3772ff,#49beff,#13deb9]; text #2b2b2b; muted text #2a3547; primary #5d87ff; accents [#3772ff,#49beff,#13deb9]
Type: headings Plus Jakarta Sans, 600, sentence-case; body Plus Jakarta Sans, 14px; scale h3 24px
Shape & spacing: button/card radius 50px, no borders, subtle shadows, section spacing 24px, content width 1200px
Sections (top to bottom): Header — horizontal layout, dark blue top bar with logo, navigation, and user actions; white main header with brand name, notification bell, CTA buttons, and profile avatar
Sidebar — vertical left sidebar with collapsed menu items, icons, and Pro labels on some items; white background with blue active state
Main Dashboard — two-column grid: left side has bar chart (Sales Overview) with date selector; right side has Yearly Breakup with circular progress indicator and Monthly Earnings with wave line graph
Content Grid — two equal-width columns: Recent Transactions (timeline list with colored dots) and Product Performance (table with priority tags in color-coded pills)
Product Cards — four horizontally aligned cards with product images, titles, prices, ratings, and settings icon; each card has a soft shadow and rounded corners
Signature details: Blue gradient pill-shaped priority indicators (Low/Medium/High/Critical)
Circular progress ring for yearly breakup
Timeline dots in varying colors (blue, teal, orange) for transaction types
Hoverable product cards with gear icon overlay
Clean, minimal spacing with consistent padding
Rounded corner buttons and cards with 50px radius
Other pages: /dashboard: main analytics view with charts and tables
/eCommerce: product management interface
/frontend-pages: UI component showcase

템플릿 정보

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

Dashboard
Admin Panel
Boilerplate

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

Ottermind가 시작하는 브리프

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

Build a dashboard website inspired by the "Modernize Free React MUI Dashboard" template. Reference brief: Free React + MUI admin dashboard template with a professional layout and easy customization for faster development. Style and features to reflect: Admin Panel, Boilerplate. Use original copy and imagery for my brand rather than the reference's placeholder content.