# Paper Tiger｜コーポレートのWebデザイン参考

> 極太の2行で、傾いたカードを挟み撃ち。ニューヨークのBtoB向けWebデザイン会社Paper Tigerのサイトは、極太コンデンス体の大見出しと紫・赤・ミントの紙片を重ね、自信と遊び心を一度に押し出している。

- URL: https://www.papertiger.com/
- 解説ページ: https://katapick.com/sites/paper-tiger
- カテゴリ: コーポレート / 地域: 海外（US）/ 業種: Webデザイン・Webflow制作会社（BtoB）
- テイスト: 大胆なタイポ、ビビッド、スクロール演出、ロングページ
- 公開・リニューアル: 2026-01 / Katapick掲載: 2026-09-30 / 最終確認: 2026-10-30
- 再現難易度: 4/5

## 編集部のひとこと（Pip）
Latest Work、案件のビジュアルがトランプみたいに扇形に広げてあるの、うれしい！推しカードを1枚選ぶ気分になれて、表で並べられるよりずっと、全部めくって見たくなっちゃう〜

## デザインの見どころ
- サービス紹介はDESIGN・ENGINEERING・STRATEGYを黒・紫・ミントの面で積み、色で章を切り替える
- 「0 scrubs」「days w/o incident」と実績の数字に冗談を混ぜる。硬い数字が、人柄の紹介になる
- 見出しは極太コンデンス体、ボタンはイタリックのセリフ体。硬い大文字の間で、小さな斜体が軽さを足す

## 配色
- #ffffff White（背景）
- #000000 Black（見出し / テキスト / 実績・フッターのダークセクション）
- #fa435b Tiger Red（ヒーローの色紙 / お客様の声パネル / ポスター風カード）
- #9589d3 Lavender（ヒーローの色紙 / ENGINEERINGの面 / 強調語）
- #6dc9bc Mint（STRATEGYの面）

## フォント
- 見出し・ロゴ・巨大な単語: Rightgrotesk（代替: Anton）
- 本文・ナビ・カード名: Onsitestandard（代替: Inter）
- ボタン・強調語のイタリック: Suisseworks（代替: Source Serif 4（Italic））
- ワードウォールの小さな数字・ラベル: Dmmono（代替: DM Mono）

## よくある質問
### Paper Tigerのサイトで使われているフォントは？
見出しに Rightgrotesk、本文に Onsitestandard、ボタンや強調語のイタリックに Suisseworks、小さな数字やラベルに DM Mono が使われています。無料で近づけるなら Anton、Inter、Source Serif 4（Italic）、DM Mono の組み合わせが使えます。

### Paper Tigerのような、色の面が重なっていくサービス紹介はどう作る？
各サービスのブロックに position: sticky と top: 0 を指定して縦に並べると、スクロールで次の面が前の面の上に重なっていきます。面ごとに背景色を変え、左に巨大な単語、右にカードを置く同じ型で繰り返します。

### Paper Tigerのデザインはどんなサイトの参考になる？
制作会社、ブランディング会社、広告代理店など、実績と人柄の両方を大きな文字で押し出したいクリエイティブ系のコーポレートサイトの参考になります。

### Paper Tigerのサイトの画像やロゴを使ってもいい？
実績のビジュアル、映像、イラスト、クライアントロゴ、人物写真などは、Paper Tigerおよび各クライアント・権利者に帰属します。転用はせず、構成やタイポグラフィの考え方を参考にしてください。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「デザイン分析MD」は https://katapick.com/sites/paper-tiger からダウンロードできます。
出典: Katapick（https://katapick.com）