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

> 見出しの1語だけ、イタリックのセリフ体にする。コペンハーゲンの2人組スタジオOimachiのコーポレートサイトは、Aeonikの見出しに要所だけFeature Deckを混ぜ、グレーの面に実績と自社製品を端正に並べる。

- URL: https://www.oimachi.co/
- 解説ページ: https://katapick.com/sites/oimachi
- カテゴリ: コーポレート / 地域: 海外（DK）/ 業種: デザイン・Webflow制作スタジオ
- テイスト: ライト、グリッド、ミニマル、写真主体、セリフ体
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 28 時間）

## 編集部のひとこと（Luna）
About の段落を見出しサイズで組んで、3段落だけで会社紹介を終わらせてる。長文を大きく組むのは度胸がいるのよ。でもそのぶん、2人の声がちゃんと届く。……いいね！！

## デザインの見どころ
- 見出しはサンセリフ、強調したい語だけイタリックのセリフ体。太字に頼らず、声色で強調する
- 実績は1社1行、業種名と3枚の画像で組む。ロゴの羅列より、どんな仕事かが一目でわかる
- Labsは大小の作品をばらばらに組んだコラージュ。整った実績欄との落差が、実験好きな性格を伝える

## 配色
- #f0f0f0 Nordic Fog（背景）
- #dfdfdf Pebble Gray（サーフェス / 区切り）
- #000000 Ink Black（見出し / テキスト）
- #696764 Driftwood（サブテキスト）
- #ffffff Snow（ナビボタン / カード）
- #1f1614 Roasted Umber（ヒーローのショーケース枠）

## フォント
- 見出し・本文・ナビ: Aeonik（代替: Inter Tight）
- 見出しの強調語（イタリック）: Feature Deck（代替: Instrument Serif）

## よくある質問
### Oimachiのサイトで使われているフォントは？
見出しと本文に Aeonik、見出しの強調語のイタリックに Feature Deck が使われています。無料で近づけるなら Inter Tight と Instrument Serif のイタリックを組み合わせるのがおすすめです。

### Oimachiのように見出しの一部だけイタリックにするには？
見出しの中で強調したい語を <em> で囲み、その要素だけ font-family をセリフ体、font-style を italic に指定します。サイズは周囲の語と揃えると自然になじみます。

### どんな業種の参考になる？
デザインスタジオ、Web制作会社、少人数のクリエイティブチームなど、実績と自社プロダクトの両方を見せたいコーポレートサイトの参考になります。

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