Style Guide
The SweetHawk design system. Colors, typography, components, and patterns used across all SweetHawk properties.
Brand Colors
Typography
Heading 1 — Powerfully simple
Heading 2 — Zendesk apps
Heading 3 — Built for teams
Heading 4 — Turn workflows into engines
Heading 5 — 12,000+ organizations trust SweetHawk
Heading 6 — Seamlessly integrated with Zendesk
Large body — The most installed suite of Zendesk apps. Seamlessly integrated, purpose-built for teams of any size.
Default body — SweetHawk was founded in 2015 with a simple mission: build the apps that Zendesk's most ambitious customers needed. We've grown to serve 300,000+ agents at 12,000+ organizations worldwide.
Small body — Privacy and security aren't just important — they're our top priority. We maintain premier partner status with Zendesk and offer flexible billing.
Buttons
Tags & Badges
Cards
Default Card
Cards have a subtle border and shadow on hover. They lift slightly when hovered to indicate interactivity.
Flat Card
Flat cards don't transform on hover. Used in dense layouts where subtle interaction is preferred.
Highlight Card
Highlight cards have a blue border and shadow. Used to draw attention to featured or recommended content.
App Cards
Example app card with badge. Used across the apps listing page.
Free app card variant with green free badge.
Pricing Cards
- Everything in Standard
- More features
- Priority support