DENIM CRAFT
FROM KOJIMA

lorem ipsum dolor sit. lorem, lorem, lorem ipsum dolor. lorem ipsum dolor sit amet. DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. computed style lorem ipsum dolor.

Read more
01 / Colors

Color Palette

Brand
Brand Dark Brown
#261107
lorem ipsum / lorem / lorem ipsum
Brand Tan
#d2ac91
lorem ipsum / lorem ipsum dolor
Brand Deep Brown
#401c0c
lorem ipsum dolor sit
Neutral
White
#ffffff
lorem ipsum dolor / lorem ipsum
Gray
#adadad
lorem ipsum / lorem ipsum dolor
Semantic
Danger
#8b2500
lorem / lorem ipsum
Warning
#a67c00
lorem / lorem ipsum dolor sit
Success
#4a6741
lorem / lorem ipsum dolor
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
lorem ipsum dolor, lorem ipsum dolor
Hero Caption JP / lorem ipsum / 25.6px / 400 / color: #261107Hero
KOUNTRY EXCLUSIVE!!
H2 JP Label / lorem ipsum / 19.5px / 700 / color: #261107Label
lorem ipsum dolor sit — lorem ipsum / lorem ipsum dolor / lorem ipsum / lorem ipsum
Nav Link / lorem ipsum / 14px / 400 / color: #261107Header Nav
lorem ipsum dolor — lorem ipsum dolor sit amet consectetur adipiscing. lorem, lorem, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut. line-height: 1.23 lorem ipsum dolor sit amet consectetur adipiscing.
Body / lorem ipsum / 13px / 400 / line-height: 1.23 / color: #261107lorem
Read more
CTA / Courier New, monospace / 14px / 700 / color: #261107Button
1 2 3 4 5
Pagination / lorem ipsum / 17.6px / 700 / color: #261107Pagination
2026.05.09 / NEWS
Date / Meta / lorem ipsum / 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
03 / Article

Article Sample

KOUNTRY Collection

2026.05.09 — NEWS

lorem ipsum dolor. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing. KAPITAL lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna.

lorem ipsum dolor sit amet consectetur

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

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

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 / lorem ipsum 17.6px / 700 / radius: 0
05 / Cards

Product Cards

DENIM
2026.05.01

14oz lorem ipsum dolor 5P lorem ipsum

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

Read more
BORO
2026.04.22

KOUNTRY lorem ipsum dolor sit amet consectetur

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

Read more
INDIGO
2026.04.15

lorem ipsum lorem ipsum dolor sit

lorem ipsum dolor“lorem”lorem ipsum dolor sit amet. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur adipiscing.

Read more
06 / Forms

Form Elements

Default / border: 1px solid #261107 / radius: 0
Focus / border: 2px solid #261107 / radius: 0
lorem ipsum dolor sit amet consectetur
Error / border: 2px solid #8b2500 / radius: 0
07 / Depth & Elevation

Elevation

Level 0: Flat
box-shadow: none
lorem ipsum. lorem ipsum dolor
Dark Brown Surface
bg: #261107
lorem ipsum dolor sit amet
Deep Brown Surface
bg: #401c0c
lorem ipsum dolor sit
Tan Surface
bg: #d2ac91
lorem ipsum dolor
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.