freee
freee develops an integrated management platform for Japanese small businesses: accounting, HR, approvals, and connected business data are framed as a way to let owners manage freely rather than spend their time on back-office work. The company was established in July 2012 and its public mission is 「スモールビジネスを、世界の主役に。」 (“Empower Small Businesses to Take Center Stage”). On the current public freee pages supplied for this review, that purpose is expressed with a clean white field, a vivid practical blue, high-contrast Japanese text, and compact rounded calls to action. The visual system reads as calm and approachable without claiming that these marketing pages are the authenticated accounting, payroll, or documentation product UI. Mission · Company profile
Color Palette
Brand
Neutrals
Typography
Type Scale
Verified size, weight, line-height, and tracking. Family is omitted when unresolved.
Fonts
Spacing & Shape
Spacing
| Purpose | Value | Preview |
|---|---|---|
| header-y | 4px | |
| action-y | 10px | |
| action-x | 16px | |
| header-x | 20px |
Border Radius
| Element | Value | Preview |
|---|---|---|
| actionStructured token | 8px | |
| header-actionStructured token | 5px |
Guidelines
Do and Don't guidelines parsed from DESIGN.md.
Do
- Use Noto Sans JP only where its live loaded-font evidence applies.
- Keep public primary and outline actions distinct: filled blue versus white with a blue border.
- Treat pseudo-state samples as selector-specific visual evidence.
Don't
- Substitute Vibes’ historical #285ac8 for the current public #2864f0.
- Promote declared-only Cherry Bomb One, Coiny, myfont, or swiper-icons to UI typography.
- Invent product-dashboard tables, badges, form states, or motion from public marketing pages.
Components
Buttons
Cards