# Aspen Search｜コーポレートのWebデザイン参考

> 罫線と網点だけで組んで、ちゃんと硬派でかっこいい。クオンツ・テック人材に特化したサーチ会社Aspen Searchのサイトは、田の字の画面割りに巨大な社名と網点を収め、数字で考える顧客向けの硬質さを組み上げる。

- URL: https://www.aspensearch.com/
- 解説ページ: https://katapick.com/sites/aspen-search
- カテゴリ: コーポレート / 地域: 海外（US）/ 業種: エグゼクティブサーチ（クオンツ金融・テック人材）
- テイスト: 大胆なタイポ、グリッド、モノクロ、3D/WebGL、固定ナビ
- 公開・リニューアル: 2026-09 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 4/5（目安 32 時間）

## 編集部のひとこと（Bruno）
Testimonialsの右下に「01 - 09」って枚数を出してるんだよね。全部で何件あって、いまどこか、送る前にわかる。カルーセルって迷子になりがちだから、これはうまい。

## デザインの見どころ
- FVは田の字のグリッドに巨大な「Aspen」と網点の図像。装飾を削った硬さが、専門特化の姿勢を示す
- 実績は「500+」「$1M-5M」「19+」の数字だけ。説明を足さない潔さが、かえって説得力になる
- ヘッダーの隅にLA／NYCの現在時刻を等幅で。計器のような細部が、精度へのこだわりを伝える

## 配色
- #ffffff White（背景）
- #e0e0e0 Light Gray（サーフェス / パネル背景）
- #232323 Graphite（テキスト / ダークパネル / ボタン）
- #a1ffcb Mint（アクセント / 実績パネル・名前帯）
- #d9d9d9 Silver（網点グラフィックのシルエット）
- #004b87 Client Blue（クライアント一覧のブランドカラー面（一例））

## フォント
- 見出し・本文・ナビ: Suisse Intl（代替: Inter Tight）
- ラベル・ボタン・時刻: Suisse Intl Mono（代替: JetBrains Mono）

## よくある質問
### Aspen Searchのサイトで使われているフォントは？
抽出データでは Suisse Intl（見出し・本文）と Suisse Intl Mono（ラベル・ボタン）の2書体です。無料で近づけるなら Inter Tight と JetBrains Mono の組み合わせが使えます。

### Aspen Searchの網点グラフィックはどう作る？
Three.js のシェーダーで画像の明るさをドットの大きさに置き換えるハーフトーン処理と思われます。静的でよければ、画像を事前に網点化したPNGやSVGパターンでも見た目は近づけられます。

### Aspen Searchのデザインはどんな業種の参考になる？
人材紹介、コンサルティング、投資・金融など、少人数の専門家集団が信頼性と個性を両立させたいBtoBのコーポレートサイトの参考になります。

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