Brand Assets
This page provides Ham brand icon resources that you can use directly in your application to display the Ham login entry or brand identity.
Icon Resources
Below are official Ham icons in various sizes:
| Preview | Size | File |
|---|---|---|
 | 64 × 64 | ham-icon-64.png |
 | 128 × 128 | ham-icon-128.png |
 | 256 × 256 | ham-icon-256.png |
 | 192 × 192 | android-chrome-192x192.png |
 | 512 × 512 | android-chrome-512x512.png |
Usage Guidelines
- Use 64×64 or 128×128 for button icons
- Use 256×256 or larger for logos on display pages
- Do not stretch, crop, or modify the icon's colors or proportions
Brand Colors
| Color | Value | Usage |
|---|---|---|
#4478a8 | Primary brand color / Button text color | |
#3a6a96 | Button hover state | |
#a8c8e8 | Dark theme text color |
Usage Guidelines
Do:
- Keep the icon's original aspect ratio — avoid stretching or compressing
- Maintain adequate whitespace around the icon
- Ensure sufficient contrast when placing on dark backgrounds
Don't:
- Modify the icon's colors
- Overlay text or other elements on the icon
- Use the icon to imply official Ham endorsement or certification
Related Links
- Login Button Source Code — Multi-platform "Login with Ham" button component source code
- Integration Guide — Complete OAuth2 integration guide