Made Studio · Neutral Luxe

東区フルイドベア ビジュアルデザイン

コアカラー

8色 · Neutral Luxe
#d4b896

ミルクティー

primary · グラデーション起点

#e8cdd0

グレイピンク

secondary · accent surface

#a89887

グレージュ

accent · グラデーション終点

#faf5ef

クリーム

page background

#fffaf3

アイボリー

surface / card

#faf2e8

スノウパウダー

inner highlight

#3a2a20

インクブラウン

text ink · 高コントラスト

#6a584a

モカ

muted text / outline

セマンティックカラー変数

CSS custom properties · Light / Dark
変数LightDark用途
--background#faf5ef#1a1410ページ / セクション背景
--foreground#3a2a20#f0e8de本文テキスト
--brand#a89887#d4b896ブランドメインカラー
--brand-dark#6a584a#a89887CTA / active
--brand-soft#faf2e8#2a1f18ソフト背景 / highlight
--brand-tint#e8cdd0#3d2d24badge / tag / border
--grad-cream#d4b896#d4b896グラデーション起点
--grad-blush#e8cdd0#e8cdd0グラデーション中間
--grad-mocha#a89887#a89887グラデーション終点

メイングラデーション

135° · cream → blush → mocha
ミルクティーの沈殿 · コーヒークリームの滲み · キャラメルマキアート
linear-gradient(135deg, #d4b896 0%, #e8cdd0 50%, #a89887 100%)

タイポグラフィ

Geist · next/font/google

Made Studio

手作りアート × カクテル · 台北・東区

メインフォントは Geist(geometric sans-serif)、CSS 変数は --font-geist-sans。見出しはグラデーション文字(.text-fluid-gradient)を使用でき、本文はインクブラウンのソリッドカラー。アイコンは必ず lucide-react を使用。

使用原則

Do this
  1. 1広い面積にはミルクティー / クリームを使用:page bg、section bg、card bg。
  2. 2グレイピンクは highlight に:badge、tag、subtle accent。
  3. 3グレージュ / モカは CTA / active state に:button、active link。
  4. 4インクブラウンはテキスト専用。広い色面には使わない(重くなりすぎる)。
  5. 5グラデーションは装飾のみ(hero blob、bullet、gradient text)。button の背景には使わない(うるさくなる)。

AI 向けテキスト仕様

全文をコピーしてポスター生成 AI に貼り付け
brand-spec.txt
Made Studio — 東区フルイドベア ビジュアルデザイン(Neutral Luxe)

ポジショニング:台北・東区、忠孝敦化駅そばの「手作りアート × カクテル」ブティック体験。
トーン:低彩度、ミルクティー/杏色/グレイピンク。上質な lifestyle / boutique。キャンディポップな甘さは避ける。

コアカラー:
- ミルクティー   #d4b896  メインカラー、最大面積、グラデーション起点
- グレイピンク   #e8cdd0  サブカラー、accent surface / グラデーション中間
- グレージュ     #a89887  accent、グラデーション終点、高コントラスト
- クリーム       #faf5ef  ページ背景(純白の代わり)
- アイボリー     #fffaf3  カード / surface
- スノウパウダー #faf2e8  inner highlight
- インクブラウン #3a2a20  テキスト(高コントラスト)
- モカ           #6a584a  サブテキスト / ボーダー

メイングラデーション:linear-gradient(135deg, #d4b896 0%, #e8cdd0 50%, #a89887 100%)
イメージ:ミルクティーの沈殿、コーヒークリームの滲み、キャラメルマキアート。

フォント:Geist(geometric sans-serif)。見出しはグラデーション文字、本文はインクブラウンのソリッドカラー。

使用原則:
1. 広い面積にはミルクティー/クリーム。
2. グレイピンクは highlight(badge / tag)。
3. グレージュ/モカは CTA/active。
4. インクブラウンはテキスト専用、広い色面には使わない。
5. グラデーションは装飾のみ、button の背景には使わない。
出典:src/app/globals.css · DESIGN.md