小さいサイズの、
いちばん素敵な服。

155cm以下の小柄な女性のために、シルエット・丈感・バランスのすべてを設計したブランド。着る人の個性がいちばん美しく見える服をつくっています。

COLLECTION ABOUT COHINA
01 / Colors

Color Palette

Brand
Brand Cream
#faf7f2
メイン背景
Brand Dark
#121212
テキスト・CTA
Dark Soft
rgba(18,18,18,0.75)
本文テキスト
Accent
Gold
#f6d579
ゴールドアクセント
Blue
#97c5d9
くすみブルー
Rose
#ba827e
ローズ・モーヴ
Taupe
#aca59b
コレクションCTA
Neutral
Charcoal
#2c2b2b
Near Black
#181818
フッター背景
Slate
#63666f
Brown
#877976
Warm Taupe BG
#d1caba
Surface
Light Gray
#efefef
Light Sage
#eff2f5
Warm Beige
#e8e6da
Muted Slate
#ccced3
Semantic
Danger
#ed2a3e
エラー・注意
Success
#3a7d44
成功・在庫あり
Warning
#c49000
警告・残りわずか
02 / Typography

Type Hierarchy

Display Heading — H1
Optima / 40px / 400 / line-height: 1.4 / letter-spacing: 0.015emヒーロー
Section Heading — H2
Optima / 25px / 400 / line-height: 1.2 / letter-spacing: 0.2emセクション見出し
Small Heading — H2 small
Optima / 20px / 400 / line-height: 1.2 / letter-spacing: 0.2emサブセクション
本文見出し — H3 (Noto Sans JP)
Noto Sans JP / 13px / 400 / line-height: 1.7 / letter-spacing: 0.1em商品名等
本文テキスト — 小柄な女性のために、丈感もシルエットも、すべてのバランスを設計しています。体型にフィットするだけでなく、着る人の個性がいちばん美しく見える服を目指して。ABCabc 123
Noto Sans JP / 14px / 400 / line-height: 1.5 / letter-spacing: 0.1em本文
本文テキスト Medium — 500ウェイト
Noto Sans JP / 14px / 500 / line-height: 1.5 / letter-spacing: 0.1em価格・強調
キャプション — 素材: リネン55% コットン45% / サイズ展開: XS・S
Noto Sans JP / 12px / 400 / line-height: 1.7 / letter-spacing: 0.1emキャプション
Nav Link — Optima (13px)
Optima / 13px / 400 / letter-spacing: 0.08emナビゲーション
03 / Product

Product Cards

COHINA
COHINA
リネンブレンドワンピース
¥12,980(税込)
XS / S
COHINA
COHINA
コットンテーパードパンツ
¥9,680(税込)
XS / S
COHINA
COHINA
シアーブラウス
¥8,580(税込)
XS / S
COHINA
COHINA
ウールカシミヤノーカラーコート
¥29,800(税込)
XS / S
04 / Buttons

Button Variants

COLLECTION
Primary CTA
radius: 0px / 15px / 400
ABOUT
Secondary Bordered
radius: 5px / 13px / 400
VIEW COLLECTION
Collection CTA
bg: taupe / radius: 5px / 16px
Add to Cart
Cart CTA
radius: 5px / 12px
State
COLLECTION
Hover (opacity: 0.8)
COLLECTION
Disabled (opacity: 0.5)
05 / Cards

Card Components

Spring Collection

2026 Spring Collection

春の新作コレクション。リネンやコットンの軽やかな素材で、小柄な女性のシルエットを美しく。

View Collection
Styling Guide

小柄さんのスタイリングガイド

155cm以下の方に向けた着こなしのコツ。丈感の選び方、バランスの取り方をご紹介。

Read More
Size Guide

サイズガイド

XS・Sサイズの採寸表と、お客さまの体型別フィッティングアドバイス。

View Guide
06 / Forms

Form Elements

Default — border: rgba(18,18,18,0.15) / radius: 5px
Focus — border: #121212 / shadow: rgba(18,18,18,0.08)
正しいメールアドレスを入力してください
Error — border: #ed2a3e (danger)

Newsletter

新作やセール情報をいち早くお届けします。

07 / Elevation

Depth & Elevation

Level 0: Flat
影なし（COHINA のデフォルト）
Level 1
0 2px 8px rgba(0,0,0,0.04)
Level 2
0 4px 16px rgba(0,0,0,0.06)
08 / Layout

Layout Grid

4-Column Product Grid
1
2
3
4
grid-template-columns: repeat(4, 1fr) / gap: 16px
2-Column Feature
Image
Text Content
grid-template-columns: 1fr 1fr / gap: 16px
Full-Width Hero
Full Width — max-width: 1200px / padding: 0 32px
max-width: 1200px / margin: 0 auto
Spacing Scale
4px
8px
16px
24px
32px
48px
64px
80px