Back to Portfolio

Rare Form Works

Live WooCommerce Made-to-Order Store — bespoke Build Plate design system, upload-and-quote service, multi-channel sales, and WCAG-compliant storefront

Live Store — in production with active multi-channel sales
Visit rareformworks.com
rareformworks.com
Rare Form Works storefront homepage — Build Plate design system with animated hero and category rail

Overview

Rare Form Works is a live multi-channel made-to-order products store on a WooCommerce/WordPress stack, selling on its own storefront at rareformworks.com as well as Etsy, eBay, and Amazon, with every channel’s revenue reconciled through a unified finance pipeline. The catalog spans several lines — RC racing tools, bike-service tools, household fixes, and a nesting wellness/yoga line — each product engineered to solve one specific problem and produced to order.

In 2026 the store was given a complete bespoke visual identity — the “Build Plate” design system — delivered entirely as a reversible mu-plugin with no child theme and no database changes: a filament-inspired palette and self-hosted type system layered over Kadence through CSS variables, custom pill and job-card components, a hand-written <canvas> animation, and a category rail. A second bespoke feature is a custom upload-and-quote service: a customer uploads a model or pastes a link, picks a material, and receives an instant non-binding estimate computed in the browser from the parsed model geometry — every pricing coefficient driven from admin-tunable settings. All site email routes through Resend via a custom mu-plugin (no SMTP, no mail plugin), and the frontend is held to WCAG 2.1/2.2 AA, verified with a purpose-built computed-DOM contrast tool.

Live
Shipped Store
4
Sales Channels
WCAG AA
2.1/2.2 Compliant
Build Plate
Bespoke Design System

Built by Howarth Tech Solutions.

rareformworks.com — product page
Rare Form Works product page — Nesting Yoga Wheel Set with pill add-to-cart and job-card styling
Product page — new Yoga & Fitness line, Build Plate design
rareformworks.com/custom-prints/
Rare Form Works custom upload-and-quote form with material picker and instant browser-computed estimate
Upload-and-quote form — browser-computed instant estimate

Tech Stack

A WooCommerce/WordPress build where all bespoke logic lives exclusively in must-use plugins — no child theme, no plugin coupling, no database changes for the design system.

WordPress 7.0.2
CMS and application foundation
WooCommerce 10.8.1
E-commerce, products, orders
PHP 8.3
Custom mu-plugin development
Kadence Theme
Base theme (untouched — no child theme)
Build Plate mu-plugin
Bespoke design system — full rebrand as CSS-variable overrides, reversible by deleting one file
Self-hosted variable fonts
Served locally; no Google Fonts dependency
JavaScript (vanilla)
Procedural <canvas> hero animation, browser-side model geometry parser and quote estimator
LiteSpeed Cache
Full-page caching and optimization
Resend
Transactional email via HTTPS (no SMTP)
DigitalOcean
VPS hosting, scp/rsync deploy pipeline
Architecture Highlight

WP core, all third-party plugins and themes, uploads/, and wp-config.php are gitignored by design. Only the mu-plugins, .htaccess, and brand assets are version-controlled — keeping the repo a clean, auditable trail of every bespoke change with no third-party noise. The entire visual rebrand lives in one mu-plugin file; deleting it reverts the site to its base Kadence appearance with no residue.

Key Features

Everything the store needs to run a production made-to-order business across multiple sales channels — including a bespoke visual identity and a browser-side quoting tool.

🎨

Bespoke “Build Plate” Design System

  • Full rebrand — palette, self-hosted type, pill buttons, job-card product tiles, animated hero, category rail, filament-stripe footer
  • Delivered as CSS-variable overrides of the Kadence theme; no child theme, no customizer/DB changes
  • Deleting one file reverts the entire look with no residue
  • Homepage hero is a hand-written, procedural <canvas> animation (reduced-motion aware)
📦

Multi-Line Made-to-Order Catalog

  • RC/pit tools, bike-service tools, household fixes, and a nesting yoga/wellness line
  • New launches surface newest-first on the storefront
  • 5-SKU Yoga & Fitness line built via an idempotent WooCommerce API bootstrap script (no wp-cli)
  • Products, category, media import, variations, shipping classes, dimensions/weights, and scheduled pricing — all in code
🔒

Custom Upload-and-Quote Service

  • Upload a model or paste a link, choose material and color, get a browser-computed instant estimate
  • Requests stored as a private CPT with secure file handling and server-side download proxy
  • Every pricing coefficient is injected from PHP at render time — admin changes take effect immediately
  • Customer and owner both emailed on submission; uploaded files auto-purged at 90 days
🚚

Channel-Aware Commerce Logic

  • Box-size shipping classes with real per-box rates
  • Category-scoped free-shipping exclusion for heavy items (category-keyed, since box classes are shared)
  • Native scheduled sale prices that start and revert automatically
  • All commerce rules live in code — no plugin settings to manage across updates
📊

Multi-Channel Storefront + Unified Finance

  • WooCommerce storefront plus active Etsy, eBay, and Amazon channels
  • Python pipeline parses each channel’s statements into a single per-channel gross/fees/net tracker
  • Per-SKU COGS model for cross-channel margin visibility
  • Consistent product catalog across all channels

WCAG 2.1/2.2 AA Frontend

  • Contrast, visible focus states, and minimum target sizes remediated at the mu-plugin layer
  • Verified with a purpose-built computed-style DOM contrast walker (not static HTML checks)
  • Decoupled from the Kadence theme — survives theme updates
  • WCAG remediation lives in its own mu-plugin separate from the design system

Technical Highlights

The engineering behind a WooCommerce store that goes well beyond a configured install.

🎨

Full Visual Identity Shipped as CSS-Variable Overrides

The Build Plate look remaps the Kadence palette and typography through custom properties printed after the theme’s inline CSS at a controlled hook priority — the entire rebrand is one reversible mu-plugin. The homepage hero is a hand-written, procedural <canvas> animation (reduced-motion aware), and the hero and category rail are implemented as shortcodes. Self-hosted variable fonts eliminate the Google Fonts dependency entirely.

📊

Browser-Side Model Volume Estimation

The upload-and-quote estimate is computed entirely client-side from parsed geometry: volume × infill/wall factor × material density × per-gram rate. No server round-trip — the result appears the moment the file is selected. All pricing coefficients (base fee, per-gram rate, material multipliers, build volume limit) are injected from PHP at render time via wp_localize_script, so admin changes take effect on the next page load with no code deployment.

📄

Headless Catalog Automation via the WooCommerce API

A 5-SKU product line (products, category, media import, variations, shipping classes, dimensions/weights, scheduled pricing) was built by an idempotent WC_Product-API bootstrap script keyed by SKU — re-runnable with no wp-cli on the host. Catalogue-level operations that would normally require admin UI clicks are expressed as code and are repeatable across environments.

🚚

Channel-Aware Shipping & Promotions in Code

Real box-based rates via WooCommerce shipping classes, a woocommerce_shipping_free_shipping_is_available filter that excludes a heavy product line from the free-ship promo (category-keyed, since box classes are shared across lines), and native scheduled sale prices that start and revert on their own. No plugin settings UI to manage — the rules live in code and are version-controlled.

📤

wp_mail() → Resend HTTPS (No SMTP)

A pre_wp_mail mu-plugin parses mail headers (From, CC, BCC, Reply-To, Content-Type) and POSTs to the Resend API over HTTPS. Every WooCommerce order email, password reset, and admin notification goes through it transparently — no SMTP configuration, no mail plugin layered between WooCommerce and the wire.

Custom-Code-Only Repo + Accessibility as Infrastructure

WP core, all third-party plugins/themes, uploads/, and secrets are gitignored by design — only mu-plugins, .htaccess, and brand assets are versioned. WCAG remediation lives in its own mu-plugin (separate from the design system) so it survives theme changes; contrast is verified with a computed-style DOM walker rather than static HTML checks.

What This Project Demonstrates

End-to-end ownership of a live e-commerce product: a complete bespoke rebrand shipped as a reversible mu-plugin design system, headless catalog automation, browser-side geometric estimation driven by server-controlled pricing, channel-aware commerce logic, transactional email without a mail plugin, a multi-channel finance/COGS pipeline, and accessibility engineering verified with a purpose-built computed-DOM contrast tool — all on a production store with active multi-channel sales.

🎨
Reversible Design System
Full visual identity as CSS-variable overrides in one mu-plugin; no theme coupling, no DB changes
📊
Browser-Side Estimation
Client-side model geometry parsing piped from server-controlled pricing config with no round-trip
📄
Headless Catalog Automation
WooCommerce API bootstrap script builds an entire product line (SKUs, variations, shipping, pricing) idempotently in code
📤
Transactional Email Without SMTP
wp_mail() re-routed to Resend HTTPS at the mu-plugin layer with full header support
Accessibility as Infrastructure
WCAG 2.1/2.2 AA remediation at the mu-plugin layer, verified with a computed-DOM contrast tool
🚚
Multi-Channel Commerce
Active sales across WooCommerce, Etsy, eBay, and Amazon with a unified per-channel finance/COGS pipeline

Need a custom WooCommerce build?

Rare Form Works shows what a production WooCommerce store looks like when the custom logic is engineered properly — a bespoke design system with no theme coupling, browser-side computation, headless catalog automation, channel-aware commerce rules, and accessibility built to last. If your store needs features that go beyond what plugins can do, let’s talk.

Get In Touch Visit Rare Form Works

Frequently asked questions

What makes Rare Form Works more than a standard WooCommerce install?

The entire visual identity is a bespoke design system (the “Build Plate” mu-plugin) built as CSS-variable overrides with no child theme and no DB changes — deleting one file reverts the site. On top of that: a browser-side upload-and-quote service, headless catalog automation via the WooCommerce API, channel-aware shipping and promo rules in code, and transactional email via Resend HTTPS (no SMTP, no mail plugin). None of this exists in any off-the-shelf WooCommerce extension.

Can you build a custom WooCommerce design system or theme without a child theme?

Yes — delivering a full visual identity as a reversible mu-plugin (CSS-variable overrides, no child theme, no DB changes) is exactly what the Build Plate design system demonstrates. See our web design & development service.

Can you build a tool that computes something in the browser from a file the user uploads?

Yes — client-side file parsing and browser-based computation with server-controlled pricing config are within scope. See our software development service for full-stack and JavaScript builds.

Related services & work

Want something like this built?

Tell us what you have in mind and we'll come back with an approach and a flat quote — no obligation.

Get a free quote See more work