HEY Mail
HEY Mail is built by Basecamp and uses a WebKit-based rendering engine. It has good overall CSS support but takes an opinionated approach to email display — it strips tracking pixels, modifies some layout properties, and applies its own reading experience on top of your HTML.
A niche but growing email client from Basecamp, popular among tech professionals and early adopters. Small market share but influential in the developer community.
CSS coverage profile for HEY Mail
HEY Mail renders with the WebKit engine and supports 165 of 251 tracked CSS and HTML features fully, with 7 partially supported and 25 unsupported. That places it in a moderate coverage band.
A meaningful portion of CSS is unsupported or partially supported. Plan fallbacks for layout-critical features and validate every template before send.
165
Supported
7
Partial
25
Unsupported
251
Total
Key gotchas in HEY Mail
Tracking pixelsHEY aggressively blocks tracking pixels and remote image loading by default. Open-rate tracking won't work for HEY users.
Layout modificationsHEY may modify your email's width and padding to fit its reading experience. Fixed-width layouts can break.
External fontsExternal font loading may be blocked as part of HEY's privacy-first approach. Rely on system font stacks.
How HEY Mail renders email
- HEY's reading experience overlay applies its own typography hierarchy and spacing on top of the email content. Designs that depend on precise edge-to-edge spacing should account for HEY's wrapper padding.
- Tracking pixel detection is aggressive — known tracking domains and 1×1 transparent images are stripped or replaced. Open-rate analytics that depend on these mechanisms will under-count HEY users.
- External @font-face fetches may be blocked under HEY's privacy-first defaults. Always supply a complete system-font fallback stack rather than relying on a single custom font.
- Image loading is opt-in for unknown senders, so first-open rendering shows alt text and image placeholder boxes. Design with explicit width/height attributes so layout doesn't reflow when images load.
Dark mode behaviour in HEY Mail
HEY supports dark mode through its app theme. It applies its own styling adjustments in dark mode. Because HEY modifies the email display layer, your dark mode CSS may not apply as expected.
QA checklist for HEY Mail
- Validate that the email reads cleanly without external resources — HEY's privacy stance often blocks them on first open.
- Test the alt-text and placeholder rendering — HEY users see this state more often than users of less-privacy-strict clients.
- Avoid embedding tracking pixels for HEY audiences; they will be stripped, and any analytics depending on them will under-report.
HTML Elements40
| Feature | Support |
|---|---|
| <abbr> | Unsupported |
| <acronym> | Unknown |
| <address> | Supported |
| <audio> | Unsupported |
| <base> | Partial |
| <bdi> | Unsupported |
| <blockquote> | Partial |
| <body> | Partial |
| <code> | Supported |
| <del> | Supported |
| <dfn> | Unknown |
| <dialog> | Unsupported |
| <div> | Supported |
| <form> | Unsupported |
| <h1> | Supported |
| <hr> | Unknown |
| <img> | Supported |
| <link> | Unsupported |
| <marquee> | Unsupported |
| <meter> | Unsupported |
| <object> | Unsupported |
| <p> | Supported |
| <picture> | Unsupported |
| <pre> | Supported |
| <progress> | Unsupported |
| <rp> | Unsupported |
| <rt> | Unsupported |
| <ruby> | Unsupported |
| <select> | Unsupported |
| <small> | Supported |
| <span> | Supported |
| <strike> | Unsupported |
| <strong> | Supported |
| <style> | Supported |
| <svg> | Unsupported |
| <table> | Supported |
| <textarea> | Unsupported |
| <ul> | Supported |
| <video> | Unsupported |
| <wbr> | Unsupported |
CSS At-Rules5
| Feature | Support |
|---|---|
| @font-face | Supported |
| @import | Supported |
| @keyframes | Supported |
| @media | Supported |
| @supports | Supported |
Pseudo-Elements6
| Feature | Support |
|---|---|
| ::after | Supported |
| ::before | Supported |
| ::first-letter | Supported |
| ::first-line | Supported |
| ::marker | Supported |
| ::placeholder | Unsupported |
Pseudo-Classes & Selectors32
| Feature | Support |
|---|---|
| :adjacent-sibling | Supported |
| :attribute-selector | Supported |
| :chaining | Supported |
| :checked | Unsupported |
| :child-combinator | Supported |
| :class-selector | Supported |
| :descendant-combinator | Supported |
| :first-child | Supported |
| :first-of-type | Supported |
| :focus | Supported |
| :general-sibling | Supported |
| :grouping | Supported |
| :has | Supported |
| :hover | Supported |
| :id-selector | Supported |
| :lang | Unknown |
| :last-child | Supported |
| :last-of-type | Supported |
| :link | Supported |
| :not | Supported |
| :nth-child | Supported |
| :nth-last-child | Supported |
| :nth-of-type | Supported |
| :only-child | Supported |
| :only-of-type | Supported |
| :target | Unsupported |
| :type-selector | Supported |
| :universal-selector | Supported |
| :visited | Supported |
| pseudo-class-active | Supported |
| pseudo-class-default | Unknown |
| pseudo-class-nth-last-of-type | Supported |
CSS Functions8
| Feature | Support |
|---|---|
| calc | Supported |
| clamp | Supported |
| conic-gradient | Supported |
| fit-content | Supported |
| linear-gradient | Supported |
| max | Supported |
| min | Supported |
| radial-gradient | Supported |
CSS Properties160
Test your email across all 15 clients
Preview rendering, catch CSS issues, and get actionable fixes — free.
Try Emailens FreeSupport data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.