2025 Spring / Summer Collection

HUMAN MADE Season 12

HUMAN MADE(humanmade.jp)から抽出したデザイントークンのカタログ。Avenir Next(Adobe Fonts / Nunito Sans で代替)、全テキスト font-weight: 400 の均一ウェイトシステム、letter-spacing 0.6-1px 常時適用、radius 0px のシャープエッジ CTA、チャコール #121212 基調にカラフルなアクセントパレット。computed style 実測値に基づく。


01 / Colors
カラーパレット
Color Palette
ブランド
Brand Charcoal
#121212
テキスト・CTA・フッター背景
Brand Red
#ea2222
ハートロゴ・セールバッジ
Brand Navy
#083a6b
アウターウェア・プロダクト配色
Brand Yellow
#ffd83b
アクセントカラー・グラフィック
アクセント(プレイフルパレット)
Accent Olive
#808000
ミリタリーテイスト
Accent Green
#7fbf50
カモ・グラフィック
Accent Blue
#399ede
デニム・ライトブルー
Accent Pink
#f9aae7
プリント・シーズナル
Accent Orange
#ff9800
ワークウェア・アクセント
Accent Tan
#c7b376
ヴィンテージ・ベージュ
Accent Brown
#a5652a
レザー・アースカラー
テキスト
Text Primary
#121212
本文テキスト
Text Muted
rgba(18,18,18,0.85)
サブテキスト
Text Light
rgba(18,18,18,0.75)
ラベル・フッター
Text Gray
#707070
補足テキスト
Text Sale
#ed1c24
セール価格
サーフェス
Surface White
#ffffff
標準背景
Surface Charcoal
#121212
ヒーロー・フッター背景

02 / Typography
タイポグラフィ
Typography -- 全テキスト weight 400 の均一ウェイトシステム / サイズとスペーシングのみで階層を構成
HUMAN MADE Season 12 Collection
Nunito Sans / 24px / 400 / line-height: 1.3 / letter-spacing: 0.6pxH4 Large / Featured
新作コレクション
Nunito Sans / 20px / 400 / line-height: 1.2 / letter-spacing: 0.6pxH2 / Section Heading
T-SHIRTS & CUT-SEW
Nunito Sans / 14px / 400 / line-height: 1.3 / letter-spacing: 0.8pxH3 / Sub-heading
HUMAN MADE は NIGO が手がけるライフスタイルブランド。ヴィンテージのアメリカンカルチャーからインスピレーションを得たストリートウェアと、遊び心あふれるグラフィックが特徴。
Nunito Sans / 16px / 400 / line-height: 1.6 / letter-spacing: 0.8pxBody
素材にこだわり、ディテールを追求する。それが HUMAN MADE のものづくりの姿勢です。
Nunito Sans / 16px / 400 / line-height: 1.5 / letter-spacing: 0.8pxBody Alt
TOPS / BOTTOMS / OUTERWEAR
Nunito Sans / 14px / 400 / line-height: 1.0 / letter-spacing: 0.6pxNav Main
Sweatshirts / Hoodies / Jackets
Nunito Sans / 12px / 400 / line-height: 1.0 / letter-spacing: 0.6pxNav Sub
お届けまで3〜5営業日かかります。送料は全国一律 ¥550 です。
Nunito Sans / 12px / 400 / line-height: 1.6 / letter-spacing: 0.6pxSmall
¥16,500 (税込)
Nunito Sans / 11px / 400 / line-height: 1.2 / letter-spacing: 0.6pxMeta / Price
¥11,550 ¥16,500
Nunito Sans / 11px / 400 / line-height: 1.6 / letter-spacing: 0.55px / color: #ed1c24Sale Price
ADD TO CART
Nunito Sans / 13px / 400 / line-height: 1.2 / letter-spacing: 1pxButton
© 2025 HUMAN MADE. All rights reserved.
Nunito Sans / 12px / 400 / line-height: 1.2 / letter-spacing: 0.6px / color: rgba(18,18,18,0.75)Footer

プロダクト
Product Page Sample -- ストリートウェア
T-Shirts & Cut-Sew

GRAPHIC T-SHIRT #2402

ヴィンテージのアメリカンカルチャーとNIGOの遊び心が融合したグラフィックTシャツ。ヘビーウェイトコットンを使用し、程よいオーバーサイズシルエットに仕上げた。フロントにはハートロゴ、バックにはシーズンごとのオリジナルグラフィックをプリント。

素材とディテール
Material & Details

10.2oz ヘビーウェイトコットン 100% を使用。脇下にはガゼットを配し、ヴィンテージスウェットのディテールを取り入れた。洗いをかけることで柔らかな風合いとこなれた表情を実現。ネックリブは長めのバインダー仕様で、型崩れしにくい。

カートに入れる サイズガイド ¥16,500 (税込)

04 / Buttons
ボタン
Buttons -- radius 0px シャープエッジ / 全 weight 400 / letter-spacing 1px
ADD TO CART
Primary / #121212 / radius 0 / 400
SIZE GUIDE
Ghost / outline / radius 0 / 400
SALE
Badge Sale / #ea2222 / 400
NEW
Badge New / #121212 / 400
ダーク背景
SHOP NOW
反転 / 白背景 + #121212 テキスト
LOOKBOOK
Ghost / 白 outline / radius 0

プロダクトカード
Product Cards -- radius 0 / shadow なし / フラット / 11px 価格表示
Product Image
NEW
T-Shirts

GRAPHIC T-SHIRT #2402

¥16,500
Product Image
Hoodies

HEART LOGO HOODIE

¥33,000
Product Image
SALE
Caps

6 PANEL TWILL CAP

¥8,800 ¥12,100
Product Image
Bags

MILITARY POUCH LARGE

¥22,000

06 / Forms
フォーム
Forms -- Bootstrap 由来のボーダースタイル / radius 4px / focus: #80bdff
デフォルト
正しい電話番号を入力してください
フォーカス状態

07 / Elevation
奥行き
Depth & Elevation -- シャドウ最小限、色面コントラストで構成
Level 0 -- White
標準背景。影なし
Level 1 -- Light Gray
カードグリッド背景。#f7f7f7
Level 2 -- Charcoal
ヒーロー・フッター。#121212
Accent -- Red
バッジ・セール。#ea2222

08 / Layout
レイアウト
Layout -- spacing scale & grid
4px
12px
16px
24px
32px
40px
CHARCOAL #121212
LIGHT #f7f7f7
WHITE #fff
アクセントカラー グリッド