Dimension scores are derived from public data and fields; weighted into the composite. Reference only.
SmartHR Design System is a public design system from Japan’s SmartHR, aimed at helping everyone involved with SmartHR deliver a consistent experience “efficiently, without getting lost.” It is not just a set of visual guidelines; it also covers product design principles, brand fundamentals, accessibility, component libraries, design patterns, writing guidelines, help pages, release notes, and more. Overall, it is a complete design governance system geared toward enterprise SaaS.
Based on the captured content, its core offerings include design tokens such as colors, typography, spacing, border radius, shadows, and media queries; a large set of React UI components called SmartHR UI; Figma Community design resources; and a Storybook component catalog. The documentation also provides UI design usability checklists, accessibility quality standards, user testing guides, information architecture/UI review materials, UX writing guidance, and help center writing standards. SmartHR UI emphasizes not compromising user usability or developer productivity, and it is explicitly developed as open source.
No paid plans are shown on the site, and the content is publicly accessible; however, this does not mean the materials are free for commercial reuse. The text clearly states that the provided content is copyrighted by SmartHR or third parties, and publication does not imply waiver or transfer of copyright. Redistribution, sale, resale, bundling into asset collections, use in building services or websites that could be mistaken for SmartHR, and any use that harms the brand image are prohibited. Different types of users have different permitted scopes of use, so external use requires careful review of the terms.
The strengths are its completeness and detailed documentation, covering the needs of designers, engineers, PMs, and UX writers. The combination of GitHub, Storybook, and Figma makes the handoff from design to development relatively clear. Its accessibility and usability content is also quite solid. The limitations are that it is primarily in Japanese, which creates a higher learning cost for Chinese-speaking teams; some content is marked as WIP; and there are many restrictions on reusing assets such as the brand, logo, illustrations, and screenshots.
It is suitable as a reference for SaaS teams building design systems across multiple products, front-end component library maintainers, product design leads, and accessibility practitioners. The captured text does not provide information on access from mainland China, so this is marked as unknown.
⚠ This review is compiled from public sources and does not constitute a purchase recommendation. Verify all facts on the vendor's official site. Verify on smarthr.design official site.
smarthr.design is an Japan Design & Creative provider. TG4G tracks its product information, an overall rating of 6.0/10, and a China-accessibility score of Workable. Click "Visit Official Site" to reach smarthr.design directly.