OUR DNA

創造力でブランド
体験に変革を

パーパス起点のクリエイティブを通じて、ブランドと人々の関係を再構築する。


01 / Colors

ブランドパレット

The digital-first, high-contrast palette is made up of five main colors: white, blue, black, orange and gray(s).
出典: Accenture Song 101(April 2022) — Droga5 公式ブランドガイド

Brand
White
#FFFFFF
ページ背景・反転テキスト
Blue
#0000D5
プライマリ・CTA
Black
#000000
テキスト・暗背景
Orange
#D05005
アクセント(限定使用)
Grays
Gray Light
#D5D5D5
ボーダー・区切り
Gray Mid
#959595
補足テキスト・ラベル
Gray Dark
#555555
サブテキスト・キャプション
Ratio Bars(公式ガイドの使用比率)
#FFFFFF
#0000D5
#000000
#D05005
#D5D5D5
#959595
#555555

02 / Typography

タイポグラフィ階層

創造力でブランド体験に変革を
NotoSansJP-Bold / 100px / 700 / lh: 120px (x1.2) / ls: -3px巨大見出し
パーパス起点のクリエイティブを
NotoSansJP-Regular / 35px / 400 / lh: 48px (x1.37) / ls: normalセクション見出し
ブランドと人々の関係を再構築し、社会に意味のあるインパクトをもたらすクリエイティブソリューション。
NotoSansJP-Regular / 28px / 400 / lh: 42px (x1.5) / color: #959595説明文
OUR DNA
GTPressuraMono (Roboto Mono) / 14px / 400 / lh: 17px / color: #959595セクションラベル
Contact us
GTPressuraMono (Roboto Mono) / 14px / 400 / lh: 17px / color: #0000d5CTA ラベル
Menu About Work Culture News
NotoSansJP-Medium / 14px / 500 / lh: 14px / color: #000ナビゲーション
Privacy Policy | Terms of Use | Cookie Policy
NotoSansJP-Regular / 14px / 400 / lh: 14px / color: #959595フッターリンク

03 / Accent

アクセント運用 — Orange

Orange (#D05005) は最小面積で使う差し色。広面積背景や本文には使わず、ハイライトや強調点として点で効かせる。

Orange
#D05005
Headline with accent
テキスト内の差し色として使用
Indicator
ドット・印として点で効かせる

404 error...

ページが見つかりませんでした。巨大タイポグラフィのインパクトを確認してください。


04 / Buttons

ボタンスタイル

CTA / Accept
bg: #0000d5 / radius: 5px
Nav Button
NotoSansJP-Medium / 14px
Skip Link
bg: #000 / 16px
Contact us →
CTA Link (mono)
color: #0000d5

05 / Cards

コンテンツカード

Brand Experience

ブランド体験の設計

パーパスを起点に、ブランドの本質的な価値を体験として設計。消費者との深い関係構築を実現する。

Creative Strategy

クリエイティブ戦略

データインサイトと創造力を融合し、市場に新しい視点を提供するクリエイティブソリューションを策定。

Cultural Impact

カルチャーインパクト

社会の文脈を読み解き、ブランドが文化に参加するための戦略とクリエイティブを開発する。


06 / Font Note

フォント代替について

実サイトの GTPressuraMono (GT Pressura Mono) は Adobe Fonts ライセンスのブランドフォントです。このプレビューでは Roboto Mono (Google Fonts) で代替しています。

和文フォントは Noto Sans JP を Google Fonts から weight 400 / 500 / 700 で読み込み、実サイトの NotoSansJP-Regular / Medium / Bold に対応させています。

実サイトでは body の font-size が 10px に設定されていますが、実際のコンテンツはすべてコンポーネント単位で個別にサイズ指定されています。