Archidex – Architecture Interior WordPress Theme

What Is Archidex?

Archidex is an Elementor-driven WordPress theme built on the Underscores starter framework, engineered for developers and agencies delivering portfolio-centric websites for architecture firms, interior design studios, and construction companies. It resolves the bottleneck of assembling a niche presentation layer from scratch by shipping 32+ pre-structured pages — including 18+ unique home layouts, 14+ header variations, and 08+ footer templates — as a single PHP, SCSS, and JS codebase. Within a production workflow, it operates as the deployable presentation layer of a standard WordPress stack, using one-click demo import to move from activation to a client-reviewable build without manual page reconstruction.

Key Features of the Theme

Rendered output flows through the WordPress template hierarchy into Elementor widget trees, where Bootstrap 5.2.0 grid classes and GSAP-driven timelines are injected into the DOM at runtime, while raw SCSS source files let teams recompile the stylesheet layer for deterministic asset delivery.

Architectural Highlights

• Elementor Drag-and-Drop Composition: Page structures are serialized as Elementor section data, so editors mutate layout order, parallax parameters, and container states without editing PHP templates directly.
• GSAP and Swiper Motion Stack: GSAP executes scroll-triggered timelines, parallax offsets, and smooth-scroll effects; Swiper drives slider instances; Magnific Popup manages lightbox states, while Animate.css covers entry transitions.
• Underscores Base with SCSS Pipeline: The codebase extends the Underscores starter and ships SCSS alongside compiled CSS, allowing token-level recompilation of fonts, spacing, and color variables through SASS tooling instead of overriding production stylesheets.
• Kirki Customizer Bindings: Theme options — header and footer variant selection, Google Fonts typography (Bai Jamjuree, Granola, BDO Grotesk, Suisse Int, Tartuffo Trial), and image-background settings — persist through Kirki’s WordPress Customizer framework.
• Contact Form 7 Integration: Form endpoints rely on Contact Form 7 structures rendered inside Elementor sections, keeping submission handling and validation on the plugin’s native pipeline rather than a custom endpoint.

Who Should Use This Theme?

This package targets agency development teams and freelance engineers maintaining multiple client builds in the architecture, construction, building materials, and exterior design verticals who need a deterministic starting point rather than a from-scratch layout system. Because composition happens inside Elementor, it suits studios where designers assemble pages visually while developers extend template files through a child theme — the architecture explicitly permits overriding default templates for safe iteration during updates.

It is not designed for Gutenberg-first workflows (the package is not Gutenberg optimized), sites depending on traditional sidebar widget regions (it registers no widget-ready areas), or personal creative portfolios requiring SPA-style routing and client-side search — that audience is better served by Monogram, which pairs Barba.js page transitions with Algolia indexing for large portfolio datasets.

Compatibility & Runtime Requirements

Baseline runtime constraints follow standard WordPress hosting profiles, with the presentation layer depending on the Elementor plugin and shipping Bootstrap 5.2.0 front-end assets inside the package.

How to Install & Deploy the Theme

1. Environment Pre-check: Confirm the host runs a WordPress core version between 5.2.x and 7.0.x, verify PHP memory allocations permit demo imports, and install the required companion plugins — Elementor and Contact Form 7 — before activation.
2. Package Upload: Transfer the theme archive through the WordPress administration interface (Appearance upload) or via FTP into wp-content/themes; the bundle contains PHP, CSS, SCSS, and JS files.
3. Direct Activation: Activate the theme from the Appearance screen; header/footer variant settings, Kirki panels, and all page templates become immediately operational within the administrative environment.
4. Demo Import & Configuration: Run the one-click importer to replicate the reference layout set (32+ pages), then reassign fonts, colors, and header variations through the Customizer, and validate Contact Form 7 endpoints plus parallax and slider behavior on touch devices.

Teams standardizing on Elementor delivery across verticals can extend this identical workflow to technology-sector clients using Inotek, which applies the same Bootstrap 5.x and one-click import architecture to IT solutions sites.

Frequently Asked Questions