Hanzo Brand Guidelines.
Design System
How to build interfaces that look like the rest of Hanzo across our platform and products.
Design Principles
Minimal & Focused
Reduce visual noise and focus on essential elements. Each design decision should have purpose and enhance the user experience.
Elegant & Refined
Use subtle gradients, appropriate spacing, and thoughtful typography to create elegant and sophisticated interfaces.
Consistent & Cohesive
Maintain consistency in design patterns, spacing, and visual hierarchy to create a unified experience across all touchpoints.
Color Palette
Our colors are carefully selected to create a bold, modern aesthetic.
Brand Colors
Gray Scale
- Gray 900
- Gray 800
- Gray 700
- Gray 600
- Gray 500
- Gray 400
Gradients
Typography
Clean, readable typography is essential to our design language.
- Heading 1Large page titles, hero sections
- Heading 2Section titles, major divisions
- Heading 3Subsection headings, feature headings
- Heading 4Card titles, minor section headings
- Body LargeFeatured paragraphs, pull quotes
- BodyPrimary body text
- CaptionSupporting text, metadata, labels
Components
Reusable UI components that maintain consistency across our products.
Buttons
Cards
Card Title
This is a standard card component with hover states and consistent styling.
Learn More →Badges
Get our brand assets for your projects and presentations.
Logos and brand assets (ZIP)Need brand assistance?
Our team can help with custom assets, co-branding requests, and other brand-related inquiries.