WordPress Core Engine · Single-Apex Runtime Duality

Crux Nxtion: The Dual-Wing Platform
& Intelligent State Machine

Crux Nxtion required housing two opposing commercial entities under one digital roof: high-stakes enterprise corporate advisory and vibrant cultural event spectacle. Instead of naively fragmenting brand equity across multiple domains or subdomains, Cr8v Stacks engineered a single-apex runtime duality architecture powered by bespoke WordPress plugins, session-persisted token swapping, and a custom 5-stage CPT inquiries pipeline CRM.

WordPress Core Runtime Duality Inquiries CRM Zero-Bloat Stack

Client Crux Nxtion Global

Operational Dual Wings Consultancy & Cultural Events

Core Engineering Custom WP Theme + Core Plugin

Live Production Domain cruxnxtion.co.uk ↗

Overview · Strategic Context

The Duality Headache
& Single-Apex Resolution

Crux Nxtion confronted an existential architectural dilemma: how to house two completely antithetical commercial disciplines under one sovereign digital identity without fracturing domain authority, partitioning visitor sessions, or confusing high-ticket enterprise clients.

Dual-Disciplinary Dilemma · Two Antithetical Realities COMMERCIAL POLARITY

01 · CORPORATE ADVISORY

Crux Consultancy

Executive turnaround consulting, institutional restructuring, and brand strategy demanding sober credibility and editorial authority.

Design Tokens:

#002671 Navy #8C7AE6 Violet #FFFFFF White

02 · CULTURAL SPECTACLE

Crux Events

International music festivals, nightlife curation, and concert stagecraft demanding dark nocturnal immersion, adrenaline, and cultural excitement.

Design Tokens:

#0A0F26 Midnight #BA0000 Red #FFFFFF Neon

Architecture Strategy Triage · Why Naive Solutions Failed 3 COMPROMISES REJECTED

✕ Approach 01

Separate Apex TLDs

events.com vs consulting.com

Fractures Google SEO domain authority in half; doubles link-building overhead, doubles SSL/hosting fees, and creates search brand confusion.

✕ Approach 02

Disjointed Subdomains

events.cruxnxtion.co.uk

Partitions visitor journeys into isolated cookie and session silos; dilutes root domain equity and breaks cross-wing exploration.

✕ Approach 03

WordPress Multisite

Separate DB Networks

Multiplies administrative overhead, complicates database schema maintenance, and fragments unified inquiry lead capture.

Cr8v Stacks Engineered Resolution · Single-Apex Runtime Duality APEX: CRUXNXTION.CO.UK

A single root domain hosts both corporate worlds, concentrating all of its organic domain authority while a client-side and server-side state machine toggles stylesheets, design tokens, and navigation schemas instantly with zero page reload.

✓ 100% Domain Authority ✓ 2 Wings, One Domain ✓ 5-Stage Unified CRM ✓ Zero Page Reload

Live Runtime Duality Simulator · Interactive Token Engine

WING 01 · CORPORATE ADVISORY cruxnxtion.co.uk

Executive Turnaround Consulting & Brand Governance

Sober credibility and editorial authority for corporate boards, restructuring mandates, and institutional growth leadership.

● STATE: WING_CONSULTANCY | TOKENS: #002671 / #8C7AE6 | ONE APEX DOMAIN | NO PAGE RELOAD

Strategic Architecture

Key Engineering Mandates

ACTIVE CORE

01 / Single-Apex Domain Authority

Zero link equity dilution. Both cultural festival tickets and executive turnaround briefs feed a single organic domain authority footprint.

02 / Unified Commercial Lead Pipeline

Corporate boardrooms and festival sponsorship requests route into a centralized, proprietary 5-stage CRM without third-party form bloat.

03 / Native WordPress Governance

Full visual control for non-technical leadership using WordPress core Customizer APIs, bypassing brittle page builders entirely.

04 / Hardware-Accelerated Interface

Vanilla CSS clip-paths, GPU-composited transitions and cached WordPress queries drive the interface with no front-end framework.

100% Apex Equity 0 Page Reloads 2 Wings

Foundational Systems

Core Technical Deliverables

Design System · Asset 01

Dual-Wing Design System & Typography Tokens

Curated typography ladder combining Michroma geometric display caps with Plus Jakarta Sans body hierarchy and Space Mono telemetry. Features dual color ramps separating Midnight/Red from Crisp White/Royal Violet.

Crux Nxtion Design System & Typography Tokens

Secondary Core Interface · Asset 02

Multi-Wing Corporate Intake & Routing Engine

Intelligent client onboarding interface featuring interactive 3-mode tabs, dynamic discipline chips, and live specification panels—filtering incoming briefs to the CRM with IP telemetry.

Crux Nxtion Multi-Wing Corporate Intake Engine

Platform Infrastructure · Asset 03

WordPress Core Architectural Board

By architecting a custom WordPress theme and dedicated core plugin (crux-nxtion-core.php), Cr8v Stacks delivered single-apex domain authority, an in-house CPT pipeline CRM, native Customizer token bindings, and zero-bloat vanilla runtime performance.

865-Line Dedicated Core Plugin

All custom functionality encapsulated in crux-nxtion-core.php — zero dependency on third-party plugins.

Dual Page Template Architecture

16 custom PHP templates routing events, consultancy, gallery, contact, and FAQ through distinct visual frameworks.

WordPress Core Architectural Board on Granite

Showcase 01 · Production Interface Captures

The Website Itself in Production

Deep scrolled production captures demonstrating the authentic visual breadth of Crux Nxtion—framed in strict contrast-governed browser viewports.

Events Wing Archive · archive-event.php

Live Event Docket & Lineup Grid

Scrolled live view of the cultural events archive showcasing dynamic category filters, ticket status badges, venue coordinates, and one-click .ics calendar synchronization triggers.

Consultancy Wing · page-consultancy.php

Strategic Advisory & Corporate Portal

Scrolled executive view presenting institutional turnaround consulting frameworks, enterprise credibility markers, and board-level advisory methodologies in crisp editorial white.

Crux Nxtion Single Event Production Dossier

Stagecraft Dossier · single-event.php

Production Specs & Ticket Stub Architecture

Deep production dossier showcasing authentic ticket stub notch cutouts, 4-pillar technical staging grids (Audio, Lighting, Staging, Crew), and direct Eventbrite ticket integrations.

Crux Nxtion Corporate Intake & Routing Matrix

Intake Router · page-contact.php

Dual-Wing Corporate Intake & Routing

Intelligent multi-wing contact router filtering incoming requests to either festival production coordinators or executive consulting partners, logging IP telemetry directly to the CRM.

Showcase 02 · WordPress Core Engine

Engineered Systems & Workflows

Expansive interactive recreations of the bespoke systems built into WordPress core—demonstrating real pipeline state machines, native Customizer bindings, and calendar calculus.

SYSTEM 01 · RUNTIME DUALITY

Runtime State Machine & Class Decoupler

Swaps stylesheet token ramps between Midnight/Red (Events) and Crisp White/Blue (Consultancy) without page reload. Saves state in sessionStorage and dynamically mutates root CSS variables with zero DOM thrashing.

sessionStorage.setItem('crux_mode', 'consultancy');
document.body.className = 'mode-consultancy';
document.documentElement.style.setProperty('--wing', 'consult');

RUNTIME STATE CONTROLLER ACTIVE: EVENTS WING

// STATE: Mode: live · Reload: none
Active Mode: mode-events
Theme Mod Bind: postMessage (Active)

SYSTEM 02 · CPT CRM PIPELINE

5-Stage Lead Pipeline & Executive Dossier

Custom CRM built inside crux-nxtion-core.php. Eliminates bloated third-party form plugins. Automatically parses incoming briefs, records client origin IP, maps commercial valuation, and renders an executive dossier directly inside WordPress Admin.

update_post_meta($post_id, '_crux_status', 'Proposal Sent');

CRUX NXTION LEAD DOSSIER • #8821

Lead: Sovereign Capital Holdings

✉ Reply via Email ✆ Call Client

PIPELINE STAGE:

● 01 / New → ● 02 / Contacted → ● 03 / Proposal Sent → ○ 04 / Booked → ○ 05 / Archived

Client: David Adeleke Origin IP: 185.192.68.10

Discipline: Dual: Turnaround & Live Gala Budget Quote: £45,000 GBP

"Need full institutional restructuring advisory followed by executive anniversary gala production in London."

SYSTEM 03 · DEFAULT WP CUSTOMIZER

Native Customizer Live CSS Token Panel

Built directly into WordPress's core wp-admin/customize.php using native WP_Customize_Manager. Controls bind to postMessage transport, updating CSS variables on :root instantly in the live preview iframe.

$wp_customize->add_setting('crux_action_red', array(
  'default' => '#BA0000',
  'transport' => 'postMessage',
  'sanitize_callback' => 'sanitize_hex_color'
));

Customizer: Crux Nxtion Theme Tokens

LIVE PREVIEW

▸ Events Wing Token Ramp

Primary Action Color

#BA0000

--crux-action-red

postMessage ✓

Consultancy Sovereign Slate

#002671

--crux-sovereign-navy

postMessage ✓

Executive Accent Violet

#8C7AE6

--crux-accent-violet

postMessage ✓

Selective Refresh: Active 0 Full Page Reloads

SYSTEM 04 · CALENDAR CALCULUS

Dynamic RFC 5545 .ics Calendar Generator

Built into calendar-ics.php. Calculates UTC offsets and formats RFC 5545 streams directly from WordPress rewrite endpoints for Apple Calendar, Google Calendar, and Outlook with zero plugin bloat.

header('Content-Type: text/calendar; charset=utf-8');
header('Content-Disposition: attachment; filename="event.ics"');

BECOMING MR & MRS CRUX PT.3

18 Oct 2026 · Sheffield City Hall · Status: Active

BEGIN:VCALENDAR
VERSION:2.0
DTSTART:20261018T190000Z
SUMMARY:Becoming Mr & Mrs Crux Pt.3
STATUS:CONFIRMED
END:VCALENDAR

SYSTEM 05 · TRANSACTIONAL DISPATCH

Automated Executive HTML Email Dossier

Rendered directly from the codebase template in crux-nxtion-core.php (lines 828–853). Automatically triggers dual branded email stationery to directors and confirmation receipts to clients with SPF/DKIM verification.

wp_mail($admin_recipient, $subject, $body, $headers);

Mail — Dual Executive Dispatch

TO: [email protected] ADMIN DOSSIER

[EVENTS] New Crux Nxtion Brief from David Adeleke

Lead Type: EVENTS (Events Wing)
Client: David Adeleke ([email protected], 07XXX)
Services: Event Designs, Entertainment Booking
Event Specs: Luxury Gala | Date: 18 Oct 2026 | Guests: 350

View Full Brief in WP Admin →

TO: [email protected] CLIENT RECEIPT

CRUX NXTION

Hello David,
Thank you for reaching out. We have received your brief and our team will review the details and come back to you shortly.

Crux Nxtion • 29 Dun Work, Sheffield S3 8FB • [email protected]

SYSTEM 06 · ATOMIC PROVISIONING

1-Click Starter Content Demo Importer

Built into inc/demo-importer.php. Programmatically provisions dual-wing starter events, terms, taxonomies, and initial pipeline inquiries in a single atomic database transaction.

admin.php?crux_action=seed_demo_content

Crux Nxtion Theme Setup

SEEDING COMPLETE

✓ Created 16 pages (Home, Events, Consultancy, Services, Contact, FAQ, About, Gallery...)

✓ Set static front page → Home

✓ Set blog page → Journal & Insights

✓ Assigned page templates (page-consultancy.php, page-events.php...)

✓ Seeded 8 events from Eventbrite archive:

↳ Becoming Mr & Mrs Crux Pt.3 (Weddings)
↳ LASGIDI Mainland Party (IJGB Edition) (Club)
↳ Ankara Festival (Cultural)
↳ YAGI Awards (Awards)
↳ Dance OUT 2023 (Concerts)

✓ Bound event meta (_crux_event_date, _crux_event_venue, _crux_event_eventbrite)

✓ Flagged option: crux_pages_auto_seeded_v2 = 1

Execution: 0.84s Queries: 47 Memory: 14.2MB

Showcase 03 · Interaction Design & Navigation Architecture

Interaction Design & Intelligent Routing

Bespoke UI interaction patterns engineered for complex dual-wing navigation — from intelligent 3-mode contact intake switching to the 25+ URL legacy redirect engine preventing every possible 404.

INTERACTION 01 · CONTACT INTAKE

3-Mode Contact Intake Switcher

The contact page hosts a 3-tab mode switcher — Plan An Event, Business Strategy, and Sponsorship & Partnership. Each mode dynamically rewires the form fields, discipline chip selections, and service taxonomy mappings without page reload.

contactForm.dataset.leadType = 'events';
toggleFieldGroups(eventFields, consultFields);

Get In Touch / Let's Talk.

Plan An Event

Business Strategy

Sponsorship

Event Type Expected Guests Event Date Venue

Tell us about your event vision...

lead_type: events · Fields dynamically bound

INTERACTION 02 · THE TICKET WALL

Authentic Ticket Stub Architecture

The signature Crux Nxtion event ticket card with perforated circular stub notches, two-tone date punches, dashed tear lines, and direct Eventbrite ticketing hooks.

23 APR 2025

Part 3 · Cultural Gala

Becoming Mr & Mrs Crux Pt.3

Tickets on Eventbrite · Sheffield City Hall

Get Tickets →

25 JAN 2025

Nightlife · IJGB Edition

LASGIDI Mainland Party

Tickets on Eventbrite · Late Night Venue

Get Tickets →

INTERACTION 03 · ZERO-404 ROUTER

Legacy URL Prevention Engine

25+ legacy URLs mapped via prevent-errors.php — wildcard pattern matching, nested service slugs, and deep-linked booking aliases all 301-redirect to canonical endpoints.

$ tail -f /var/log/crux-redirects.log

301 │ /sponsor → /sponsors/

301 │ /plan-an-event → /contact/?type=events

301 │ /business-consulting → /consultancy/

301 │ /faqs → /faq/

WLD │ /services/{*slug} → /services/

301 │ /event-marketing-and-promotion → /services/

// 19 more rules loaded from prevent-errors.php (263 lines)

✓ Zero 404s in production · 100% crawl budget preserved

Showcase 04 · Technical Architecture & Compliance

Engineering Deep Dive

The architectural decisions, security patterns, and performance engineering beneath the surface — each cell represents a distinct WordPress core engineering feat not covered elsewhere in this case study.

01 / SECURITY

AJAX Nonce Verification & Input Sanitization

Every AJAX endpoint is guarded by WordPress nonce tokens via wp_verify_nonce(). All user inputs pass through sanitize_text_field(), sanitize_email(), and wp_unslash() before database insertion — eliminating XSS and SQL injection vectors.

$_POST['action'] cr8v_lead_intake

check_ajax_referer() NONCE_VALID ✓

sanitize_text_field() · wp_unslash()

02 / QUERY CACHING

Transients API Upcoming Event Cache

Upcoming events query results are cached with set_transient() on a 12-hour TTL. The cache is cleared automatically whenever an event is published or updated, so visitors never see stale listings.

TRANSIENTcrux_upcoming_events

TTL12h (43,200s)

INVALIDATED ONpublish · update

03 / CSS ARCHITECTURE

Parallelogram Clip-Path Component System

The signature slanted button aesthetic uses clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%) with strict border-radius: 0 !important. Applied consistently across the floating switcher pod, navigation tabs, and admin wing badges.

LIVE CSS ANGLE

polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%)

04 / DATA ARCHITECTURE

Custom Post Type & Taxonomy Schema

Two CPTs (event and inquiry) with structured post_meta schemas: event date/time/venue/category/Eventbrite link, and inquiry lead_type/status/services/budget/IP. Taxonomy terms bind to event categories for faceted archive filtering.

post_type: event post_type: inquiry

Weddings Nightlife Advisory Festivals

05 / ANIMATION

Intersection Observer Viewport Reveals

Section entry animations driven by native IntersectionObserver — zero jQuery, zero ScrollMagic. Elements receive .in-view class at configurable threshold (0.15), triggering CSS transitions for opacity, transform, and stagger delays across card grids.

API: IntersectionObserver NATIVE (0 KB)

threshold: 0.15 → .in-view active

06 / VALIDATION

Customizer Sanitize Callback Contracts

Every Customizer setting is bound to a strict sanitize callback: sanitize_hex_color for color tokens, absint for numeric values, wp_kses_post for rich text. Prevents arbitrary value injection even from authenticated admin users editing theme options.

raw input sanitize_hex_color()

#BA0000<script> #BA0000 ✓

07 / INTEGRATION

Eventbrite Ticket Link Architecture

Each event stores its original Eventbrite ticket URL in _crux_event_eventbrite post_meta. Template logic conditionally renders "Get Tickets" CTAs only when the meta exists and the event date hasn't passed, preventing dead links to expired ticket pages.

_crux_event_eventbrite ACTIVE HOOK

eventbrite.co.uk/e/... TICKET CTA

08 / PRIVACY

GDPR Consent & Cookie Policy Compliance

Dedicated Privacy Policy, Cookie Policy, and Terms & Conditions pages auto-created via the demo seeder. Contact form collects explicit consent before storing PII. Client IP logging via $_SERVER['REMOTE_ADDR'] is documented in the privacy policy with lawful basis.

IP Telemetry ANONYMIZED

Consent Gate: Explicit Opt-In UK GDPR ✓

09 / ACCESSIBILITY

WCAG 2.1 AA Compliance Engineering

Semantic HTML5 landmark structure (<header>, <main>, <nav>, <footer>), ARIA labels on interactive elements, keyboard-navigable tab sequences, minimum 4.5:1 contrast ratios verified across both Midnight and Crisp White color modes, and skip-to-content links.

Midnight / White: 17.4:1 AAA PASS

Navy / White: 13.1:1 AAA PASS

Red / White: 5.2:1 AA PASS

Crux Nxtion: The Dual-Wing Platform & Intelligent State Machine

The Duality Headache & Single-Apex Resolution

Executive Turnaround Consulting & Brand Governance

01 / Single-Apex Domain Authority

02 / Unified Commercial Lead Pipeline

03 / Native WordPress Governance

04 / Hardware-Accelerated Interface

Core Technical Deliverables

Dual-Wing Design System & Typography Tokens

Multi-Wing Corporate Intake & Routing Engine

WordPress Core Architectural Board

865-Line Dedicated Core Plugin

Dual Page Template Architecture

The Website Itself in Production

Live Event Docket & Lineup Grid

Strategic Advisory & Corporate Portal

Production Specs & Ticket Stub Architecture

Dual-Wing Corporate Intake & Routing

Engineered Systems & Workflows

Runtime State Machine & Class Decoupler

5-Stage Lead Pipeline & Executive Dossier

Native Customizer Live CSS Token Panel

Dynamic RFC 5545 .ics Calendar Generator

Automated Executive HTML Email Dossier

1-Click Starter Content Demo Importer

Interaction Design & Intelligent Routing

3-Mode Contact Intake Switcher

Authentic Ticket Stub Architecture

Becoming Mr & Mrs Crux Pt.3

LASGIDI Mainland Party

Legacy URL Prevention Engine

Engineering Deep Dive

AJAX Nonce Verification & Input Sanitization

Transients API Upcoming Event Cache

Parallelogram Clip-Path Component System

Custom Post Type & Taxonomy Schema

Intersection Observer Viewport Reveals

Customizer Sanitize Callback Contracts

Eventbrite Ticket Link Architecture

GDPR Consent & Cookie Policy Compliance

WCAG 2.1 AA Compliance Engineering

Crux Nxtion: The Dual-Wing Platform
& Intelligent State Machine

The Duality Headache
& Single-Apex Resolution