Moodboard
CHIASMA FACTORY Site Renewal 2026
Architecture Design Studio / Tokyo + Matsuyama

CHIASMA FACTORY
3 Directions

辻真悟の建築設計事務所。「Making Space Real」を軸に、建築・家具・都市計画を横断。 サイトリニューアルの3つのAD方向性を、ムード・カラー・タイポ・レイアウト・リファレンスで比較する。

Pattern A White Sheet
Pattern B Quiet Conviction
Pattern C Deep Space
White
Sheet
白紙に置く
CASE-REAL + TANK の系譜。
余白が80%、情報が20%。
写真だけが語る。サイトは限りなく透明になる。

建築写真のクオリティに全振り。
テキストは最小限、装飾はゼロ。
「何も足さない、何も引かない」を突き詰めた、
冷たい美しさ。

Risk: 採用目的との接続が弱い。
「何やってる人か」が伝わりにくい。
Void Silence Transparency Reduction Pure White Photo Only No Decoration Swiss Grid

Mood

minimal architecture
Minimal interior / Full white
white space
Generous negative space
concrete texture
Raw concrete / Material honesty
light and shadow
Light as protagonist
white facade
Facade as canvas

Reference Sites

CASE-REAL
CASE-REAL
フォントの質、レイアウト、情報量のコントロール。端正な余白設計。
TANK
TANK
WORK / ABOUT / RECRUITMENT の3項目だけ。極限のミニマリズム。
Atelier BNK
Atelier BNK
トップのフルウインドウ画像。スッキリした構成。写真の力で勝負。

Color Palette

White#FFFFFF
Off White#F8F8F8
Black#1A1A1A
Silver#CCCCCC
Hairline#E5E5E5

Typography

Display / Heading
Making
Space Real
DM Sans Light 300 / 48px / ls: +0.02em
Body / Japanese
空間とは、量塊と素材と光の
調和から立ち上がるもの。
私たちはその交差点に立ち、
構想を現実にする。
Noto Sans JP ExtraLight 200 / 14px / lh: 2.2

Layout Wireframe

CHIASMA FACTORY WORKS   ABOUT   CONTACT
Full viewport photo / 1 image only
No text overlay. Photo speaks.
Selected Work 01
Selected Work 02
Selected Work 03
Selected Work 04
News (3 lines, text only)
Footer / Address / Copyright
Quiet
Conviction
静かな確信
CASE-REAL x 空間構想 x APOLLO の交差点。
削った上で、"芯"を1本通す。

写真ファーストだが、PRACTICEセクションで
辻さんの設計哲学を言語化して先に置く。
声を張らない。でも見た人が
「あ、これ本物だな」って分かる。

世界観と採用が両立する、推奨案。
「うさんくさくない、なるほどと思わせる」
Quiet Conviction Warm Minimal Photo First Practice Before Works Making Space Real Serif + Sans Warm Stone Bilingual

Mood

warm interior
Warmth in restraint / Material + Light
concrete and wood
Concrete meets wood
natural light architecture
Natural light / Human scale
kitchen minimal warm
Lived-in minimalism
villa exterior
Volume / Proportion / Landscape
workspace
Studio / Thinking space

Reference Sites

CASE-REAL
CASE-REAL
フォントの質、情報量のコントロール。端正さのベースライン。
kousou
空間構想
画像とテキストのバランス。日英コンセプト文の丁寧さ。プロジェクト情報のまとめ方。
APOLLO
APOLLO ARCHITECTS
FLOWページの設計プロセス見せ方。高級感と奥行き。構成のまとまり。

Color Palette

White#FFFFFF
Warm Gray#F5F3F0
Almost Black#1A1A1A
Warm Stone#8C7B6B
Sand#E8E4DF

Typography

Display / Heading
Making
Space Real
Physical Volumes / Materials / Light
Instrument Serif 400 / 48px + DM Sans Light 300 / 14px
Body / Japanese
静かな確信
空間とは、量塊と素材と光の
調和から立ち上がるもの。
私たちはその交差点に立ち、
構想を現実にする。
Noto Serif JP 300 (display) + Noto Sans JP 300 (body) / lh: 2.0

Layout Wireframe

CHIASMA FACTORY WORKS   PRACTICE   ABOUT   CONTACT   JP/EN
Hero photo (full viewport, 1 image)
Making Space Real
Physical
Volumes PRACTICE
Materials PRACTICE
Light PRACTICE
Selected Work 01
Hospitality
Selected Work 02
Residence
Selected Work 03
Commercial
Selected Work 04
Furniture
"Chiasma: where different ideas cross and create something new"
News (3 items, date + title)
Footer / Mitaka + Matsuyama / Join Us / Copyright
Deep
Space
奥行きの演出
APOLLO + 下川徹 の系譜。
ダーク基調で空間の奥行きを演出。
スクロールが「体験」になる設計。

映像的・体験的。建築を歩く感覚。
暗闇から写真が浮かび上がる構成で
インパクトは最強。

Risk: Studioでの実装制約。
予算オーバーリスク。
暗くすると建築写真が死ぬ可能性。
Darkness Emergence Cinematic Depth Immersive Scroll Experience Full Viewport Dramatic Light

Mood

dark interior
Darkness reveals structure
night architecture
Architecture at dusk
dramatic shadow
Shadow as material
geometric facade
Geometric precision / Night
villa night
Illuminated volume

Reference Sites

APOLLO
APOLLO ARCHITECTS
フルスクリーンスクロール。高級感と奥行き。6秒自動送り。
shimokawa
下川徹
黒背景のWORKSグリッド。写真が際立つ。ダークテーマの先行事例。
Olson Kundig
Olson Kundig
将来目標。多軸フィルター、CDN最適化、モーションアクセシビリティ。

Color Palette

Deep Black#0D0D0D
Charcoal#1A1A1A
Off White#EDEDED
Antique Gold#C4A882
Dark Edge#2A2A2A

Typography

Display / Heading
Making
Space Real
Syne SemiBold 600 / 48px / ls: -0.02em / Bold presence
Body / Japanese
奥行きの演出
暗闇のなかに浮かぶ量塊。
光が空間の輪郭を描く。
素材の肌理が、沈黙のなかで語り出す。
Noto Sans JP Thin 200 / Cinematic tone / lh: 2.2

Layout Wireframe

CF WORKS   ABOUT   CONTACT
Full viewport cinematic photo
MAKING SPACE REAL Auto-advance / 6s interval / Fade transition
Full viewport project 01
Scroll-triggered reveal
Full viewport project 02
Footer / Minimal
A. White Sheet    B. Quiet ConvictionRecommended    C. Deep Space
Back to top