Last updated: 2026-03-08. Structure follows: wp-marketing-docs-best-practices.md (15-section sequence).
This page covers what the HASMaster Block Theme provides on its own: the design system, templates, patterns, and front-end presentation layer that makes complex home automation information readable and navigable.
Looking for the engine (schema, taxonomies, journeys, pipelines, AI add-ons)? See HASMaster Plugin — Marketing Page.
Section 1: Navigation Bar
Links: Design System | Templates | Demo | Pricing | Docs Primary CTA: [Get HASMaster Theme] (accent) Behavior: Sticky on scroll
Section 2: Hero
Headline:
The Block Theme for Home Automation Knowledge
Subheadline:
A Gutenberg-native design system and template set that turns devices, guides, and implementation journeys into a consistent, navigable website.
Primary CTA: [Get the Theme] Secondary CTA: [View Live Demo]
Hero visual: [PLACEHOLDER — screenshot/video: directory page + a guide single + a journey step]
Trust strip (below hero):
- Full Site Editing (FSE) block theme
- Token-based colors and typography for easy re-skinning
- Patterns + templates designed for structured automation content
Section 3: Social Proof Strip
[PLACEHOLDER — to be added after launch]
- “Built for WordPress block sites” badge
- “Pairs with HASMaster plugins” badge
- Logos of related ecosystems (Home Assistant, Z-Wave, Zigbee, etc.)
Section 4: Problem / Pain Statement
Headline: Your content is structured. Your theme should be too.
Body: Home automation knowledge is not a blog feed. It is a library of interconnected pages: devices, software, infrastructure, guides, and implementation steps. Generic themes make this feel scattered and hard to browse.
The HASMaster Theme is built to present structured content with consistent navigation, readable layouts, and a clean visual language.
Section 5: Solution Overview / Core Value Proposition
Headline: A presentation layer designed for automation systems
3 pillars (icon + headline + 1 sentence each):
| Icon | Headline | Copy | |——|———|——| | [Palette icon] | Design system | Tokens, typography, and components that keep every page coherent | | [Layout icon] | Purpose-built templates | Directory, guide, and journey layouts that fit structured content | | [Blocks icon] | Publisher-friendly patterns | Reusable page sections that let you ship consistent pages fast |
Section 6: Feature Showcase (Visual Grid, 3–6 features)
Feature 1: Token-based theme styling Accent and neutrals are defined as reusable tokens, so the site can evolve without CSS drift. [Screenshot: theme style panel]
Feature 2: Directory-ready layouts Templates and list styling optimized for browse-and-filter experiences (devices, software, guides, infrastructure). [Screenshot: directory list + filters]
Feature 3: Journey step presentation A consistent layout for step-by-step pages: progress UI, left-column content, right-column status, and space for AI-assisted guidance. [Screenshot: journey step page]
Feature 4: Readable documentation defaults Tables, code blocks, callouts, and navigation elements are styled for technical content without looking like raw HTML. [Screenshot: guide page with tables]
Feature 5: Block patterns library Pre-built patterns for guide skeletons, directory sections, and journey pages, so authors publish faster with less variation. [Screenshot: pattern library]
Feature 6: Responsive and accessible Mobile-first nav behaviors and readable spacing across desktop/tablet/mobile, with focus states that remain visible. [Screenshot: mobile navigation]
Section 7: Who It's For
Headline: For teams publishing automation knowledge at scale
| Audience | Fit | |———|—–| | Home automation enthusiasts | Build a personal knowledge base you can keep tidy as your system grows | | Smart home consultants | Present client systems and implementation steps in a repeatable format | | Technical publishers | Run a taxonomy-driven content library with consistent layout and style |
Section 8: Live Demo
CTA: [Explore the Live Demo →] URL: https://hasmaster.com
Demo callouts:
- Browse a directory page and open a guide
- View a journey step page and its progress UI
- See how tables and technical content render
[PLACEHOLDER — embed a short walkthrough video here]
Section 9: Deep Feature Breakdown (Tabbed)
Tab 1: Templates
- Single templates for guides, devices, software, infrastructure, and use cases
- Directory/archive templates with a consistent sidebar + results layout
- Journey page templates designed for step-based progression
Tab 2: Patterns
- Guide skeletons and navigators
- Directory sections and results layouts
- Journey step sections (intake, constraints, components, setup, outcomes)
Tab 3: Styling
- Accent-driven interaction states (hover, focus, active)
- Readable defaults for tables, lists, and documentation content
- Navigation styling tuned for desktop and tablet/mobile overlay menus
Tab 4: Integration Fit
- Works with standard WordPress content on its own
- Designed to pair with HASMaster plugins that provide the underlying schema and journeys
- Keep the theme responsible for presentation; keep plugins responsible for data and behavior
Section 10: Testimonials / Reviews
[PLACEHOLDER — collect after launch]
Section 11: Comparison
HASMaster Theme vs. Generic Block Themes
| Feature | Generic Theme | HASMaster Theme | |———|————–|—————–| | Structured-content layouts | ⚠ Varies by theme | ✓ Templates tuned for directories + docs | | Technical content readability | ⚠ Often minimal | ✓ Tables, code, and callouts styled for guides | | Mobile navigation behavior | ⚠ Theme-dependent | ✓ Consistent tablet/mobile overlay navigation | | Publishing speed | ⚠ Ad hoc sections | ✓ Pattern library for repeatable pages |
Section 12: Pricing
[PLACEHOLDER — finalize pricing model]
Current packaging options:
- Theme only — Presentation layer for block-based publishing
- Theme + Plugin bundle — Full structured schema + journeys + polished UI (recommended)
- Full bundle — Theme + Plugin + AI add-ons (guided experiences)
Section 13: FAQ
Q: Does the theme include the taxonomy and journey engine? A: No. The theme focuses on presentation (templates, patterns, styling). HASMaster plugins provide the schema, taxonomies, journeys, and tools.
Q: Can I use the theme without HASMaster plugins? A: Yes, it works as a block theme for normal pages/posts. You will not get the HASMaster content model or journey behavior without the plugins.
Q: What WordPress version is required? A: WordPress 6.6+ with modern block editor features.
Section 14: Final CTA
Headline: Make automation knowledge feel effortless to browse.
Body: HASMaster Theme gives you the structure and polish for a serious home automation knowledge base.
Primary CTA: [Get the Theme] Secondary CTA: [Read the Docs]
Section 15: Footer
Standard footer with:
- Logo + tagline: “Life Automated.”
- Links: Features | Demo | Pricing | Docs | Blog | About
- Social: YouTube (HASMaster_1000) | GitHub
- Legal: © 2026 HASMaster