# 「アラビックヤマト」50周年｜ヤマト株式会社｜ブランドのWebデザイン参考

> 真ん中はカード、まわりは全部ケーキと風船。ヤマトの液状のり「アラビックヤマト」50周年特設サイトは、幅約340pxのカード列を夜空とケーキのイラストに立て、PCの余白をまるごと誕生日会の会場にしている。

- URL: https://na-150-50th.studio.site/
- 解説ページ: https://katapick.com/sites/arabic-yamato-50th
- カテゴリ: ブランド / 地域: 国内（JP）/ 業種: 文具メーカー（液状のり）
- テイスト: イラスト、ダーク、周年、角丸、カルーセル
- 公開・リニューアル: 2025-07 / Katapick掲載: 2026-09-28 / 最終確認: 2026-10-28
- 再現難易度: 3/5

## 編集部のひとこと（Iris）
夜空は真っ黒じゃなくて、紺に寄せてあるのがいい。そこにキャップと同じ朱色がぽつぽつ置かれて、ケーキのろうそくみたい。フッターまで朱色で包んで、最後まで本体の色で終わるのもやさしい。

## デザインの見どころ
- ケーキの頂上で、帽子とリボンを着けた本体がスポットライトを浴びる。誰の50周年かが一目でわかる
- 大図鑑・研究所・クエストを紫・緑・赤の大きなカードで縦積み。どれから遊ぶかを色で選ばせる
- NEWSは「開催中」「終了」のラベル付きカード。企画の多い周年サイトでも、いま参加できるものがすぐわかる

## 配色
- #111633 Night Navy（背景の夜空（スクショから採色））
- #ea6947 Cap Orange（50ロゴ・ボタン・フッター背景）
- #ffffff White（カード背景）
- #333333 Charcoal（本文テキスト）
- #fbee90 Butter Yellow（NEWSパネルの背景（スクショから採色））
- #3dc4aa Mint Green（研究所カード・紙吹雪）

## フォント
- 本文・ニュースのタイトル: Noto Sans（代替: Noto Sans JP）
- 英字見出し（NEWS / LINE UP）・数字: Outfit（代替: Outfit）
- コンテンツカードの見出し: 丸ゴシック系（画像と思われる）（代替: Zen Maru Gothic）

## よくある質問
### アラビックヤマト50周年サイトのレイアウトの特徴は？
PCでも幅約340pxのカード列を画面中央に置き、左右は夜空・風船・ケーキのイラストで埋める構成です。情報はすべて中央のカードにあり、スマホと同じ読み順のままPCの余白を会場の装飾に使っています。

### サイトにはどんなコンテンツがある？
50周年のメッセージのほか、歴史をたどる「アラビックヤマト大図鑑」、製品を分解して見る「研究所」、クイズに答えて称号を得る「クエスト」の入口と、NEWS、LINE UP があります。

### アラビックヤマトはいつ発売された？
サイトのメッセージによると、アラビックヤマトは1975年に発売され、このサイトの公開時に50周年を迎えています。

### サイト内のイラストや商品写真を参考資料として使ってもいい？
イラスト・ロゴ・商品写真の権利はヤマト株式会社に帰属します。参考にするのは構成・配色・導線にとどめ、画像は使用しないでください。

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