Brand Kit
& guidelines
Download official logos, colors, and assets for use in your projects, articles, and integrations. Please follow the usage guidelines below.
Logo downloads
Download the Posthawk logo in SVG format. Available in white and dark variants.
SVG
SVG
SVG
SVG
Clear space
Always maintain a minimum clear space around the logo equal to the height of the logomark. This ensures the logo remains legible and uncluttered.
Minimum sizes
min 20px heightmin 16px heightUse the full logo when horizontal space allows. Switch to the logomark for favicons, app icons, and compact layouts.
Brand colors
Click any swatch to copy the hex value to your clipboard.
Geist Sans
Posthawk uses Geist Sans by Vercel as its primary typeface across all products.
400
500
600
700
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()_+-=[]{};:'",./<>?
Display
Email Infrastructure
Heading 1
Brand Guidelines
Heading 2
Typography Scale
Body
Posthawk is an open source email infrastructure platform for developers.
Small
Labels, captions, and secondary text throughout the interface.
Micro
SECTION LABELS AND CATEGORY HEADERS
Phosphor Icons
Posthawk uses Phosphor Icons across all products. Icons are rendered in the "duotone" weight for feature icons and "bold" weight for UI actions.
Use duotone weight for decorative and feature icons. Use bold weight for interactive UI elements like buttons and navigation.
Standard icon sizes: 14px for inline text, 16px for buttons and UI, 18px for navigation, 24px for feature highlights.
Icons inherit text color by default. Active states use the accent color (#8262ff). Muted icons use #666 or #979797.
Guidelines
- Use on dark backgrounds (#121212)
- Maintain clear space around the logo
- Use the official brand colors
- Use the logomark when space is limited
- Stretch or distort the logo
- Place on busy or clashing backgrounds
- Alter the brand colors
- Add effects like shadows or outlines
Questions about usage?
If you need assets in a different format or have questions about brand usage, reach out to us.