Sample Sites
melta UI の汎用性を示す10のサンプルページ。ToB / ToC / EC / SaaS / 公共サービスなど幅広い業種をカバーし、各サイトで異なるプライマリーカラーを使用しています。
Blue · ToB/SaaS
Kintsugi
プロジェクト管理 SaaS
Sidebar
Card
Progress
Badge
Rose · EC/ToC
IRODORI Store
セレクトショップ EC
Card
Select
Pagination
Tag
Teal · ToC/Public
ソラノ医院
クリニック予約
Stepper
Radio
DatePicker
Alert
Violet · Media/SaaS
文楽CMS
記事管理 CMS
Sidebar
Table
Tabs
Modal
Emerald · ToB/SaaS
なごみHR
人事労務 設定画面
Sidebar
Toggle
Accordion
Checkbox
Orange · ToB/Logistics
疾風ロジスティクス
配送管理ダッシュボード
Table
Progress
Badge
Skeleton
Indigo · EdTech/ToC
学びLearn
オンライン学習プラットフォーム
Card
Tabs
Progress
Avatar
Slate · Public/Gov
たすき行政窓口
オンライン申請フォーム
Stepper
TextField
Modal
Breadcrumb
Cyan · FinTech/ToC
Kanade
個人資産管理
Sidebar
List
Table
Progress
Amber · Gourmet/ToC
青空Booking
レストラン予約
Card
TextField
Toast
Badge
Primary Color Palette
1つの DS から10色のブランド表現。プライマリーカラーを差し替えるだけで、異なる業種のサービスに対応できます。
Blue
#2563eb
Rose
#e11d48
Teal
#0d9488
Violet
#7c3aed
Emerald
#059669
Orange
#ea580c
Indigo
#4f46e5
Slate
#475569
Cyan
#0891b2
Amber
#d97706