Spring / Summer 2026

New Arrival

CFCL(cfcl.jp)lorem ipsum dolor sit amet consectetur adipiscing. Garamond(lorem)lorem Inter / Hiragino Sans(lorem ipsum)lorem ipsum dolor sit, font-weight 250–400 lorem ipsum dolor, border-radius 0px lorem ipsum dolor, lorem ipsum dolor #000 ＋lorem ipsum dolor #f3ff34 lorem ipsum. computed style lorem ipsum dolor.

Shop Collection View Lookbook
01 / Colors
Color Palette
Primary, Accent, Text, Surface, Semantic, Seasonal Pastels
Primary
Brand Black
#000000
lorem ipsum dolor / lorem ipsum dolor
Brand Dark
#282828
lorem / lorem ipsum dolor / lorem ipsum
Accent
Neon Yellow-Green
#f3ff34
lorem ipsum dolor sit
Text & Neutral
Text Primary
#282828
lorem / lorem ipsum dolor
Text Secondary
#565656
lorem ipsum dolor
Text on Dark
#ffffff
lorem ipsum dolor sit amet
Border
#dfdfdf
lorem ipsum / lorem ipsum
Border Darker
#a9a9a9
lorem ipsum dolor
Surface
Surface White
#ffffff
lorem ipsum
Surface Light
#f5f5f5
lorem ipsum dolor / lorem ipsum dolor sit
Surface Dark
#2e3438
lorem ipsum dolor sit amet consectetur
Semantic
Success
#2e9e7b
lorem ipsum dolor
Success BG
#d5ece5
lorem ipsum dolor
Error
#de2a2a
lorem ipsum / lorem
Error BG
#fdf0f0
lorem ipsum
Seasonal Pastels
Lavender
#e2c1e8
lorem ipsum dolor
Pink
#f8dfef
lorem ipsum dolor
Light Blue
#d4e4ec
lorem ipsum dolor
Mint
#cff2ec
lorem ipsum dolor
Coral
#f8c9c5
lorem ipsum dolor
02 / Typography
Typography
Garamond(lorem)× Inter / Hiragino Sans(lorem ipsum)lorem ipsum / 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)
lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod, lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.
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 lorem. lorem ipsum dolor sit amet consectetur.
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
03 / Article
Article Sample
Fashion / Knit Content
Collection

Whole Garment Knitting

CFCL lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing.

Technology
lorem ipsum dolor sit amet consectetur adipiscing

lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor＆lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur.

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
05 / Cards
Product Cards
shadow: none / radius: 0 / background: #f5f5f5
Product Image
NEW
Women

lorem ipsum dolor

¥60,500
Product Image
Women

lorem ipsum dolor

¥49,500
Product Image
Men

lorem ipsum lorem ipsum

¥38,500
Product Image
SALE
Pottery

lorem ipsum lorem ipsum 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
lorem. lorem / lorem ipsum dolor sit. border-radius: 0px
Surface Light
lorem ipsum dolor #f5f5f5. lorem ipsum dolor sit amet
Wishlist Button
lorem ipsum: 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