brand guide

Digitalog Brand Guide

ロゴ・カラー・タイポグラフィ・余白・ラウンド・グリッド — 1シートで。

Logo

ワードマークとシンボル。ライト・ダークの両バリアントを提供。

• 

  Wordmark · Color

• 

  Wordmark · Mono

• 

  Symbol · D mark

Color palette

コアカラー5色。Hex・RGB・Tailwindトークンを1行で。

• Primary Blue

  HEX #0066FF

  RGB 0, 102, 255

  Token --accent

  コピー
• Logo Red

  HEX #FF2C2C

  RGB 255, 44, 44

  Token --brand-red

  コピー
• Text

  HEX #111111

  RGB 17, 17, 17

  Token --text

  コピー
• Background

  HEX #FFFFFF

  RGB 255, 255, 255

  Token --bg

  コピー
• Border

  HEX #EAECEF

  RGB 234, 236, 239

  Token --border

  コピー

Typography

Inter · Noto Sans · Josefin Sans.

• Inter

  Body & UI — Latin primary

  Digitalog はマーケターの時間を取り戻します。

  "Inter", system-ui, -apple-system, sans-serif

• Noto Sans

  Multi-script universal — CJK / Arabic / Thai / Devanagari

  Digitalog はマーケターの時間を取り戻します。

  "Noto Sans", system-ui, -apple-system, sans-serif

• Josefin Sans

  Display & wordmark only — 700 weight

  Digitalog はマーケターの時間を取り戻します。

  "Josefin Sans", system-ui, -apple-system, sans-serif

Spacing scale

ベース4、9段階 — 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 96

Radius

3段階 — 8 / 12 / 24

• Small (8)

• Medium (12)

• Large (24)

Grid

12カラム · max 1280 · gutter 32

Do's & Don'ts