Free Shipping — ¥30,000 以上のお買い上げで送料無料
Organic Giza

Quiet, honest clothing.

MARKAWARE 2026 Autumn & Winter Collection — オーガニックコットンと仕立ての精度

View Collection Lookbook DESIGN.md →

01 / Colors

Color Palette

暖かいグレージュ #f7f6f3 を基調に、面の差は #fcfcfc / #ecebe9 で付ける。有彩の差し色を持たず、無彩色+黒で通す。テキストは純黒 #000(ヒーローのみ #080808)。

Core / Surface
Background
#f7f6f3
ページ地・グレージュ
Surface
#fcfcfc
near-white 面
Tint
#ecebe9
light greige 面
Popup White
#ffffff
ポップアップ地
Text / Border
Ink
#000000
基本テキスト
Ink Hero
#080808
ヒーロー near-black
Muted
#8c8c8c
補助テキスト
Divider
#aaaaaa
標準罫
Hairline
#ecebe9
淡ヘアライン

02 / Typography — 実測値

Typography

欧文 ABC Diatype +和文 游ゴシック体 Pr6N M の一系統。ウェイトは全要素 400 に統一し、階層はサイズと余白でつくる。本プレビューは Inter + Noto Sans JP で近似。font-feature-settings: "palt"(body グローバル)/ letter-spacing 0.03〜0.06em。

Organic Giza — 静かで、正直な服。
Section / Hero Title — 25px / 400 / lh 1.44 / ls 0.03em見出し
MARKAWARE 2026 Autumn & Winter — コレクション見出し
Heading (h1 / 中見出し) — 16px / 400 / lh 1.63 / ls 0.06em
How to Care for Wool — 記事タイトル
Post / Card Title — 16px / 400 / lh 1.63 / ls 0.03em
本文・詳細テキスト — MARKAWARE はオーガニックコットンや環境負荷の低い素材を軸に、仕立ての精度と素材の背景を静かに語るブランドです。良いものを、長く。ABCabc 0123
Body — 14px / 400 / lh 1.8 / ls 0.04em / palt
ポロワーストロピカル / ヒュージコンフォートジャケット — 商品名
Product Title — 11px / 400 / lh 1.82 / ls 0.06em
markaware Shop New In Sustainability — Brand / Nav Label
Brand / Nav Label — 10px / 400 / lh 1.8 / ls 0.05em

03 / Article — 組版サンプル

Journal

本文は 14px / line-height 1.8 / letter-spacing 0.04em。行間を広く取り、素材や仕立ての背景を静かに語るエディトリアルな組版。

オーガニックコットンという選択

畑から仕立てまで。MARKAWARE のものづくりは、素材の背景を辿ることから始まります。

わたしたちが軸に据えるのは、農薬や化学肥料に頼らずに育てられたオーガニックコットンです。土壌への負荷を抑え、生産者の健康を守る栽培方法は、収穫量こそ安定しにくいものの、繊維そのものに素直な柔らかさを残します。ギザ綿をはじめとする長繊維を丁寧に紡ぎ、経年で育つ生地に仕立てています。

仕立てにおいても、装飾を足すのではなく引くことを選びます。過剰なディテールを削ぎ落とし、身体に沿う一枚のシルエットとして成立させる。長く着られる服とは、流行に左右されず、手入れをしながら共に時間を重ねられる服のことだと考えています。

作ることは、選ぶこと。素材を選び、工程を選び、届け方を選ぶ。その一つひとつに責任を持つことが、MARKAWARE のサステナビリティです。


04 / Products — 直角グリッド

New In

大きな素材/プロダクト画像を直角の枠(radius 0)で置き、その下に小さなブランド表記・商品名・価格を添える。UI は引いて素材で語る。

Image
markaware
Organic Giza Wide Shirt
¥30,800
Image
markaware
Comfort Fit Trousers
¥35,200
Image
markaware
Double Cloth Field Jacket
¥68,200
Image
markaware
Suvin Cotton Knit
¥29,700

05 / Buttons

Buttons

塗りを持たないアウトラインが基本。透明地+1px solid #000+黒文字。形はピル(radius 100px)。テキスト面・カード・入力は直角なのに対し、CTA だけ丸めるのが対比のポイント。

Add to Cart
Outline(透明地+1px solid #000 / pill / 7px 36px)
More
Outline Small(11px / 2px 36px / pill)
買い物を続ける
Text link(下線)

06 / Forms

Forms

入力は角丸なし(radius 0)— CTA のピルとは別扱い。フォーカスは枠 #000 +薄い墨リング。罫線は #aaaaaa。フォーム部品は palt を無効(normal)にする。

デフォルト — border: #aaaaaa, radius: 0
フォーカス — border: #000 + 薄い墨リング
エラー — border: #b23b32(無彩色基調に最小限の差し色)

07 / Elevation

Depth & Elevation

影をほぼ使わない完全フラット設計。暖色グレージュの地・ヘアライン・余白・直角で階層をつくる。濃淡は面色の差(#f7f6f3 / #fcfcfc / #ecebe9)で表現する。

Level 0: Flat
影なし、ヘアライン #ecebe9 で面を分ける(基本)
Level 1
0 1px 2px rgba(0,0,0,0.05)
Level 2
0 8px 24px rgba(0,0,0,0.08)

08 / Layout — Spacing

Spacing

大きなビジュアルと広い余白。本文行間 1.8 と呼応させ、小さな文字(10〜14px)が窮屈に見えないよう要素間を十分に空ける。

8
16
24
40
64
96