# Pensatori Irrazionali｜ポートフォリオのWebデザイン参考

> 取引先のロゴを、布のリボンにして束ねてる。欧州拠点のクリエイティブハウスPensatori Irrazionaliのスタジオサイトは、実績ロゴの3Dリボンと巨大な筆記体の章扉で、説明より先に“格”を感じさせる。

- URL: https://pensatori-irrazionali.com/
- 解説ページ: https://katapick.com/sites/pensatori-irrazionali
- カテゴリ: ポートフォリオ / 地域: 海外（IT）/ 業種: クリエイティブスタジオ（ブランディング・Web・ゲーム・映像）
- テイスト: 3D/WebGL、ライト、大胆なタイポ、マーキー、余白
- 公開・リニューアル: 2026-09 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 4/5（目安 36 時間）

## 編集部のひとこと（Leo）
サービスの境目を蛍光グリーンやピンクの帯がバーッと横切るの、ライブの転換でレーザーが走る瞬間みたい！グレーの静けさがあるから、帯が来るたびに「次の曲来る！」って体が構える！

## デザインの見どころ
- FVは実績ロゴを刷った布リボンの束だけ。取引先の一覧を、そのままキービジュアルに変えている
- 章扉は画面幅の筆記体と銅版画風の天使。グロテスクの本文と並べ、古典と現代をぶつける
- サービスの境目に緑・ピンク・赤のマーキー帯を流す。グレーの画面で、色が章の目印になる

## 配色
- #f5f5f5 Gallery Gray（背景）
- #434343 Graphite（テキスト / ボタン）
- #2bff00 Signal Green（アクセント（Branding帯））
- #f669e4 Orchid Pink（アクセント（Web帯））
- #ff0066 Hot Magenta（アクセント（Game帯））
- #adf800 Acid Lime（アクセント（Video帯））

## フォント
- 見出し・本文: Helvetica Now（代替: Inter Tight）
- 章扉の筆記体見出し・番号: Ballet（代替: Ballet）
- アクセント: PP Editorial（代替: Instrument Serif）

## よくある質問
### Pensatori Irrazionaliのサイトで使われているフォントは？
見出しと本文に Helvetica Now、章扉の筆記体に Ballet、アクセントに PP Editorial と思われる書体が使われています。無料で近づけるなら Inter Tight、Ballet（Google Fonts）、Instrument Serif の組み合わせがおすすめです。

### Pensatori Irrazionaliのようなロゴ入りの3Dリボンはどう作る？
Blender などでロゴをテクスチャに貼った布のモデルを作り、Three.js の GLTFLoader で読み込んで表示する方法が一般的です。動きが不要なら、レンダリング画像を配置してスクロールに合わせて位置や角度を変えるだけでも近い見え方になります。

### Pensatori Irrazionaliのデザインはどんな業種の参考になる？
ブランディングやWeb制作のスタジオ、ゲーム・映像のプロダクションなど、有名クライアントとの実績を“見せ方”で語りたいクリエイティブ系のポートフォリオの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/pensatori-irrazionali からダウンロードできます。
出典: Katapick（https://katapick.com）