Hiring Deck日本Japan16:9 · 49p

株式会社アトラエ 会社紹介資料 / Join us

株式会社アトラエの採用資料 — 資料デザインの参考

元の資料を見るspeakerdeck.com
株式会社アトラエ「株式会社アトラエ 会社紹介資料 / Join us」の1ページ目(表紙)
表紙
01 / 04
出典: 株式会社アトラエ「株式会社アトラエ 会社紹介資料 / Join us」(speakerdeck.com)。解説のために一部のページ(4枚)を縮小して引用しています。全ページは元の資料でご覧ください。

Editor's note — 編集部の視点

黒い表紙に、ロゴと一行だけ。

アトラエの採用向け会社紹介資料は、黒・白・灰色の3色に色を絞り、細い英字の大見出しと広い右余白で、組織の考え方を静かなトーンのまま最後まで読ませる。

LunaType & Whitespace
目次の英字の見出し、細くて灰色で、しかも大きい。普通は太くしたくなるところを我慢してる。その下の和文だけ太字にしてるから、読む順番がちゃんとつく。分かってるね。
  • 1色は黒と白と灰色だけ。写真以外に色を持ち込まず、言葉と人に目を向けさせる
  • 2右余白は1920px換算で278px。文字を左に寄せて右を空け、行を短く保っている
  • 3英字の大見出しは細い灰色、和文の小見出しは黒の太字。1つの見出しに強弱の2段をつける

Measured

判型・余白・文字量(実測)

本文・見出しを置く範囲
余白(1920px換算)
上141 右278 下187 左147
1枚の文字量
中央値 約175字
多いページ
約298字
写真・画像の面積
約4%

公開PDFの49ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です(ページ番号などの小さな文字は端から 上27・下21・左43・右25px)。

Color

配色

実測の面積比(代表ページ)

本文の文字色と背景のコントラスト: 3.1:1

Typography

書体と文字サイズ(実測)

和文の見出し・本文(Medium / Bold)

使用
游ゴシック体
代替
Zen Kaku Gothic New

英字の大見出し(Light / Bold)

使用
Helvetica
代替
Inter

英字のラベル・ロゴまわり

使用
Avenir
代替
Nunito Sans

PDFに埋め込まれた書体: YuGo-Medium(50%)、YuGo-Bold(21%)、Avenir-Book(10%)、Helvetica-Bold(8%)

  • 表紙・中扉の大見出し資料の型 Aa77px · PPT 39pt
  • ページ見出し資料の型 Aa36px · PPT 18pt
  • 本文資料の型 Aa23px · PPT 12pt
  • 注釈・出典資料の型 Aa16px · PPT 8pt

px は横1920pxに換算した値。見本は半分の大きさで表示しています。

Page types

ページの型

  1. 出典: 株式会社アトラエ「株式会社アトラエ 会社紹介資料 / Join us」p.1

    表紙

    全面を黒で塗り、中央に白のロゴを大きく1つ。その下に一行の言葉と社名を小さく添え、左下と右下に資料名と日付を極小で置く。

  2. 出典: 株式会社アトラエ「株式会社アトラエ 会社紹介資料 / Join us」p.7

    メッセージ

    右端に創業者が壁に書く写真を置き、左へ白く溶かす。左に灰色の大きな引用符で挟んだ見出しと本文、写真の上に手書きの英語の署名を重ねる。

  3. 出典: 株式会社アトラエ「株式会社アトラエ 会社紹介資料 / Join us」p.9

    目次

    白地に細い灰色の英字見出しと和文の副題。下に丸で囲んだ番号と項目を4列並べ、列の間を細い縦線で区切る。飾りはそれだけにとどめる。

  4. 出典: 株式会社アトラエ「株式会社アトラエ 会社紹介資料 / Join us」p.13

    図解

    中央に黒い円を置いて核の言葉を白抜きに。周りの細い円周上に小さな灰色の点を3つ配し、それぞれに英字の見出しと説明を添える。

Reproduce

この型で資料を作るには

  • 01色は黒・白・灰色の3つ。写真以外に色を使わない
  • 02英字の大見出しは細いウェイトの灰色、和文は黒の太字
  • 03本文23px・見出し36px前後(1920px換算)。和文は游ゴシック体
  • 04右余白を278px前後と広くとり、文字は左に寄せる
  • 05左上にカテゴリー名、右上にロゴ、右下にコピーライトとページ番号
  • 06色を黒・白・灰色に絞り、写真だけに色を任せる
  • 07英字の大見出しは細いウェイトで大きく、和文の副題は太字で小さく
  • 08図解は黒い円を中心に置き、細い円周の上に項目を配置する
  • 09右側の余白を広く残し、行の長さを短くする

スライドのデザイン分析MDに含まれるもの

実測の判型・余白・文字サイズ(PowerPoint / Google スライドの pt 換算つき)・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料(HTMLスライド)の実装方針 / 盗用を避ける差し替えリスト(Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json)

株式会社アトラエ 会社紹介資料 / Join usについてよくある質問

アトラエの会社紹介資料のデザインの特徴は?

色を黒・白・灰色に絞り、細い灰色の英字の大見出しと黒の太字の和文を組み合わせています。右余白を広くとって文字を左に寄せています。

どんなフォントを使っている?

和文は游ゴシック体(Medium・Bold)で文字量の約7割、英字は Helvetica と Avenir です。本文は1920px換算で23px前後です。

何ページある?

16:9の横長で49ページです。1ページの文字数は中央値175字です。

安心してお使いいただくために

引用の範囲で掲載
代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
PDF・画像は配布しません
資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
MDは数値と構造だけ
デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
人物写真に配慮
一般の社員・来場者など、私人が大きく写るページは掲載しません。

著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する