Opal

Opal is a glassmorphism Help Center theme: frosted-glass panels floating over soft iridescent colour, a glass hero card with a large search, glass topic tiles with opal-gradient icons, a glass panel of popular articles and a floating glass header. Text always sits on near-opaque glass for AA contrast.

What makes it different

• Floating frosted-glass header bar

• Glass hero card with iridescent badge and large search

• Topic tiles with opal (conic-gradient) icon orbs

• Popular articles in a single two-column glass panel

• Article, section and search content on glass sheets

• Falls back to solid panels when backdrop blur is unsupported or reduced transparency is requested

Included

• Fully responsive, verified without horizontal overflow at 390px on home, category, section, article and search pages (LTR and RTL)

• Accessible by design: WCAG AA text contrast on default colours, visible focus rings, skip link and reduced-motion support

• Right-to-left languages (Arabic, Hebrew) supported through logical CSS properties

• Every Help Center template included: home, category, section, article, search, requests, new request, community, profile, service catalog and approvals

• Colours, logo and favicon editable in the Theming Center

• Self-hosted fonts (no Google Fonts request)

• Settings translated in 37 locales; theme copy translated for English, Portuguese and Spanish with English fallback

• No extra JavaScript: the design is pure CSS on top of the standard Help Center scripts

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. Design, layouts and styling are original. Fonts under the SIL Open Font License.