brandcenter.gallery
Create your brand center with Freedam
Create your brand center with Freedam ↗

SmartHR brand guidelines

SmartHR Design System documents brand principles, logo rules, typography, and color swatches alongside asset downloads.

Visit SmartHR's brand center ↗ Build one like this ↗
SmartHR guidelines: SmartHR Design System
SmartHR Design System Captured 16 Sep 2026

Home page introducing the SmartHR Design System with section overviews for principles, elements, accessibility, product, and communication.

SmartHR guidelines: ロゴ
ロゴ Captured 16 Sep 2026

Logo guidelines showing primary and stacked lockups, isolation zone rules, forbidden variations, and asset download links.

SmartHR guidelines: 色｜SmartHR Blue
色｜SmartHR Blue Captured 16 Sep 2026

Color documentation defining SmartHR Blue, secondary shades, and extended palettes with macOS swatch downloads.

SmartHR guidelines: タイポグラフィ
タイポグラフィ Captured 16 Sep 2026

Typography documentation presenting Yu Gothic font weights, specimen previews, and guidance across websites and product design.

Want a brand center like SmartHR’s?

Create your brand center with Freedam ↗

Freedam's take

I really appreciate how practical the SmartHR Design System is for everyday workflows. Instead of just giving color codes, the team offers downloadable macOS palette swatches with step-by-step installation guides and links directly to their Figma Community color library. The basic elements cover everything from logo exclusion zones measured with proportions to typography recommendations focusing on Yu Gothic across Medium and Bold weights. Everything feels neatly structured, making it easy to find both rules and ready-to-use digital assets.

At a glance

Sections
基本原則 · 基本要素 · アクセシビリティ · プロダクト · コミュニケーション · よくあるご質問
Downloads
PNG, SVG, AI, ZIP, ASE, LESS, SCSS
Tone
A practical, well-structured documentation portal aimed at enabling consistent brand application across products and communications.

What I noticed

  1. The logo documentation provides dimensioned clear space rules of 1/2X and 1/5Y around horizontal and stacked lockups, alongside direct downloads for PNG, SVG, and AI files.1234
  2. The color page provides downloads for a macOS palette file and an archive containing ASE, LESS, and SCSS files, as well as an external link to their Figma Community library.5678
  3. Typography guidelines identify Yu Gothic (游ゴシック体) as the selected font family, specifying Medium and Bold weights.910
  4. Primary brand color SmartHR Blue is defined with HEX, RGB, CMYK, and PANTONE values.11

Numbers refer to the screenshots above.

What I could not see

  • Could not inspect the full content of the accessibility, product, or communication sections.
  • Could not test the search interface functionality.
  • Could not verify if font files are directly downloadable on the typography page.

Ideas to borrow

  1. Teams can provide macOS native color picker swatch archives accompanied by walkthrough screenshots to simplify brand color adoption across local desktop apps.712

Quick answers

Where can I download the SmartHR logo files?

The logo page provides ZIP downloads for PNG, SVG, color AI, and monochrome AI formats.12313

What is the primary brand typeface for SmartHR?

SmartHR specifies Yu Gothic (游ゴシック体) in Medium (M) and Bold (B) weights.910

What digital color assets are available for download?

The site offers a macOS color palette ZIP, an archive with ASE, LESS, and SCSS color tokens, and links to the SmartHR Color Library on Figma Community.568

Reviewed on 26 September 2026. Request a correction · I built this

Similar brand centers

All brand guidelines →