DENIM CRAFT
FROM KOJIMA

岡山県児島から世界へ。藍染め、泥染め、パッチワーク。手仕事が宿る布と糸の物語。DESIGN.md から抽出したデザイントークンのカタログ。computed style 実測値に基づく。

Read more

01 / Colors

Color Palette

Brand
Brand Dark Brown
#261107
テキスト・背景・ボーダー
Brand Tan
#d2ac91
アクセント・アクティブ状態
Brand Deep Brown
#401c0c
ローディング画面背景
Neutral
White
#ffffff
ヒーロー文字・カード背景
Gray
#adadad
セパレータ・補助テキスト
Semantic
Danger
#8b2500
エラー・レンガ色
Warning
#a67c00
警告・アンティークゴールド
Success
#4a6741
成功・モスグリーン

02 / Typography

Typography Rules

FARM & SEA
Hero Overlay / Hiragino Kaku Gothic Pro stack / 42-94px / 700 / color: #ffffff (on dark bg)Hero Slide
Online Shopping
H2 EN Section / Kameron / 41px / 700 / line-height: - / color: #261107Section Title
WHAT'S NEW
H1 EN Section / Kameron / 32.4px / 700 / line-height: 1.23 / color: #261107News
児島から届く、手仕事の温もり
Hero Caption JP / 游ゴシック / 25.6px / 400 / color: #261107Hero
KOUNTRY EXCLUSIVE!!
H2 JP Label / 游ゴシック / 19.5px / 700 / color: #261107Label
ナビゲーションリンク — 新着情報 / コレクション / 店舗情報 / お知らせ
Nav Link / 游ゴシック / 14px / 400 / color: #261107Header Nav
本文テキスト — 岡山県倉敷市児島で生まれたデニムブランド。藍染め、泥染め、パッチワークなど、日本の伝統技法とアメリカのヴィンテージウェアを融合した独自のクラフトワークが特徴です。line-height: 1.23 のタイトな詰めがブランドの密度感を表現しています。
Body / 游ゴシック / 13px / 400 / line-height: 1.23 / color: #261107本文
Read more
CTA / Courier New, monospace / 14px / 700 / color: #261107Button
1 2 3 4 5
Pagination / 游ゴシック / 17.6px / 700 / color: #261107Pagination
2026.05.09 / NEWS
Date / Meta / 游ゴシック / 12px / 400 / color: #261107Date
Footer Navigation Link
Footer Link / Kameron / 14px / 400 / color: #ffffff (on dark bg)Footer
Instagram / Facebook / X
Footer Social / Courier New / 21.6px / 400 / color: #ffffff (on dark bg)Footer SNS

Article Sample

KOUNTRY Collection

岡山県倉敷市児島。瀬戸内海を望むこの土地は、日本のデニム産業の聖地として知られています。KAPITALはこの地で生まれ、アメリカのヴィンテージウェアと日本の伝統的な染色技法を融合させた独自のクラフトワークを追求し続けています。

藍染めとパッチワークの世界

一枚一枚異なる表情を見せる藍染めの生地。職人の手によって丁寧に縫い合わされたパッチワーク。それは工業製品では決して生まれない、手仕事ならではの温もりと個性です。KOUNTRYラインは、そうした手仕事の精神を現代のワードローブに落とし込んだコレクションです。

泥染め、柿渋染め、墨染め。日本各地に伝わる古来の染色技法を取り入れながら、デニムという素材の可能性を拡げています。経年変化によって深まる色合いは、着る人とともに歩む衣服の本質を体現しています。


04 / Buttons

Button Variants

Read more
Primary CTA
View collection
Tan Border
Delete
Danger
Read more
White Border (on dark)
Shop now
Hero CTA
Pagination
Active: bg #d2ac91 / Default: bg #ffffff / 游ゴシック 17.6px / 700 / radius: 0

Product Cards

DENIM
2026.05.01

14oz セルビッチデニム 5P ストレート

岡山県児島産の14オンスセルビッチデニムを使用。旧式力織機で織り上げた生地は、経年変化とともに深い味わいを増していきます。

Read more
BORO
2026.04.22

KOUNTRY ボロパッチワークジャケット

古布を丁寧に縫い合わせたパッチワーク仕立て。一着として同じものがない、手仕事の結晶。藍染めの濃淡が深い表情を生み出します。

Read more
INDIGO
2026.04.15

天然藍染め リネンワークシャツ

徳島産の天然藍「すくも」で染め上げたリネンシャツ。洗うたびに柔らかさを増し、着込むほどに自分だけの一枚に育っていきます。

Read more

06 / Forms

Form Elements

Default / border: 1px solid #261107 / radius: 0
Focus / border: 2px solid #261107 / radius: 0
正しい電話番号を入力してください
Error / border: 2px solid #8b2500 / radius: 0

07 / Depth & Elevation

Elevation

Level 0: Flat
box-shadow: none
唯一の値。全要素に適用
Dark Brown Surface
bg: #261107
色の明暗で奥行きを表現
Deep Brown Surface
bg: #401c0c
ローディング画面の層
Tan Surface
bg: #d2ac91
アクセント面
KAPITAL uses no shadows. Depth is expressed through color contrast between dark brown surfaces and white text.

08 / Layout

Layout Principles

Spacing Scale
8px XS
16px S
24px M
40px L
60px XL
80px XXL
Grid: 3 Columns
1 / 3
2 / 3
3 / 3
Grid: 4 Columns
1 / 4
2 / 4
3 / 4
4 / 4
Content Widths
Container Max 1200px
Content Area 1000px
Article Body 620px
Border Radius
0
radius: 0 is the only value. No pills, no rounded corners. Sharp edges throughout.