Engineering for Nature

0 Clothing

Goldwin (goldwin.co.jp) lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet(Untitled Sans + lorem ipsum Medium), font-feature-settings: "palt", "lnum" lorem ipsum dolor, letter-spacing 0.08em lorem ipsum, font-weight 300(Light)lorem, lorem ipsum dolor #2a292f lorem ipsum dolor sit amet, radius 0px lorem ipsum dolor sit CTA. computed style lorem ipsum dolor.

lorem ipsum dolor lorem ipsum dolor
01 / Colors
lorem ipsum dolor
Color Palette -- lorem ipsum dolor, lorem ipsum dolor #2a292f lorem
Primary
Dark Charcoal
#2a292f
CTA lorem / lorem ipsum dolor / lorem ipsum dolor
Dark Charcoal 60%
rgba(42,41,47,0.6)
lorem ipsum dolor / lorem ipsum
Text & Neutral
Text Primary
#1a1a1a
lorem ipsum dolor(lorem ipsum dolor)
Text on Dark
#ffffff
lorem ipsum dolor sit amet
Text Date
#b8b8b8
lorem / lorem ipsum dolor
Surface
Surface White
#ffffff
lorem ipsum dolor
Surface Light
#f5f5f5
lorem ipsum dolor(lorem ipsum)
Surface Brand Light
#f7f7f7
lorem ipsum dolor sit amet consectetur
Surface Dark
#2a292f
lorem ipsum / lorem / CTA lorem
Border
Border Default
#d9d9d9
lorem ipsum dolor / lorem ipsum dolor sit
Border Light
#e9e9e9
lorem ipsum dolor / lorem ipsum
02 / Typography
lorem ipsum dolor
Typography -- Untitled Sans + lorem ipsum Medium / palt + lnum lorem ipsum / letter-spacing 0.08em lorem / weight 300 lorem
0 Clothing
Inter (Untitled Sans) / 68px / 400 / line-height: 1.0 / letter-spacing: 0.08emDisplay (hero)
Fly Air Jacket
Inter (Untitled Sans) / 26px / 400 / line-height: 1.5 / letter-spacing: 0.08emHeading 2 (section)
lorem ipsum
Noto Sans JP (lorem ipsum Medium) / 24px / 300 / line-height: 1.5 / letter-spacing: 0.08emHeading 3 (ranking)
lorem ipsum dolor
Inter (Untitled Sans) / 20px / 300 / line-height: 1.2-1.6 / letter-spacing: 0.08em / color: #ffffffNav Menu
lorem ipsum
Inter (Untitled Sans) / 14px / 700 / line-height: 1.2 / letter-spacing: 0.08em / color: #ffffffNav Title (footer)
lorem
Inter (Untitled Sans) / 14px / 700 / line-height: 1.4 / letter-spacing: 0.08em / border: #d9d9d9Menu Item
¥38,500
Inter (Untitled Sans) / 14px / 300 / line-height: 1.4 / letter-spacing: 0.08em / font-feature-settings: "lnum"Price
GORE-TEX INFINIUM WINDSTOPPER lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit sed. lorem ipsum dolor sit amet consectetur adipiscing.
Noto Sans JP (lorem ipsum Medium) / 12px / 300 / line-height: 1.5 / letter-spacing: 0.08emBody (store)
2026.05.09
Inter (GoldwinGrotesk) / 11px / 400 / line-height: 1.4 / letter-spacing: normal / color: #b8b8b8Caption (date, brand page)
03 / Product
lorem ipsum
Product Page Sample -- Outdoor Apparel
Jackets / Men

Fly Air Jacket

GORE-TEX INFINIUM WINDSTOPPER lorem ipsum dolor sit amet consectetur. lorem 185g lorem ipsum dolor, lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.

lorem ipsum dolor
Specification
loremGORE-TEX INFINIUM WINDSTOPPER
lorem185g (Size M)
lorem20,000mm
lorem40,000g/m2/24h
loremBlack / Foggy Gray / Desert Clay

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

lorem ipsum dolor lorem ipsum dolor
04 / Buttons
lorem
Buttons -- radius 0px lorem ipsum dolor / weight 400 / line-height 56px CTA
lorem ipsum dolor
Primary CTA / filled #2a292f / radius 0px / lh 56px
lorem ipsum dolor
Secondary / outline #d9d9d9 / radius 0px / lh 56px
lorem
Category Menu / border #d9d9d9 / 700 / 14px
Dark Background
lorem ipsum
Footer Link / radius 6px / 500 / 14px
lorem ipsum
Inverted / lorem + #2a292f lorem ipsum
05 / Cards
lorem ipsum
Product Cards -- shadow lorem / radius 0px / lorem ipsum / weight 300
Product Image
Jackets

Fly Air Jacket

¥38,500
3 Colors
Product Image
Pants

Ripstop Stretch Pants

¥25,300
2 Colors
Product Image
Fleece

Polartec Power Grid Hoodie

¥22,000
4 Colors
Product Image
T-Shirts

Merino Wool T-Shirt

¥13,200
5 Colors
06 / Forms
lorem ipsum
Forms -- radius 0px / border #d9d9d9 / focus: border #2a292f / weight 300
Default
lorem ipsum dolor sit amet consectetur
Focus
07 / Elevation
lorem
Depth & Elevation -- lorem ipsum dolor. lorem / lorem ipsum dolor / lorem ipsum dolor sit amet consectetur
Level 1 -- White
lorem / #ffffff / shadow: none
Level 2 -- Light
lorem ipsum dolor / #f5f5f5 / shadow: none
Level 3 -- Dark
lorem ipsum / #2a292f / shadow: none
Level 4 -- Overlay
lorem ipsum dolor / rgba(42,41,47,0.6)
08 / Layout
lorem ipsum
Layout -- Spacing Scale & Grid
16px (XS)
18px (S)
20px (M)
23px (L)
40px (XL)
DARK #2a292f
LIGHT #f5f5f5
WHITE #ffffff