Teraoka Hiroshima Website Style Guide

This guide defines the brand’s design principles, voice, and user experience direction.

Inspiration

Inspired by:

These sites stand out for their illustrations, typography, and thoughtful layouts.

Brand Voice & Tone

Voice: Solid, proud, craftsmanship-oriented, ambitious, industrial + creative.

Tone:

  • Homepage → inspiring, visionary
  • Works/Portfolio → factual, technical
  • About/Company → professional yet personal

Visual Identity

  • Typography: Headings bold sans-serif, body clean sans-serif
  • Imagery: Mix of hand-drawn illustrations and photography
  • Layout: Clean, simple, structured

Personas

  • Makiko – Retail Project Manager, 42 → looks at portfolio, reliability
  • Yusuke – Industrial Designer, 33 → checks creativity and flexibility
  • Haruka – Engineer, 25 → attracted by mission, careers

Competitive Edge

Teraoka Hiroshima stands out by using hand-drawn illustrations in a technical industry. This makes the brand approachable and memorable, while still showing scale and expertise.