Brand Standard · v3.0
Soul Gladiator
Screen Printing · Embroidery · Laser-Cut Appliqué — Phoenix, AZ
Screen Printing · Embroidery · Laser-Cut Appliqué — Phoenix, AZ
Toggle the button in the top right to see the whole guide switch live. Every color below has a light-mode and dark-mode value tuned for the same comfortable reading contrast — nothing recolors itself, it just adapts.
Dark Mode
Light Mode
Base colors come straight from the logo. Lumen Violet is the primary accent — CTAs, eyebrows, and sub-headings. Cerulean is a second, supporting accent reserved for tags, links, and active navigation states, so it never competes with violet for attention. Gladiator Blue stays the everyday brand color for secondary buttons and UI surfaces.
Rajdhani carries headlines — condensed, geometric, and athletic, the same quality that reads well on a jersey or a banner. Quantico handles labels, eyebrows, nav, and buttons with a tighter, more structural voice. Inter stays the body workhorse, set in a soft accessible gray rather than flat black/white so long paragraphs are easy on the eyes.
The structural tokens underneath every component — an 8px spacing rhythm, a small set of corner radii, and three shadow depths. Reusable well beyond this page: same tokens should drive the website, a future customer portal, or printed order forms.
Lumen Violet carries primary actions, eyebrows, and card labels. Cerulean handles tags, links, and active navigation. Cards, tags, and the eyebrow share one signature treatment: a partially transparent fill with a 1px tinted border, instead of a flat solid panel. Green/amber/red stay strictly functional (success / caution / error), never brand accents.
Most Requested
High-volume team and event apparel with vibrant, durable ink.
Built to Last
Clean, professional stitching for uniforms, hats, and corporate gear.
Stand Out
Precision-cut fabric layers for bold, dimensional team logos.
The mark is dimensional and detailed — give it room to breathe and keep it on approved backgrounds.
The short version of why each major call was made — useful when explaining the system to anyone outside this conversation.
Lumen Violet stays the one color that means "act here" — CTAs, eyebrows, sub-headings. Cerulean covers the quieter, high-frequency UI moments (tags, links, active nav) so violet never gets diluted by overuse.
Rajdhani's condensed, athletic geometry carries headlines the way it would on a jersey or banner. Quantico handles labels, eyebrows, nav, and buttons with a tighter, structural voice. Inter stays the body workhorse so long-form copy stays easy to read.
Every text/background combination in both themes meets or exceeds WCAG AA (4.5:1) — including Cerulean, which needed its own deepened light-mode value to hold up next to Lumen Violet's. Functional colors (success/warning/danger) stay strictly out of brand use so they always mean what they say.
The transparent-fill-plus-border treatment is reserved for tags, badges, eyebrows, alerts, and cards — never ambient decoration. That keeps it reading as a deliberate signal instead of a trend applied everywhere.
A visual first pass at how soulgladiator.com is structured and what each page actually looks like — built in the same fonts, colors, and components as the brand standard above so this reads as "the plan," not a separate wireframe doc.
Every service gets its own page because the buyer and the pitch differ — but the page count is sized for a 2-person shop maintaining this by hand, not for SEO maximalism.
Hero, B2B/B2C split, trust strip, service teaser
Process, pricing, gallery, CTA
Same template, own content
Same template, own content
B2B tone — file formats, SLA, upload intake
Combined, filterable gallery
Owner story, shop photos, trust
Guided multi-step form
NAP, hours, map, simple form
Scottsdale, Tempe, Arcadia — unique copy each
Pricing logic, minimums, file formats
Minimal — quote form collects contact info + artwork
Resolved: embedded site-wide, not a standalone page
Full previews for the pages with genuinely different layouts. The three service pages (Screen Printing / Embroidery / Appliqué) share one template — shown once below.
Screen printing, embroidery, and laser-cut appliqué — built for durability, sized for your roster, shipped on your timeline.
Vibrant, durable ink for high-volume orders — built to survive a full season of washes.
| Qty | 1–23 | 24–49 | 50+ |
|---|---|---|---|
| Price / shirt | $14 | $11 | $8.50 |
Send your artwork, get a clean, production-ready stitch file back — priced and turned around for other shops, not end customers.
📍 [Shop address] · Phoenix, AZ
📞 [Phone number]
🕒 [Hours] — matches Google Business Profile exactly
Real pages, real content — just not a distinct layout worth previewing here. Built once the templates above are signed off.
About / Meet John & Roshona
Owner story, shop photos, why the work is good despite the location.
Trust pageFAQ
Pricing logic, minimums, turnaround, file formats — absorbs questions before they become quote-form noise.
UtilityService Areas ×2–3
Scottsdale, Tempe, Arcadia to start — each needs genuinely unique content, not a templated doorway page. Add more only once these prove out.
Local SEOPrivacy Policy / Terms
Minimal, but the quote form collects contact info and artwork, so worth having.
LegalThis document is plain static HTML on purpose — no login, no hosting setup, just a link John can open on his phone while you talk it through. The production site is a separate build: WordPress + Oxygen Builder, hosted on the Dreamhost account already in place.
The tokens above (fonts, colors, spacing, component styles) get set up once in Oxygen's Global Classes & Style Guide — same idea as a shared stylesheet, just configured inside Oxygen's UI instead of a hand-written CSS file. Change a color there, it updates everywhere.
Oxygen/Breakdance ship native slider and gallery elements — no custom JavaScript to write or maintain. The placeholder boxes above show exactly what needs to be shot or supplied before a page goes live.
Your lifetime license includes the Oxygen Forms add-on free — Quote and Contact submissions get built as real multi-step/simple forms with no third-party form backend needed.
Because it's WordPress, John or Roshona can eventually log in and update text or swap a photo without a code edit — something a static-file approach couldn't offer. You still have full code-level control in Oxygen whenever you want it.