Haze

Haze is a soft-gradient Help Center theme: a full-bleed pastel green mesh hero with gradient headline, a search bar with a gradient ring, topic cards with gradient icon tiles, popular articles as floating chips and a deep-gradient call to action. Light, friendly and modern.

What makes it different

Full-bleed mesh-gradient hero with a gradient headline and a gradient-ring search. Topic cards with lime, mint, sky and sun gradient icon tiles. Popular articles as floating gradient-outline chips. A deep-gradient call to action with a white button. A gradient hairline footer.

Included

Fully responsive, verified without horizontal overflow at 390px on home, category, section, article and search pages. Accessible by design: WCAG AA text contrast on default colours (text always sits on solid or very light areas), visible focus rings, skip link and reduced-motion support. All Help Center templates are included: home, category, section, article, search, requests, new request, community, profile, service catalog and approvals. Colours, logo and favicon are editable in the Theming Center. Fonts are self-hosted (no Google Fonts request). No extra JavaScript: the design is pure CSS on top of the standard Help Center scripts.

Languages and RTL

Theme settings are translated in all 37 Help Center locales shipped with the theme. Theme-specific copy is translated for English, Portuguese and Spanish and falls back to English in other locales. Right-to-left languages such as Arabic and Hebrew are supported: the layout mirrors using logical CSS properties.

Installation

In Guide admin, open Customize design and import the theme zip. Set your logo and colours in the Theming Center, then publish.

Credits

Built on Zendesk's open-source Copenhagen theme (Apache-2.0) for form and workflow functionality. The minified bundles in the assets folder come from that theme (version 4.51.4); unminified source: https://github.com/zendesk/copenhagen_theme. Design, layouts and styling are original. Fonts under the SIL Open Font License.