DESIGN VARIANTS · KUNIHARA TECHNIQUE

リニューアル
提案 5 案

現行サイトの見た目再現と、4 つのリニューアル案を並べて確認できるモック環境です。
右下のスイッチャーからいつでも案を切り替えできます。

05 · VARIANTS ASTRO 5 TAILWIND V4 SHADCN / UI

DESIGN PROPOSALS KYOTO · 2026

Current site

現行デザイン

既存の kunihara-tec.co.jp を Astro に再構築した見た目再現版。
ヘッダー動画・スクロールアニメ・ページ間遷移まで再現しています。

04 · REDESIGN PROPOSALS FABLE + OPUS

Redesign proposal A

Tailwind v4 + shadcn。navy × copper、Noto Serif JP の骨太。

Clinic / clean × teal

clean × teal の診療所風。白ベース＋サージカルグリーン、hairlineとカルテのラベル。

Magazine layout

雑誌レイアウト。オフホワイト×墨×ochre、章立て・大余白のエディトリアル。

Kyoto × drafting

和モダン × drafting。京町家格子＋青焼き図面、縦組み見出しとhairlineの寸法線。