Gallery / Parfum UI Kit

TEMPLATE — 2026

Parfum UI Kit

このサイトの部品を、再利用できる形にまとめる構想。

Category
Templates
Status
テンプレート案
Year
2026
Type
Parfum自身の探索(実績ではありません)
Parfum UI Kit — 画面イメージ
Overview

ボタン、入力欄、カード、見出しなど、このサイトで使っている部品を、他の画面でも使える形にまとめる構想です。

Problem
  • 画面ごとに部品が少しずつ違い、統一感が崩れる
  • 新しい画面を作るたびに、一から整える手間がかかる
Approach
  • 色・文字・余白・動きの決まりを、先に文章と数値で定める
  • 部品を小さく分け、組み合わせで画面を作る
Technology
  • HTML / CSS(フレームワーク非依存)
  • 色・書体・余白をCSS変数で管理
Demo

デモは準備中です。

内容は、検討の進み具合に応じて更新します。

Say hello

あなたの「できたら」を、お聞かせください。

ご相談はこちら