Sekkei – Section Planner & Workflow Toolkit for Elementor

Sekkei is the all-in-one workflow tool designed specifically for Elementor page builders. It integrates directly into the Elementor editor as a sliding side panel, or works as a standalone tool from your WordPress dashboard.

Stop switching between apps and browser tabs – plan, design, and organize everything in one place, right next to your Elementor canvas.

Key Features

Section Planner – Plan your page structure before building. Add sections with names, types, CSS classes, notes, dependencies, and health warnings. Sync Elementor containers into the planner, rename linked sections safely, and export a clean page outline for client approval.

Design Checklist – Never miss a step. 30+ checklist items across 5 categories: Before Design, Structure, Design, Mobile, and Handover. Add custom items and groups. Track progress with a live progress bar.

Color Palette – Save and organize your brand colors. Group colors by palette (Brand, Dark Mode, etc.). Click any swatch to copy the hex code. Assign roles like Primary, Accent, Background.

Font Pairing – 10 curated font pairings (including Bengali fonts). Filter by style: editorial, modern, minimal, bold. Copy CSS and Google Fonts links. Save custom pairings.

CSS Generator – Generate Elementor-ready custom CSS snippets. 6 presets (Section, Container, Typography, Button, Card, Responsive). Auto-fill from your Section Planner. Save and reuse snippets.

Project Notes – Client feedback, revision history, TODOs all in one place. Quick insert tags for common patterns. Date stamps and structured formatting.

Pre-Publish Audit – Scan your Elementor page for common issues before publishing. Detect placeholder text, broken links, missing image alt tags, and layout hierarchy issues. Locate elements with a single click.

Export – Export your entire project as formatted text or JSON. Download .txt for client handover. JSON backup/import for portability.

Multiple Projects – Manage separate projects with independent data. Switch between projects instantly.

How It Works

1. In Elementor Editor: A floating “Sekkei” button appears. Click it to open the tool as a sliding side panel. Use keyboard shortcut Ctrl+Shift+P for quick access.

2. In WordPress Admin: Navigate to Sekkei Open Tool for a full-screen experience.

3. Data Storage: All data is saved in your browser’s localStorage no server requests, no database load, instant performance.

100% Free & Unlocked

Sekkei is 100% free and open-source. Every feature is included with no paywalls, subscriptions, or license keys:

• Section Planner: Add unlimited sections and use all pre-made workflow templates.
• Design Checklist: Add unlimited custom checklist items and custom item groups.
• Color Palette: Build and save multiple custom color palettes with roles.
• Font Pairing: Access all 10 curated pairs (including Bengali fonts) and customize pairings.
• CSS Generator: Generate, edit, and save Elementor-ready custom CSS snippets from all 6 presets.
• Multiple Projects: Create, name, and switch between separate design projects.
• JSON Export: Export and import your full workflow data in JSON format for backup or migration.

Third-Party Libraries

Sekkei uses the following third-party libraries, included in the plugin package:

Tabler Icons

• Version: Latest stable
• License: MIT License
• License URI: https://opensource.org/licenses/MIT
• Source: https://tabler.io/icons
• Location: assets/vendor/tabler-icons/
• Purpose: Icon set used inside the standalone tool interface (assets/tool/index.html)

Syne (Font)

• Version: Latest stable
• License: SIL Open Font License 1.1
• License URI: https://scripts.sil.org/OFL
• Source: https://fonts.google.com/specimen/Syne
• Location: assets/vendor/fonts/syne-700.woff2
• Purpose: Display/heading font in the standalone tool interface

DM Sans (Font)

• Version: Latest stable
• License: SIL Open Font License 1.1
• License URI: https://scripts.sil.org/OFL
• Source: https://fonts.google.com/specimen/DM+Sans
• Location: assets/vendor/fonts/dm-sans-400.woff2, dm-sans-500.woff2
• Purpose: UI body font in the standalone tool interface

DM Mono (Font)

• Version: Latest stable
• License: SIL Open Font License 1.1
• License URI: https://scripts.sil.org/OFL
• Source: https://fonts.google.com/specimen/DM+Mono
• Location: assets/vendor/fonts/dm-mono-400.woff2
• Purpose: Monospace font for CSS code output in the standalone tool interface