Hallmark has one default behaviour and three explicit verbs. Each reads a different input and returns a different shape — same opinions, different jobs.

1. Build (default)

   Ask for a page. Get a page that doesn't look generated. Hallmark picks a macrostructure first, then dresses it — and refuses to repeat the same shape twice.

   "Build me a landing page for an indie podcast platform." ↓

   1. Invocation(default) — just ask
   2. Readsyour brief, project tokens, framework
   3. Picksmacrostructure → theme → enrichment
   4. Returnsa working page, stamped, slop-tested
   5. Refusesrepeating the last 3 macrostructures

2. Study

   Paste a design you admire — a screenshot or a URL. Hallmark reads its structure, not its pixels, and returns a DNA card you can build against. Or say lock the DNA to write a portable design.md you can hand to another AI tool. Never copies pixels. Tighter refusal layer for the portable spec than for the diagnosis.

   /hallmark study together.ai  ·  or paste a screenshot ↓

   1. Invocationhallmark study <screenshot | URL>
   2. MacrostructureSplit Hero
   3. Hero archetypeH7 Clipped · copy-left + product-mock right
   4. Display roleheavy geometric sans
   5. Body rolesame family · regular weight
   6. Label rolegrotesque · sentence case
   7. Paper bandlight · pure white
   8. Accent huecool blue + magenta · organic gradient
   9. Rhythmleft-copy · right product card · overlapping watercolor blobs
   10. Refusesto ID fonts · to copy pixels

3. Audit

   Point Hallmark at a page. Get a ranked punch list of what's wrong — scored against the anti-pattern catalogue. No edits. Just the diagnosis.

   

   1. ✗ Purple-to-pink gradient hero → Solid surface, single accent
   2. ✗ Inter as display + body → Pair distinctive display + body
   3. ✗ Centered everything → Bias the layout, break symmetry
   4. ✗ Sparkle ✨ emoji as badge → Pick an icon library, or drop it
   5. ✗ Gradient pill CTA → Solid fill or outline, single hue

4. Redesign

   Same content. Same brand. Different bones. Hallmark throws out the structural fingerprint and rebuilds with a deliberately different one — new section rhythm, new heading placement, new component voice.

   

Five tells the LLM reaches for by default. The Hallmark fix beside each. hallmark audit flags every one of these on existing code.

1. 01

   The purple-gradient hero.

   A hero with a background gradient from purple to blue or purple to pink, white centred text. The single most-recognised AI aesthetic.

   Hallmark

   Pick a single anchor hue. One accent. No gradient backgrounds on heroes. If you want warmth, tint the neutrals.

2. 02

   Inter as display.

   Inter (or Roboto, or Open Sans) used as both display and body, no pairing face. A one-font page is a template page.

   Hallmark

   Pair a distinctive display face with a refined body. Two faces minimum, never the same family doing both jobs.

3. 03

   Centred everything.

   Headline centred, body centred, button centred, section after section of centred columns. Symmetry as default.

   Hallmark

   Bias the layout. Wide left margin, narrow right — or the reverse. Breaking symmetry once is enough to register intent.

4. 04

   The icon-tile feature card.

   Rounded rectangle, icon in a coloured square top-left, two-line heading, three-line copy, optional "Learn more →". The universal template.

   Hallmark

   If you need feature cards, let them be asymmetric — vary sizes, vary alignments, pull the icon inline. Or drop the icon and lead with type.

5. 05

   The AI nav.

   Wordmark hard-left, four inline links centred, CTA button hard-right, sticky on scroll, hairline border-bottom. The shape every LLM ships.

   Hallmark

   Pick a nav archetype that matches the page's genre — newspaper masthead, terminal command bar, edge-aligned minimal. The nav should tell you what kind of site you're on.

Eight rules that hold across every theme. None of them are settings.

• Type

  Pair a display face with a body face. Never one font doing both jobs.

• Colour

  OKLCH palettes. One anchor hue. The accent stays under five percent.

• Space

  A named scale. Multiples of four. No arbitrary 17-pixel paddings.

• Motion

  Exponential ease-out. Reduced-motion alternative for every animation.

• Voice

  Distinct register per theme. Never the SaaS-default neutral middle.

• Layout

  Bias the page. Asymmetric is intentional. Centred everything is a tell.

• Hierarchy

  Display, body, label. A weight ladder you can read in two seconds.

• Restraint

  Better nothing than bad something. The strongest fail-state is silence.

$ /hallmark build a landing page for a dev event launch.

Sonnet 4.6, no Hallmark

Sonnet 4.6 + Hallmark