44dat DESIGN GALLERY

禅×工芸の国際スクール

余白学舎

架空ブランドを立てて制作したデザインデモです(2026-07-24 公開)。

実際のサイトを見る 別タブで開きます

余白学舎(禅×工芸の国際スクール)のホームページデザイン

余白学舎(YOHAKU)は、京都とリスボンを拠点に、稽古・工房・静養の三つの実践を通して「間(ま)」を学ぶ国際的な学び舎です。何もしない時間の中に、静けさを取り戻す。

全ページビュー

余白学舎 — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。

コンセプト 余白学舎 — 海外向けに禅・工芸・リトリートを束ねる学び舎のブランドサイト(日英トグル+2拠点時計)

スタイル
和モダン詩的ストーリーテリング
レイアウト
センター寄せ詩的ナラティブ+3領域分岐(School/Craft/Retreatへ静かに分ける)
タイポグラフィ
和文明朝+欧文serif混植(短い英文コピー主役の詩的組版)
モーション
多層parallax+雲/霞シェーダ風の背景ドリフト(スクロール駆動)
配色
墨黒×生成りの2色(#0A0801×#D9D7D4型。2色で世界観を保つ)
狙い
短い英文コピーを主役に墨黒×生成り2色で世界観を保ち、2拠点の現地時刻表示まで気が利く(Awwwards SOTD 7/18)
設計の勘所
雲・霞のシェーダ質感を背景1レイヤーに敷いて「和の余白」に奥行きを出す+日英トグル+2拠点時計

写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。