if Project-if LAB Have an “if”?

PROJECT 001

Project-if LAB Website

「あったらいいな」を、カタチにする場所そのものをつくる。

Status BUILDING
Started 2026.08
Type Web / Lab / Official site

01 / Origin

なぜ、このLABをつくったのか。

日々のちょっとした不便。こんなものがあったら面白い。ちょうどいいものが見つからない。 そんな小さな「if」を、実際に考え、試し、カタチにしていく場所としてProject-if LABをつくりました。

まずは、そのLABそのものをつくることから始めました。そこに必要なのは特別な装飾ではなく、 何を試し、どのように育てていくかを見える形にすることでした。

02 / First version

Ver.0.1 — 最初のカタチ

最初はHTML / CSS / Vanilla JavaScriptだけの静的サイトとして始めました。 軽量で、いちばん必要なことだけを先に詰め込む設計でした。

営業サイトではなく、「活動の公式な場所」を先に作ることを優先しました。 そのため、最初の姿はシンプルで、実験の土台としての役割が大きかったです。

03 / Experiment

試行錯誤のプロセス

TYPOGRAPHY 見出しと余白を整える
GRID レイアウトの呼吸を確かめる
VISUAL 図版とカードのリズムを整える
NOTES 研究メモとして整理する
COLOR UIと背景の関係を調整する

04 / Current version

Ver.0.2 — 現在の姿

Ver.0.2では、タイポグラフィを強くし、方眼と研究ノートの感覚を加えました。 WHAT WE DOには図版を導入し、PROJECTSとLAB NOTESはそれぞれの役割がより明確になるよう整理しています。

PC / タブレット / スマートフォンで読めるようにしながら、Minimal × Editorial × Laboratory の世界観を保つことを優先しています。

05 / Design system

LABのデザインシステム

Typography

見出しは太く、行間は狭めにしつつ、文章は落ち着いたリズムで読むように設計しました。

Color

BG
Blue
Ink
Soft

Grid

幅は 1180px のコンテナに収め、カードやセクションの余白を全体のリズムとして扱っています。

UI Parts

Primary button Secondary button Tag Border Grid

06 / Change log

これまでの変遷

  • 2026.08 / Ver.0.1

    Project-if LAB launch — シンプルな静的サイトとして開始

  • 2026.08 / Ver.0.2

    Visual system rebuilt — WHAT WE DOビジュアル追加、PROJECT / LAB NOTE構造を整理

07 / Next experiment

このLABは、まだ実験中です。

完成させるのではなく、つくりながら変えていく。次の「if」から、次の実験がはじまります。

← BACK TO LAB NEXT PROJECT →