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