Brand Identity
美しさは、秩序の中に宿る。
Beauty resides in order.
Philtz のデザインシステムは、黄金比と調和数列に基づく数理的な秩序を基盤に構築されています。 装飾を排し、構造そのものが美となる設計を目指します。
The Philtz design system is built on mathematical order derived from the golden ratio and harmonic series. We pursue a design where structure itself becomes beauty, eliminating unnecessary ornamentation.
グリッドGrid
黄金比 (1:1.618) に基づく可変カラムグリッド。6本の分割線が画面を不均等に区切り、 自然界に見られる比率で情報を配置します。
A variable-column grid based on the golden ratio (1:1.618). Six dividing lines partition the screen unevenly, arranging information in proportions found in nature.
色彩Colors
墨と紙。Philtz のカラーパレットはグレースケールのみで構成されます。
Ink and paper. The Philtz color palette consists exclusively of grayscale.
グレースケール / Grayscale
--pltz-color-paper#fbfbfb--pltz-color-stone#eeeeee--pltz-color-ash#a9a9a9--pltz-color-light-ink#777777--pltz-color-ink#333333ブランド / Brand
--pltz-color-brand#e1dedb--pltz-color-brand-web#f5f2efセマンティック / Semantic
--pltz-color-error#E08383--pltz-color-warn#E4E286--pltz-color-success#A2B3D5書体Typography
Helvetica とたづがねゴシック。欧文と和文、二つの普遍性。 調和数列に基づくスケールで、文字の大きさに秩序を与えます。
Helvetica and Tazugane Gothic. Two universals — Latin and Japanese. A harmonic series scale brings order to typographic sizing.
余白Spacing
フィボナッチ数列に基づく余白体系。自然の成長パターンが、要素間の呼吸を決定します。
A spacing system based on the Fibonacci sequence. Nature's growth patterns determine the breathing room between elements.
構成要素Components
最小限の構成要素。入力と送信、それだけ。
Minimal building blocks. Input and submit — nothing more.