https://github.com/imagewize/elayne
A modern WordPress block theme with 85+ patterns for building professional websites for diverse verticals.
https://github.com/imagewize/elayne
full-site-editing gutenberg-theme wordpress
Last synced: 2 months ago
JSON representation
A modern WordPress block theme with 85+ patterns for building professional websites for diverse verticals.
- Host: GitHub
- URL: https://github.com/imagewize/elayne
- Owner: imagewize
- License: gpl-3.0
- Created: 2025-12-10T01:50:36.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2026-03-26T08:43:30.000Z (2 months ago)
- Last Synced: 2026-03-27T01:39:34.305Z (2 months ago)
- Topics: full-site-editing, gutenberg-theme, wordpress
- Language: PHP
- Homepage:
- Size: 11.7 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# Elayne
Design better, build faster, publish sooner. Elayne is a professional WordPress block theme designed for modern businesses, offering sophisticated patterns and conversion-optimized layouts — no coding or expensive page builders required.
## Why Choose Elayne?
- **Business-Focused**: Professional patterns specifically designed for corporate websites, service providers, and modern businesses
- **Industry-Specific Content**: Pattern sets optimized for spa & wellness, legal services, food & beverage, and plumbing/home services
- **Conversion Optimized**: Built-in patterns designed to convert visitors into customers
- **Mobile-First Design**: Every pattern is responsive and optimized for all devices
- **Clean, Modern Aesthetic**: Sophisticated design with professional color palettes and typography
- **True No-Code Solution**: Seamlessly integrated with WordPress's native site editor — drag, drop, and publish
Built by [Jasper Frumau](https://imagewize.com), Elayne empowers businesses to create stunning professional websites using the latest Full Site Editing features.
## Quick Start
| Action | Link |
| --- | --- |
| **View Demo** | [demo.imagewize.com](https://demo.imagewize.com) |
| **Documentation** | [imagewize.com/themes/elayne](https://imagewize.com/themes/elayne) |
| **Support** | [imagewize.com/support](https://imagewize.com/support) |
### Requirements
- WordPress 6.6 or later
- PHP 8.0 or later
## Installation
1. Download the theme from [GitHub releases](https://github.com/imagewize/elayne/releases) or WordPress.org
2. Upload via **Appearance → Themes → Add New** or manually to `/wp-content/themes/elayne/`
3. Activate via **Appearance → Themes**
4. Start designing in **Appearance → Editor**
For developer installation and setup, see [CONTRIBUTING.md](CONTRIBUTING.md)
## Features & Capabilities
### Pattern Library
Elayne includes **103 professionally designed patterns** across multiple categories:
**Core Patterns:** Hero Sections (8) • Headers & Footers (10) • Banners (4) • Call-to-Action (11) • Contact (2) • Features (17) • Testimonials (7) • Statistics (1) • Team (1) • Blog & Posts (11)
**Specialized:** Cards (13) • Events (1) • Portfolio (2) • Pages (12)
**Industry Verticals:** Spa & Wellness (11) • Legal Services (9) • Food & Beverage (12) • Plumbing (9)
**Templates:** 14 page and post templates
Browse the complete pattern library in **Appearance → Editor → Patterns**
### Industry Verticals
Elayne provides specialized pattern sets for specific industries:
- **Food & Beverage** - Restaurant and café patterns with menu displays, chef profiles, event grids, hours/location info, testimonials, hero sections, and specialized header with top bar (14 patterns). Includes custom "Food & Beverage" style variation with Anton/Asap Condensed fonts and emerald/cream color palette
- **Legal Services** - Professional attorney profiles, practice area showcases, case statistics, client testimonials, and contact patterns optimized for law firms (8 patterns)
- **Plumbing** - Full-site pattern set for plumbing businesses: header, hero, services grid, stats bar, why-us, testimonials, emergency CTA, contact, and footer (9 patterns). Includes a navy/amber style variation with emergency-red accents
- **Spa & Wellness** - Relaxing color palettes, treatment showcases, booking CTAs, and product displays (3 patterns)
> **Contact Form 7 support:** The `Contact With Form` and `Plumbing Contact Section` patterns include a live contact form when [Contact Form 7](https://wordpress.org/plugins/contact-form-7/) is active. Without it, styled placeholder fields are shown automatically — no broken layouts.
### Style Variations
Switch your entire site's look with one click using **6 pre-configured color palettes**:
- **Ink & Sand** (Default) - Modern, clean aesthetic
- **Food & Beverage** - Emerald & cream with Anton/Asap Condensed fonts
- **Plumbing** - Navy, amber & emergency-red for trade service businesses
- **Spa & Wellness** (Teal & Sage) - Calming, wellness-focused
- **Legal Blue** - Professional, trustworthy
- **Publicist** - Indigo & violet with Bodoni Moda serif for publications & blogs
Change styles in **Appearance → Editor → Styles**
### CSS Effects & Block Styles
Transform your content with **32 interactive block styles** — pure CSS animations with zero JavaScript:
**Button Effects** (6) • **Card & Group Effects** (7) • **Image Effects** (9) • **Text & Link Effects** (10)
All effects are pure CSS, accessible, and optimized for performance. Apply via **Appearance → Editor → Select Block → Styles Panel**
### Typography & Design
**Fonts:** Mona Sans (primary) • Open Sans • Bitter (serif) • Monospace — all variable weight with fluid responsive scaling. Style variations include additional fonts: Cormorant Garamond & Quicksand (Spa & Wellness) • Bodoni Moda (Publicist)
**Design System:** Professional color palettes • Custom shadow presets • Optimized image sizes for portrait and landscape layouts
## Getting Started
Access the WordPress Site Editor at **Appearance → Editor** to customize your site. Insert patterns, edit templates, and adjust global styles — all with drag-and-drop simplicity. Visit the [documentation](https://imagewize.com/themes/elayne) for detailed tutorials.
## Companion Plugin: Elayne Blocks
Elayne works seamlessly with the **[Elayne Blocks](https://github.com/imagewize/elayne-blocks)** plugin, which provides 5 custom blocks designed to enhance your site:
- **Mega Menu** - Advanced navigation with multi-column dropdown menus
- **Carousel** - Image and content carousels with smooth transitions
- **Slide** - Individual carousel slides with flexible content layouts
- **FAQ Tabs** - Tabbed FAQ interface with accordion-style answers
- **Search Overlay Trigger** - Customizable search overlay with smooth animations and mobile-optimized design
While designed as companions to Elayne, these blocks are **theme-agnostic** and work with any WordPress theme. WordPress.org Theme Review requirements prohibit custom block registration in themes, so blocks are provided via a separate plugin for compliance while maintaining powerful functionality.
Download from the [Elayne Blocks repository](https://github.com/imagewize/elayne-blocks) and install via **Plugins → Add New → Upload Plugin**.
## Community & Support
- **Support**: [imagewize.com/support](https://imagewize.com/support)
- **Documentation**: [imagewize.com/themes/elayne](https://imagewize.com/themes/elayne)
- **Website**: [imagewize.com](https://imagewize.com)
- **Contributing**: See [CONTRIBUTING.md](CONTRIBUTING.md) for developer documentation
## About
Elayne is created and maintained by [Jasper Frumau](https://imagewize.com).
### Credits
- **Theme Author**: Jasper Frumau
- **Fonts & Images**: All fonts and images are GPL-compatible. See [readme.txt](readme.txt) for complete license details and attribution.
- **Base Architecture**: Inspired by modern WordPress block theme standards
**[View Demo](https://demo.imagewize.com)** | **[Visit Imagewize](https://imagewize.com)**