Hera — theme guide

Be good · Corporate & Business

Hera is for consultancies, agencies, professional services and SaaS — the sections a business site actually needs, with restrained motion built in.


At a glance

  • 30 block patterns and 13 templates
  • 4 style variations, all light, separated by hue
  • 19 typography pairings, every font bundled locally
  • Pricing tables, stats bars, team grids, FAQ, logo walls
  • Ready-made About, Services and Contact pages
  • Scroll animations, animated statistics and a sticky header
  • Commerce-friendly styling without being a shop theme

The business homepage

Create a page and choose the Page Business template for the full corporate layout: hero, logo wall, features, services, statistics, pricing, team, testimonials, FAQ and contact. Delete the sections you do not need — it is faster than building up from nothing.

Ready-made pages

Hera includes complete About, Services and Contact page patterns. Insert one into a new page and replace the text.

The animations

Four effects run automatically: sections fade in as you scroll, statistics count up when they come into view, the header gains a shadow once you scroll, and the logo wall scrolls continuously.

Accessibility is handled

All motion respects the “reduce motion” setting in the visitor’s operating system, and everything stays fully readable with JavaScript disabled. You do not need to configure anything.

The statistics counter

Numbers in the stats bar animate upward when scrolled into view. It understands formats like 500+, 98% and 24/7, so you can write the value naturally and the prefix or suffix is preserved.

Start with the default

The default is the corporate face: Urbanist headings, Figtree body, royal blue accent, sharp six-pixel buttons. It is the most neutral of the four styles and the safest starting point for a business site.

Fonts: Urbanist & Figtree · Palette: royal blue on off-white

You do not have to change anything. The default is a finished design, not a placeholder — the style variations are alternatives, not upgrades.

Style variations

The default is royal blue. Basileia is burgundy and premium, Teleia is bronze and executive, Boopis is teal and grounded. Default and Boopis use one typeface pairing; Basileia and Teleia use a more traditional serif pairing.