ARTSABERS — Character Category · Anakin · Chaptered · Build Brief
ARTSABERS — Character Category · Anakin · Chaptered · Build Brief
Purpose
The character-category template, organised as a chaptered catalogue. A visitor who lands on a character page already knows the character — that is why they clicked. What they do not know is which of seventeen near-identical hilts is theirs. Every earlier character template answered that with an undifferentiated grid and left the choosing to the shopper. This one answers it with the character’s own arc: three chapters, each a moment in his story, each holding the hilts that belong to it. The chapter heading does the editorial work in one line; the cards do the commercial work directly beneath it.
The second idea is a shared-specs band. Seventeen hilts for one character differ on Saber Core tier and finish and almost nothing else, so nine cards each repeating the same four spec rows teaches the shopper nothing and costs them nine readings. State what every hilt in the character shares once, immediately after the catalogue, and let the cards carry only what actually varies.
Everything else on the page is the brand’s settled character-page vocabulary: hero, trust prose, mid-page shop CTA, an arc editorial band, proof, cross-browse to neighbouring characters. This brief is a structural change to two of those, not a new page type.
Catalogue facts — verified live 2026-09-01
Read-only check against the live catalogue at authoring time. Re-verify before this template ships; prices move.
- Character term:
anakin-skywalker-character, term 274, parentcharacters(term 202, top-level). Category base isstore, so the archive isartsabers.com/store/characters/anakin-skywalker-character/. - Term holds 34 published products, of which 17 are Anakin hilts. The remaining 17 are Luke Skywalker, Rey Skywalker and Graflex products mis-filed into the character term. BLOCKING DATA FLAG: a template that renders this term unfiltered puts Luke’s Graflex on Anakin’s page. Either the term is cleaned before this ships, or the template’s queries constrain to the character. Do not design around the pollution — design against the 17, and raise the term cleanup as catalogue work.
- Honest hilt count for copy: 17. Any count in hero or CTA copy pulls live from the cleaned term at build time; the number below is what it is today.
The seventeen, by chapter
Chapter one — the padawan (five hilts, EP2):
- Anakin Skywalker EP2 Lightsaber — Proffie 2.2 · 389.99 · post 79049
- Anakin Skywalker EP2 Lightsaber — Xenopixel V3 · 369.99 · post 75617
- Anakin Skywalker EP2 Lightsaber — SNV4 PRO · 359.99 · post 77136
- Anakin Skywalker EP2 Duelling Lightsaber — RGB-X · 269.99 · post 75006
- Anakin Skywalker EP2 Duelling Lightsaber — S-RGB · 259.99 · post 78079
Chapter two — the duellist (eight hilts, EP3):
- Anakin Skywalker EP3 Lightsaber — Proffie 2.2 · 439.99 · post 78641
- Anakin Skywalker EP3 Lightsaber — SNV4 PRO · 409.99 · post 76686
- Anakin Skywalker EP3 Lightsaber — Xenopixel V3 · 379.99 · post 76021
- Anakin Skywalker EP3 Duelling Lightsaber — S-RGB · 309.99 · post 77698
- Anakin Skywalker EP3 SE Lightsaber — Proffie 2.2 · 289.99 · post 78251
- Anakin Skywalker EP3 Duelling Lightsaber — RGB-X · 279.99 · post 74674
- Anakin Skywalker EP3 SE Lightsaber — SNV4 PRO · 269.99 · post 76283
- Anakin Skywalker EP3 SE Duelling Lightsaber — S-RGB · 179.99 · post 77346
Chapter three — the turn (four hilts, exposed crystal):
- Anakin EP3 Black Lightsaber with Exposed Crystal — Proffie 2.2 · 399.99 · post 78260
- Anakin EP3 Silver Lightsaber with Exposed Crystal — Proffie 2.2 · 399.99 · post 80605
- Anakin EP3 Silver Lightsaber with Exposed Crystal — SNV4 PRO · 369.99 · post 76292
- Anakin EP3 Black Lightsaber with Exposed Crystal — SNV4 PRO · 369.99 · post 80408
Chapter three is a catalogue fact, not a claim. These are the exposed-crystal black and silver builds, and they read as the visual bridge toward what the character becomes. The copy must not state or imply that they are Darth Vader hilts — they are catalogued as Anakin and the chapter heading carries the suggestion without the assertion.
The template
Page type: character-category. A curated landing that funnels into the standard product archive at the URL above; the archive owns filtering, sorting and grid density. This page’s job is to make the character legible and get the visitor into the archive quickly, not to reproduce the archive’s tooling.
Breadcrumb: Home / Lightsabers / By Character / Anakin. Note this does not match live term ancestry — the character term is top-level, not nested under Lightsabers. Author the breadcrumb rather than pulling it from term ancestry, or re-parent the term first. Do not let the automatic breadcrumb silently render a different trail.
Voice: fan-to-fan, service-proud. Editorial in the chapter headings and the arc band; plainly commercial everywhere else. Timing language stays honest throughout — ships in 7-10 days, never faster. No ownership or build-authorship claims: the brand sources and ships, it does not build or hand-test.
Chrome: standard utility bar on its default rotation, standard sticky main nav, standard footer. This is a normal stop inside browsing, not a funnel.
Sections, top to bottom
Chrome bands — utility bar, main nav, breadcrumb strip, newsletter capture and footer — are standard components carried unchanged from the brand’s existing pages and are not designed here. The seven designed bands follow.
1. Category hero
Ground: carbon over the character-hero photograph at a heavy dark overlay, fading to carbon at the bottom edge. Asset: https://camcom.dev/generated_imgs/generated-2026-07-07T21-47-52-940Z-zfjixl.jpg
The hero’s job is to name the category, not to sell it. It states which character this is and what the arc covers, and hands off. It does not lead with a slogan headline, it does not carry a count-led proposition, and it does not push to the archive — band 4 is the archive door and it is close enough that the hero does not need to be one.
- Eyebrow — ember, chrome font, uppercase and letter-spaced, naming the arc’s phases: “PADAWAN · KNIGHT · CHOSEN ONE · FALLEN”.
- Display headline is the character’s name, nothing else. Set on two lines in the display font, upright, at the hero display tier: given name on the first line, surname on the second carrying a terminal full stop. The surname takes its own treatment — this is the one moment on the page where the name is the largest thing on screen.
- Subline — one sentence in the body font. Says who he is, not what is for sale.
- Two CTAs, both on-page anchors. Primary in the ember ombre, anchoring down to the chaptered catalogue. Ghost, anchoring to the bio band. Neither leaves the page.
- Descriptor strip across the hero’s bottom edge, chrome font, small, chrome-dim, separated by middots: “Seventeen hilts · Three chapters · Padawan → the turn”. This is where the catalogue facts live, at the size facts deserve.
No trust chips and no trust prose in this band — the proof band owns the guarantees and repeating them here is what made earlier heroes read as a landing page rather than a category. Seam discipline: any ember hairline sits in the bottom 5% as a bleed-into-next signal, never through the vertical middle where the name lands.
2. Chaptered catalogue
Ground: charcoal-warm, running unbroken across all three chapters so the band reads as one catalogue rather than three sections. This is the band the page exists for.
Three chapters. Each opens with a chapter head — an ordinal eyebrow in ember chrome font, a chapter title in the display font at the mid title tier, and a single line of body copy — then a three-across row of product cards beneath it. Chapter heads are left-aligned and sit tight to their row; the vertical gap between a chapter head and its own cards must be visibly smaller than the gap between one chapter’s cards and the next chapter’s head, or the chapters stop reading as chapters.
- Chapter one — “The padawan” · eyebrow “CHAPTER ONE” · line: “The EP2 hilt. Chrome-ribbed, elegant, and completely untried.” Three cards: posts 79049, 75617, 78079.
- Chapter two — “The duellist” · eyebrow “CHAPTER TWO” · line: “The EP3 weapon that fights its way to Mustafar. Heavier grip, harder geometry.” Three cards: posts 78641, 76021, 74674. This chapter carries the character-defining hilt — post 76021 takes the ember rim-light treatment; no other card on the page does.
- Chapter three — “The turn” · eyebrow “CHAPTER THREE” · line: “Exposed crystal, black and silver. Still catalogued as Anakin.” Three cards: posts 78260, 80605, 76292.
Each chapter head carries a right-aligned text link — “All 5 padawan hilts →” / “All 8 duellist hilts →” / “All 4 →” — to the archive pre-filtered to that chapter. Counts pull live.
Card anatomy: square media filling the upper portion, then an information block on hull-panel carrying product name, Saber Core tier, price in ember, and a “Ships in 7-10 days” line. The card carries no spec rows — band 3 owns the specs. No stock badges, no urgency devices, no review stars on the card.
3. Signature specs
Ground: charcoal. Eyebrow: “Signature specs · The Skywalker family”. Section title: “What the Anakin hilts share”. A reading surface, not a card grid — one constrained column, centred, with a dotted-leader list.
The rows are LORE, not catalogue attributes. They describe the character’s hilts as a fan would read them — machining decisions, materials, the signature blade — because that is what makes a character page worth reading. A row true of every lightsaber the brand sells does not belong here.
Intro copy: “Across three chapters and seventeen hilts, the Skywalker family runs a single set of machining decisions. Learn to read one, and every hilt in the arc reads the same way.”
- Emitter style — Cylindrical machined chrome
- Grip material — Ridged textured composite
- Signature blade colour — Sapphire blue
- Blade style — Solid
- Preferred sound font — Duelling ignition v2
- Preferred electronics — Xenopixel V3 (mid-arc)
These values are illustrative and are not catalogue-backed. Operator decision, taken knowingly: the band ships as a Gutenberg block and its real content is authored at production, so the mockup’s job is to show how the band reads, not to be correct. Two of the rows are known to diverge from the catalogue today — the seventeen hilts all carry Infinite Blade Colours, so blade colour is user-selectable rather than a fixed signature, and no sound-font name of that form exists in the attribute data.
Because of that, every spec row carries the same marker the placeholder quote cards do — div.spec-row[data-placeholder="true"]. Same contract, same reason: it renders nothing, and it is what makes unverified content greppable in this file and in anything walked from it. And as with the quote cards, when this band becomes a block its default content is empty — illustrative values baked in as block defaults are how unverified copy reaches production looking finished.
Verified catalogue attributes DO exist and are the natural source for the production content, should the operator want them: hilt style, blade style, blade diameter, blade lengths, hilt finish, allegiance, included accessories, and a six-item feature set common to all seventeen.
4. Mid-page shop CTA
Compact carbon strip. One line in the display font: “Seventeen hilts across three chapters, one character catalogue.” Plus the ember ombre CTA to the archive. No image, no secondary content — this band is a rest and a door.
5. Character bio
Ground: charcoal-warm, with the page’s one deliberate panel seam at its top edge marking the join.
Layout — split at the top, full width beneath. The portrait sits at left and is deliberately SHORTER than a full-height column: it does not stretch to match the prose. Beside it sit the eyebrow, the title, the three data rows and the FIRST prose paragraph only. Paragraphs two and three then break out beneath the portrait as a SINGLE column spanning the content column’s width — not two text columns — with the italic closing line last. At the narrow viewport the whole band collapses to one column in source order: portrait, eyebrow, title, data rows, all three paragraphs, closer.
Left — portrait media, full-bleed within its half, with a small caption line beneath in the chrome font: “Character portrait · Anakin Skywalker”. Asset already generated for this brand and reused directly: https://camcom.dev/generated_imgs/generated-2026-07-07T21-17-36-626Z-8m58ax.jpg
Right — prose column, in this order:
- Eyebrow, ember chrome font uppercase: “CHARACTER BIO · SKYWALKER”
- Title in the display font, upright, mid title tier: “A Padawan who never quite stayed one”
- A three-row dotted-leader data block, label at left and value at right with the leader between — Affiliation: Jedi Order · Sith. Homeworld: Tatooine. Lightsaber style: Form V · Djem So. The separating middot in a value takes the ember accent.
- Two or three paragraphs of body prose walking the three chapters in order — the padawan hilt and what it was for, the duelling weapon and what changed, the exposed-crystal builds as the visual bridge.
- Closing line in italic, which the body font supports and which the brand allows for emphasis in prose: “Three chapters, one arc — and the blade never stops being his.”
This band carries lore, not specification. Character, arc, saber philosophy and fighting form are the material. It must not assert product facts — no claims about grip material, emitter shrouds, heat tolerance, finish or what “every hilt in the arc” shares. Band 3 owns specification and owns it once, from verified values. A bio paragraph that drifts into unverified spec claims is the failure mode here.
Titles in this band stay upright in the display font. Italic is a body-font device and the closing line is its only use on the page.
6. Proof
Ground: charcoal. Section title: “What owners say”.
Two halves. First, a service-evidence row of four items — claim plus one line of substantiation, no icons-as-decoration: 24-hour first response; a named point of contact for every order; 30-day money-back; 1-year warranty. These are the brand’s real commitments and are the load-bearing half of this band.
Second, a three-across row of owner-quote cards using the brand’s existing testimonial card anatomy — quote glyph, star row, quote body, then a foot row with initials avatar and a name plus product line.
The quote content in this mockup is fabricated placeholder, per the contract below. It carries an invisible marker attribute and no visible annotation whatsoever.
7. Cross-browse
Ground: charcoal. Section title: “If you like Anakin, also consider”. Intro line: “The master he trained under, the master he fought, and the queen he married — same era, same catalogue.”
Three-across character tiles: portrait, character name, live hilt count, and a “Shop hilts →” affordance. Tiles carry the chrome top-edge treatment and the paired panel-lift shadow.
Portrait assets already generated for this brand and reused directly by URL:
- Obi-Wan Kenobi —
https://camcom.dev/generated_imgs/generated-2026-07-07T21-17-43-514Z-2qw94c.jpg— live term exists, link resolves. - Emperor Palpatine —
https://camcom.dev/generated_imgs/generated-2026-07-07T21-17-56-682Z-50dhrs.jpg— live term exists, link resolves. - Padmé Amidala —
https://camcom.dev/generated_imgs/generated-2026-07-07T21-18-02-810Z-koiwwn.jpg— no live character term exists for Padmé. Either the term is created before this ships or the tile routes somewhere real. Do not carry a link that does not resolve.
Copy locks — verbatim
- Hero eyebrow: PADAWAN · KNIGHT · CHOSEN ONE · FALLEN
- Hero headline (two lines, the name only): Anakin / Skywalker.
- Hero descriptor strip: Seventeen hilts · Three chapters · Padawan → the turn
- Bio eyebrow: CHARACTER BIO · SKYWALKER
- Bio title: A Padawan who never quite stayed one
- Chapter one title: The padawan
- Chapter two title: The duellist
- Chapter three title: The turn
- Shared-specs title: What every Anakin hilt shares
- Mid-page CTA line: Seventeen hilts across three chapters, one character catalogue.
- Bio closing line: Three chapters, one arc — and the blade never stops being his.
- Proof title: What owners say
- Cross-browse title: If you like Anakin, also consider
- Delivery language everywhere: Ships in 7-10 days
Placeholder content — MUST NOT SHIP
The three owner quotes in band 6 are fabricated. No reviews platform is installed and the catalogue holds no reviews, so there is no real quote to carry at design time. They are in the mockup to prove the card layout and the three-across rhythm, and they are the operator’s explicit decision, with real reviews to be authored into WordPress and injected later.
Two requirements follow, and both are contractual:
- Every placeholder quote card carries the attribute
div.testimonial-card[data-placeholder="true"]. The attribute is the marker that makes fabricated proof greppable in the mockup and in anything walked from it. It is not decorative and must not be dropped for tidiness. - No visible annotation may appear anywhere in the rendered design. No “placeholder” label, no “must not ship” notice, no editorial aside explaining what was omitted or why, in any band. A design-time note walks into template code exactly as fabricated content does, and it walks in looking official. The marker attribute is the only permitted trace, because it does not render.
- When band 6 becomes a block, the block’s default content is empty — an empty state inviting the operator to add reviews, never the placeholder quotes as defaults. Placeholder text baked in as a block default is how fabricated proof reaches production: it ships looking finished and nobody removes it.
Precedent, stated so it is not repeated: the brand’s homepage currently carries three fabricated five-star testimonials with invented names and invented delivery outcomes, walked verbatim out of an earlier mockup into template code, where they remain. Invented customer reviews are prohibited outright under the UK Digital Markets, Competition and Consumers Act. Nothing from this mockup’s band 6 may reach a live storefront.
Styling notes
Zero border radius across the page — hero, cards, tiles, chapter heads, specs list, quote cards, CTA buttons, all rectangular.
Grounds top to bottom: carbon for the hero, charcoal-warm unbroken across the chaptered catalogue, charcoal for shared specs, carbon for the mid-page CTA, charcoal-warm for the arc band, charcoal for proof, charcoal for cross-browse, then the standard ember capture band and carbon footer.
One deliberate panel seam on the whole page, at the top edge of the arc band. Seams sit at section boundaries only and never through the vertical middle of a band that carries text — text always wins. Fine chrome hairlines at very low alpha are not ember seams and are fine as atmospheric texture behind text.
Ember appears only as glow, gradient, chip fill or rim-light — the chapter-two hero card’s rim, the CTA gradients, the eyebrows, the capture band fill. Never a flat wash.
Product cards, character tiles and quote cards all carry the chrome top-edge treatment and the paired panel-lift shadow. Small type — eyebrows, counts, meta lines, chapter ordinals, button labels — uses the chrome font, not the display font; the display face goes gappy at small sizes and the brand’s three-face rule assigns those roles to chrome.
Markup in this brief is expressed in CSS-selector notation — read div.testimonial-card as an element carrying that class.
Deliberately not included
- No review counts, star aggregates or rating claims anywhere outside band 6’s marked placeholder cards. No “rated 4.8”, no “2,400+ reviews” — no such data exists.
- No stock, scarcity or urgency devices — no “only 3 left”, no countdowns. The brand is factory-direct and stock triggers would be fiction.
- No dispatch claim faster than 7-10 days, and no domestic-warehouse implication.
- No ownership or build-authorship language — the workshop may appear as voice, never as a claim that the brand owns a workshop or builds, tests or finishes hilts by hand.
- No filter or sort tooling — the archive owns that. This page links into it.
- No spec rows on the product cards — band 3 owns specs. Repeating them per card is the redundancy this template exists to remove.
- No related-characters strip above the catalogue. The page opens on the character, not on a detour through his supporting cast; cross-browse sits at band 7 after the visitor has seen real hilts.
Success criteria at 1440px
- First product card is visible without scrolling past more than the hero.
- The three chapters read as three chapters — chapter-head-to-own-cards spacing is visibly tighter than chapter-to-chapter spacing.
- Exactly one card on the page carries the ember rim-light.
- No spec row appears on any product card.
- Exactly one panel seam on the page, at a band boundary, none through text.
- Every fabricated quote card carries
data-placeholder="true". - No claim on the page contradicts the honest-positioning list above.
- No visible annotation, note, label or aside appears anywhere in the rendered page.
- The hero’s largest element is the character’s name, and neither hero CTA leaves the page.
- Small type renders in the chrome face, not the display face.
- Page holds together at 390px with the chapters stacking one card per row and chapter heads staying attached to their own rows.