We Make Noise,
Not Clothes

Design system preview built from DESIGN.md computed style tokens. Ultra-minimal monochromatic palette.

Shop Now Collection
01 / Colors

Color Palette

Core
Black
#000000
CTA, テキスト, 面
White
#ffffff
背景, ダーク面テキスト
Gray Scale
Gray Dark
#222222
セカンダリテキスト
Gray Mid
#666666
無効, ミュート
Gray Light
#cccccc
ボーダー
Functional
Overlay
rgba(0,0,0,0.5)
モーダル背景
Section BG
#f7f7f7
セクション背景
Error
#cc0000
エラー状態
02 / Typography

Type Hierarchy

Spring / Summer 2025H2 Display
36px / 600 / line-height: 1.03 / letter-spacing: 0.04em / palt: on
Collection OverviewH3
20px / 400 / line-height: 1.5 / letter-spacing: 0.02em / palt: on
UndercoverH1 / Logo
16px / 400 / line-height: 1.4 / letter-spacing: 0.12em / palt: on
Navigation ItemNav Bold
12px / 600 / line-height: 1.5 / palt: on
Navigation LinkNav Regular
11px / 400 / line-height: 1.5 / palt: on
本文テキスト — ブランドの世界観を最小限の要素で表現する。余白が語り、テキストは極限まで削ぎ落とされる。サイトの基本サイズは 10px という極小設定。ABCabc 123
11px (実サイト: 10px) / 400 / line-height: 1.5 / palt: onBody
キャプション・注釈テキスト — 極小サイズ
10px / 400 / line-height: 1.5 / color: Gray MidSmall / Caption
03 / Collection

Editorial Showcase

Spring / Summer 2025

We Make Noise,
Not Clothes

アンダーカバーは1990年、高橋盾により設立。パンクの精神と繊細なテーラリングを融合させ、東京のストリートからパリのランウェイへ。既存のモードに対する静かな反逆。

コレクションは言葉よりもビジュアルで語られる。最小限のテキスト、最大限の余白。装飾を排し、素材とシルエットのみで世界観を構築する。

Photography / Styling / Direction — Undercover Ltd.
04 / Buttons

Button Variations

Subscribe
Primary / Subscribe
bg: #000, radius: 2px, 600
Top Page
Secondary / Top Page
bg: #000, radius: 0px, 400
Details
Ghost / Outline
bg: transparent, border: #000
Sold Out
Disabled
color: #666, border: #ccc
View
Small
10px, padding: 6px 20px
Shop Now
Primary on Dark
Collection
Ghost on Dark
05 / Cards

Card Components

Product Cards (No Border, No Shadow)
360 x 200

Noise Trench Coat

¥198,000
360 x 200

Chaos Embroidery Hoodie

¥68,000
360 x 200

Printed Silk Shirt

¥88,000
Bordered Cards

Store Information

UNDERCOVER Aoyama
東京都港区南青山5-3-18
Open: 12:00 - 20:00

News

2025 Spring / Summer Collection Look Book が公開されました。オンラインストアにて先行予約受付中。

Contact

お問い合わせはメールにて承ります。info@undercoverism.com

06 / Forms

Form Elements

Default -- border: #cccccc, radius: 2px
Focus -- border: #000000
Invalid email address
Error -- border: #cc0000
07 / Elevation

Depth & Elevation

Level 0: Flat
box-shadow: none (default -- most elements)
Level 1: Subtle
0 1px 2px rgba(0,0,0,0.05) -- barely visible
Border Emphasis
2px solid #000 -- elevation via weight, not shadow
Inverted Surface
bg: #000 -- depth via color contrast
08 / Layout

Content Widths & Spacing

Content Widths
Max Width 1200px
Main Content 940px
Article / Editorial 620px
Product Grid 3-column
Spacing Scale
8px
16px
24px
32px
40px
64px
80px
120px