Spring / Summer 2026

New Arrival

CFCL(cfcl.jp)から抽出したデザイントークンのカタログ。Garamond(セリフ)と Inter / Hiragino Sans(ゴシック)の二層タイポグラフィ、font-weight 250〜400 の超軽量ウェイト、border-radius 0px の直線的デザイン、プライマリ黒 #000 +セカンダリ黄緑 #f3ff34 のボタン。computed style 実測値に基づく。


01 / Colors
Color Palette
Primary, Accent, Text, Surface, Semantic, Seasonal Pastels
Primary
Brand Black
#000000
プライマリボタン・ローディングバー
Brand Dark
#282828
見出し・本文テキスト・ボーダー
Accent
Neon Yellow-Green
#f3ff34
セカンダリボタン背景
Text & Neutral
Text Primary
#282828
本文・見出しテキスト
Text Secondary
#565656
補足テキスト
Text on Dark
#ffffff
ダーク背景上の白テキスト
Border
#dfdfdf
区切り線・入力欄の枠
Border Darker
#a9a9a9
強調ボーダー
Surface
Surface White
#ffffff
標準背景
Surface Light
#f5f5f5
セカンダリ背景・コレクションカード
Surface Dark
#2e3438
ウィッシュリストボタン背景
Semantic
Success
#2e9e7b
在庫あり表示
Success BG
#d5ece5
在庫あり背景
Error
#de2a2a
在庫僅少・エラー
Error BG
#fdf0f0
エラー背景
Seasonal Pastels
Lavender
#e2c1e8
コレクション背景
Pink
#f8dfef
コレクション背景
Light Blue
#d4e4ec
コレクション背景
Mint
#cff2ec
コレクション背景
Coral
#f8c9c5
コレクション背景

02 / Typography
Typography
Garamond(セリフ)× Inter / Hiragino Sans(ゴシック)の二層構造 / font-weight 250-400
CFCL
EB Garamond / 30px / 700 / line-height: 1.73 / letter-spacing: normalLogo
New Arrival
EB Garamond / 45px / 400 / line-height: 1.1 / letter-spacing: 0.01emDisplay (hero)
CATEGORIES
EB Garamond / 28px / 400 / line-height: 1.1 / letter-spacing: 0.01emHeading 2 (section)
WOMEN
EB Garamond / 20px / 400 / line-height: 1.1 / letter-spacing: 0.03emHeading 3 (card)
Spring / Summer 2026
Inter + Noto Sans JP / 12px / 300 / line-height: 1.1 / letter-spacing: 0.03emHeading (small)
コンピュータプログラミングによるホールガーメント技術で編み立てた、シームレスなニットウェア。立体的なシルエットが生む美しいドレープと、日常に寄り添う軽やかな着心地。素材の持つ可能性を最大限に引き出すことで、衣服の新たな価値を提案する。
Noto Sans JP / 13px / 300 (250) / line-height: 1.6 / letter-spacing: 0.03emBody JP
Clothing as a Form of Contemporary Design. CFCL creates knitwear using whole-garment knitting technology, producing seamless construction through computer programming.
Inter / 13px / 300 / line-height: 1.8 / letter-spacing: 0.02emBody EN
2023年設立。東京を拠点とするファッションブランド。
Noto Sans JP / 12px / 300 (250) / line-height: 1.6 / letter-spacing: 0.03em / color: #565656Caption
Women   Men   Pottery
EB Garamond / 14px / 400 / line-height: 1.0 / letter-spacing: normalNav

Article Sample
Fashion / Knit Content

Whole Garment Knitting

CFCL が追求するのは、コンピュータプログラミングによるホールガーメントニットの可能性。一枚の生地から立体的に編み上げることで、縫い目のないシームレスな構造を実現する。裁断ロスを最小限に抑え、サステナブルなものづくりへと繋げている。

Technology
テクノロジーとクラフツマンシップの融合

ホールガーメント編機による無縫製技術は、従来のカット&ソーとは異なるアプローチで衣服を構築する。糸一本からプログラムで三次元的に編み立てることで、身体を包み込む有機的なシルエットが生まれる。伝統的なニットの技法と最先端のテクノロジーが、ひとつの衣服のなかで共存する。

Shop Collection View Lookbook

04 / Buttons
Buttons
border-radius: 0px / height: 52px / weight 400
Add to Cart
Primary / #000 / radius 0 / h52
Shop Now
Secondary / #f3ff34 / radius 0 / h52
View Details
Outline / box-shadow 0.9px / h52
Labels & Status
NEW
Label 1 / #000 bg
SALE
Label 2 / #f3ff34 bg
Low Stock
Low Stock / #de2a2a
In Stock
In Stock / #2e9e7b
Dark Background
Shop Collection
Inverted / white bg + #282828 text
View Lookbook
Outline / box-shadow white 0.9px

Product Cards
shadow: none / radius: 0 / background: #f5f5f5
Product Image
NEW
Women

ポッタリードレス

¥60,500
Product Image
Women

フルートドレス

¥49,500
Product Image
Men

ミラノリブ ニットポロ

¥38,500
Product Image
SALE
Pottery

セラミック プレート M

¥5,500

06 / Forms
Forms
border-bottom only / radius: 0 / focus: border-color #000
Default
Please enter a valid phone number
Focused

07 / Elevation
Depth & Elevation
Flat design -- shadow: none for all standard UI elements
Level 0 -- Flat
標準。カード・ボタンすべて影なし。border-radius: 0px
Surface Light
セカンダリ背景 #f5f5f5。影の代わりに色面で区別
Wishlist Button
唯一の影: rgba(0,0,0,0.2) 0 0 25px 0

08 / Layout
Layout & Spacing
Spacing scale: 4 / 8 / 16 / 24 / 40 / 80px
4px
8px
16px
24px
40px
80px
#282828
#f5f5f5
#ffffff