# Glassmorphism (グラスモーフィズム)

> Shows depth and hierarchy through translucent layers, floating information lightly.

> JA: 半透明の層で奥行きと階層を示し、情報を軽く浮かせる。

- 分類: UI表現 / 種類: スタイル / 時代: 2020s
- 辞典: https://indexstyle.org/styles/glassmorphism（IndexStyle No.31）

## 視覚的特徴

- 背景ぼかし
- 半透明
- 細い白枠
- 色のにじみ

## 意図

未来 / 静けさ / 高級

## 向いている用途

- 階層のある情報を軽やかに見せる
- OS的な洗練と奥行きを出す

## レシピ

- 文字: ニュートラルなサンセリフ
- 構成: カードを重ね、前後関係を明確に
- 素材: 色のある背景＋半透明面＋微細な境界
- 色の手がかり: #11213c / #6567e9 / #9ee7e7

## 注意（表層模倣を避ける）

背景次第で可読性が壊れる。本文面には十分な不透明度を持たせる。

## 関連

- Deconstructivism（脱構築主義）: https://indexstyle.org/styles/deconstructivism
- Luxury Minimal（ラグジュアリー・ミニマル）: https://indexstyle.org/styles/luxury-minimal
- 研究対象: macOS Big Sur / Windows 11

## 出典

- 情報源: btrax — 50の主要デザインスタイル — https://blog.btrax.com/jp/50-design-styles/
- btrax記事掲載ムードボード — https://blog.btrax.com/jp/50-design-styles/

JSON: https://indexstyle.org/api/styles/glassmorphism