MONO.

Made to Last.

シンプルに、心地よく。

コレクションを見る
Scroll
Concept

ブランドについて

飽きない。壊れない。
ただ、そこにある。

MONO.が選ぶのは、そういうものだけです。

素材ひとつの選定から、職人との対話、製造の工程まで——すべてに時間をかけ、本当に長く使えるものだけをお届けしています。派手さはいらない。でも、確かな質がある。

それが、わたしたちのただひとつの基準です。
Craft

ものつくりの姿勢

素材へのこだわり
01

素材へのこだわり

自然由来の素材だけを厳選し、手に触れるたびにその差を感じていただけます。

丁寧な工程
02

丁寧な工程

職人の手が行き届いたものだけをお届けします。量より質——それがMONO.の一貫した姿勢です。

長く使えるデザイン
03

長く使えるデザイン

流行に左右されない普遍的なかたち。使い続けるほどに、馴染んでいきます。

Collection

アイテム

Item 01
Item 01
Oak Form
素材そのものの美しさを、かたちにした。
Item 02
Item 02
Linen Piece
毎日肌に触れるものだから、妥協しなかった。
Item 03
Item 03
Stone Vessel
使うほど、好きになる。
Item 04
Item 04
Cotton Layer
ただ包まれているだけで、なぜかゆったりできる。そんなアイテムを、長い時間をかけて作りました。
Item 05
Item 05
Brass Hold
この質感を、どう言葉にすればいいか。手に取ったとき、きっとわかると思います。
Item 06
Item 06
Tan Keep
本物とは何か。答えは、長く使ってみればわかります。
Contact

あなたの暮らしに、
本物を。

カタログのご請求・お問い合わせはこちらから。

カタログを受け取る
About this site

制作背景 / Portfolio Note

制作意図

ミニマルライフスタイルブランド「MONO.」を想定したポートフォリオ用サンプルLPです。CrowdWorks 等のクラウドソーシング向けに、ブランドLPの設計・制作スキルを示すことを目的として制作しました。想定ターゲットはこだわりのあるライフスタイル系ブランドのオーナー・担当者層。

使用技術

HTML / CSS / Vanilla JS（単一ファイル構成）。CSS カスタムプロパティによるデザイントークン管理、clamp() を用いた流体タイポグラフィ、IntersectionObserver によるスクロールアニメーション、CSS Grid のレスポンシブ対応。Cloudflare Pages によるデプロイ。

工夫した点

ヒーローの parallax とズームアニメーションの組み合わせ。モバイルとPCでテキストを切り替える m-hide / m-only ユーティリティの設計。Cormorant Garamond + Noto Serif JP による日英混在の文字コントラスト設計。画像はすべて Adobe Firefly 生成素材を使用。