Where mist meets
The silence.

Scroll
01 / Concept Section

短い見出しと余白の広い本文を左カラムに置き、右カラムに横長ビジュアルを添える非対称レイアウトの解説です。

段落はぼかしから鮮明へ、下からふわりと立ち上がるように順番に表示され、霧が晴れていく様子を演出します。

02 / Services Section

グラスモーフィズムカード構成01

半透明の背景にぼかしを効かせたカードを重ね、境界を曖昧にするグラスモーフィズムの解説です。

グラスモーフィズムカード構成02

アイコン・見出し・説明文を横並びに配置し、視線が上から下へ自然に流れる構成です。

グラスモーフィズムカード構成03

左固定のビジュアルに対し、右側のカードだけがスクロールに合わせて流れる分割構成です。

04 / Flow Section

横一列のミニマルなステップを矢印でつなぐレイアウトの解説です。

01

Hear & Filter

要件を丁寧に取り込み解釈するフェーズの解説です。

02

Fog Outline

情報を可視化し最適な道筋を描くフェーズの解説です。

03

Clear Vision

本質を晴れ渡らせ形にするフェーズの解説です。

05 / FAQ Section
開いた状態のアコーディオン項目

クリック時に矢印アイコンが180度回転する開閉表現の解説です。開いた状態では下の境界線がセージグリーンに変わります。

閉じた状態のアコーディオン項目

閉じた状態では矢印アイコンが下向きのまま表示され、クリックで展開します。

Contact