SATOM Brand Guidelines

Color Palette

Our brand colors convey our identity and should be consistently applied across all communications.

awanokuni
#E3EBF3
samue
#7093BF
noren
#375A9D
hakujiiro
#E9EAEB
ginhakushoku
#D3D3D2
gosuiro
#323172
sitagoshirae
#E7D3CF
gochiso
#CB6874
hashi
#a47d59
urahairo
#97CEA1

Typography

Our typography system consists of three complementary fonts that should be used consistently.

Base Font: NOTO Sans

NOTO Sans is our primary font for body text and general content.

NOTO Sans Regular (14px)

The quick brown fox jumps over the lazy dog. 1234567890

NOTO Sans Bold (14px)

The quick brown fox jumps over the lazy dog. 1234567890

NOTO Sans Italic (14px)

The quick brown fox jumps over the lazy dog. 1234567890

Heading Font: Alata

Alata is used for headings and titles to create visual hierarchy.

Alata (24px)

The quick brown fox jumps over the lazy dog. 1234567890

Alata (18px)

The quick brown fox jumps over the lazy dog. 1234567890

Monospace Font: IBM Plex Mono

IBM Plex Mono is used for code blocks, technical content, and data displays.

IBM Plex Mono Regular (14px)

The quick brown fox jumps over the lazy dog. 1234567890

IBM Plex Mono Bold (14px)

The quick brown fox jumps over the lazy dog. 1234567890

Usage Guidelines

Logo Usage

  • Always maintain clear space around the logo
  • Do not stretch, distort, or alter the logo colors
  • Use the appropriate logo version based on background colors
  • Minimum size: 30px height for digital use

Color Usage

  • Primary colors (noren, samue) should be dominant in all communications
  • Secondary colors should be used as accents
  • Ensure sufficient contrast for accessibility

Typography Guidelines

  • Use Noto Sans for all body text (recommended size: 14-16px)
  • Use Alata for headings (H1: 24-32px, H2: 20-24px, H3: 18-20px)
  • Use IBM Plex Mono for code snippets and technical data

Document Examples

Presentation Slide

Business Card Design