The design toolbox
Pick a look, copy the prompt, build it with Claude Code. Everything here is what I use on my own sites.
Fifty looks, one prompt each
The pictures are Hallmark’s own sample pages, not my sites. Pick one that fits the brand. If you do not pick, Hallmark deals three.
50 of 50 themes
Almanac
editorialrestrainedHanken Groteskcool slate stock with a pale printed sheet, blue-black ink, Hanken Grotesk heads over Newsreader prose with mono figures, two rule weights and square corners, one chart magenta
Arcade
playfulfull-paletteSilkscreen and Bungeeaubergine CRT ground, lilac-white ink, Bungee capitals split in RGB over Chivo, Silkscreen figures, hard offset shadows, ember and acid signals
Atelier
editorialrestrainedSentientlimewash paper under a slow luminous air, deep umber ink, Sentient light over Hanken Grotesk, cotton card stock with fibre and pressed type, hairlines, matted prints in warm daylight, one cool slate signal
Bloom
atmosphericcommittedRanadewarm off-white paper with grain and a generated working grid, two quiet terracotta blooms, warm umber ink, Ranade with one roman Gambarino figure, rubber and cased parts lit from above, part tones on rounded clips
Blueprint
modern-minimaldrenchedChakra Petchprussian-blue sheet, white line ink, Chakra Petch capitals over IBM Plex Sans with mono measurements, square double keylines and dimension strings, photographs printed as cyanotypes, the white line as the only signal
Broadside
editorialcommittedSix Capsgrained buff stock, near-black ink, Six Caps and Bevan wood capitals over Archivo Narrow, ink rules at one point or five, one vermilion
Brutal
editorialcommittedLibre Franklinnear-white poster stock, near-black ink as 3px rules, boxed cells and solid fills, uppercase Libre Franklin 900 over its 400, zero radius, one acid-yellow fill
Carnival
editorialfull-paletteBig Shoulders Displaytinted paper, deep warm ink, Big Shoulders Display 800 capitals set poster-large over Golos Text, 2px rules, a hard 4px ink shadow, two accents that compete as whole fields
Cobalt
modern-minimalrestrainedFamiljen Groteskcool near-white paper, blue-grey ink and hairlines, Familjen Grotesk over IBM Plex Sans, a generated ASCII field on an 8 by 16 cell, keycaps and cut-corner panels, JetBrains Mono on graphite, one electric cobalt signal
Console
modern-minimalrestrainedHost Groteskgraphite ground in three lightness steps, pale ink, hairline panels cut from one surface, Host Grotesk 500 for reading, Atkinson Hyperlegible Mono for what was measured, amber for a person and cool blue for an instrument
Coral
modern-minimalrestrainedGeneral Sanswarm grey paper and a felt desk, cotton stationery lit from the left, General Sans throughout with Geist Mono figures, letterpress card controls, coral pressed into the stock for the one settled state
Darkroom
atmosphericrestrainedSofia Sans Extra Condensedwarm print-black ground, a fine light grain, fibre-white ink, hairline Sofia Sans Extra Condensed capitals over Barlow, zero radius, black-and-white photographs printed deeper than the ground, one amber safelight
Dose
modern-minimalcommittedSchibsted Groteskwarm morning paper with a fibre grain and window light, translucent tinted plastic, green-black ink, Schibsted Grotesk over Instrument Sans with DM Mono pharmacy labels, moulded controls, one pharmacy green
Dusk
modern-minimalcommittedWix Madefor Displaya real landscape at the turn of the light behind the hero, slate below it, the product in smoked glass with a lit top edge, Wix Madefor Display at a quiet weight over Wix Madefor Text, bone wells for light surfaces, one periwinkle signal and one apricot
Editorial
editorialrestrainedBricolage Grotesquewarm white uncoated stock, printed black ink with a cool tilt, Bricolage Grotesque condensed at 800 over Source Serif 4, square corners, a heavy ink rule over 1px hairlines, one printer's green
Formwork
editorialrestrainedOswaldwarm grey concrete paper with a speck grain, near-black ink, Oswald capitals over Archivo, square cast edges and hard shadows, hard black-and-white photographs of poured concrete, one safety orange signal
Furrow
modern-minimalcommittedRed Hat Displaywarm manila paper, near-black ink in rules, a generated survey map in sienna contours and slate water, Red Hat Display 600 over Red Hat Text with Red Hat Mono figures, moulded 6px keys, a waterproof notebook card, one tangerine signal and a grass green for what is in date
Garden
editorialcommittedVollkornwarm oat paper, deep green ink, Vollkorn 600 with old-style figures over Hanken Grotesk, hairlines and soft moss or clay tints, daylight photographs in true colour, one leaf-green signal
Grid
editorialfull-paletteRadio Canada Bigwhite poster stock, blue-black ink, Radio Canada Big 700 in sentence case over Radio Canada, flat fields of ultramarine and one Swiss red mark, no strokes
Halftone
playfulcommittedUltrabutter-cream stock, brown-black ink, Ultra over Chivo, three-pixel ink rules and square wells, one vermilion printed solid and through a dot screen, photographs in full colour
Hedgerow
editorialdrenchedPratadeep leaf-green paper, cream ink, Prata heads over Manrope, low-key photographs in true colour, square flat surfaces with pill controls, one chartreuse signal with a moss strength for cream
Hum
playfulfull-paletteChillaxgrained cream paper pulled toward pear-yellow, torn paper edges with a pale fibre core, card-stock controls that press down, blue-black ink, Chillax throughout, three accents that never blend and a mint for growth
Ink
editorialrestrainedEpiloguewhite paper, a black with no hue, Epilogue 700 over Epilogue 400, hairline rules and state pills, one teal that means in
Kiln
atmosphericfull-paletteBoskanear-black ground, cream ink, Boska over Geist, smoked wells, photographs lit by the work, a heat ramp that marks temperature, one ember signal
Loom
editorialcommittedLibre Caslon Displayecru paper with sand steps, warm near-black ink, Libre Caslon Display heads and prices over Hanken Grotesk, thin rules and one ink rule, cloth photographed close in window light, one deep indigo
Lumen
atmosphericrestrainedInstrument Serifviolet-black ground, near-white ink, lowercase Instrument Serif heads a step large over Geist and Geist Mono, hairline wells, a faint blueprint grid, one molten brass signal and one rose verb
Manifesto
editorialcommittedAntonwarm near-black ground, warm off-white ink, Anton capitals at poster size leaded tight over a quiet Public Sans body, hairlines, a heavy ink bar and square edges, one fighting red
Midnight
atmosphericcommittedMona Sansmidnight-blue ground to every edge, cool white ink, Mona Sans expanded at 300 over its normal width, square-cut surfaces in lightness steps, photographs as moonlight, one azure signal
Newsprint
editorialrestrainedZilla Slabpale newsprint stock, warm black ink, Zilla Slab heads over a Spectral body with Libre Franklin agate for listed figures, justified columns under hairline column rules, a double rule, one dried-brick signal
Overprint
playfulfull-paletteAnybodygrey newsprint stock, near-black ink, wide heavy Anybody capitals over Archivo, flat square fills, a teal pass and an orange pass that print moss where they cross, photographs pulled through one pass
Paste-up
playfulcommittedLeague Gothickraft board, a fibre wash, near-black toner, League Gothic capitals over a Newsreader galley, white copy paper on paper lifts, hard ink offsets, one sheet of fluorescent yellow
Piste
playfulcommittedBarlow Condensedsnow-white paper, cold near-black ink, Barlow Condensed 800 caps over Barlow, square edges on 2px ink rules, one cobalt for signal and field
Refract
atmosphericrestrainedFunnel Displaysunlit white plaster with real light falling across it, water caustics or prism dispersion rendered live, deep pool-blue ink, Funnel Display at a light weight over Funnel Sans, clear surfaces that cast tinted shadows, one water signal
Ribbon
atmosphericcommittedInstrument Sanswarm off-white or blue-black night, Instrument Sans at a quiet weight over Figtree, machined parts lit from above, the hour drawn as light on a generated canvas, one signal
Rim
modern-minimalcommittedSwitzerwarm black paper, warm off-white ink, Switzer 500 with Geist Mono for every measurement, square hairline surfaces, the earth photographed straight down, an orange signal and a sky-blue second
Riso
editorialcommittedCabinet Groteskbright uncoated stock and no black, a medium blue drum for every word, a fluorescent pink drum for the fills, purple where they cross, Cabinet Grotesk 800 over Literata, grain, one word a hair out of register
Solstice
editorialrestrainedYeseva Onecream paper, warm brown ink, Yeseva One over Archivo and Archivo Narrow, gold hairlines and hard paper shadows, photographs in low warm light, one vermilion signal
Specimen
editorialrestrainedBodoni Modawarm oat paper, warm near-black ink, razor-hairline Bodoni Moda over Geist, square 1px rules, one ink-blue signal that also draws the metric guides
Spore
atmosphericcommittedYoung Serifcoffee-ground black with a warm grain, parchment ink, Young Serif over Instrument Sans, soft pills and grained wells, photographs lit by lamps and candles, one oyster pink
Sport
editorialrestrainedSaira Condensedcool concrete paper, blue-black ink, uppercase Saira Condensed over Albert Sans, condensed figures and mono times, two-weight rules, one volt fill
Squeeze
playfuldrenchedGabaritoforest-green paper with real chroma, warm white ink, Gabarito 800 heads and figures over Manrope, soft rounded tiles a step lighter or deeper, fruit photographed bright and close, juicy peach controls
Sticker
playfulfull-paletteBowlby One SCwarm off-white paper, warm black ink, Bowlby One SC over Sofia Sans, white die-cut borders on hard offset shadows, hot pink, lime and ink fills set with type
Studio
editorialrestrainedHedvig Letters Serifcool studio-white proof paper with an ink dot grid and grain, blue-black ink, Hedvig Letters Serif heads over Geist, crop marks on every printed piece, orange construction guides, the work photographed in true colour, one cadmium-orange signal
Terminal
atmosphericcommittedMartian Monoa near-black ground with a green cast in three lightness steps, pale phosphor ink and one bright phosphor signal with a dim wash of itself, every glyph Martian Mono with heads wide and text narrow, and pictures printed in the page's own glyphs: a photograph rendered as a grid of characters taken from the product's own text, dim cells small, bright cells full, stirred by the cursor
Terrazzo
modern-minimalrestrainedSyneoff-white paper, white card surfaces ruled in ink over a hard offset, wide Syne heads over Onest, JetBrains Mono for codes and millimetres, surfaces photographed flat-on in true colour, rust the one signal
Ultraviolet
modern-minimalcommittedOutfitlavender paper or a violet-black night, Outfit set lowercase over Onest, hairline pills, one saturated violet in two strengths, photographs pulled into the violet
Vantage
modern-minimalrestrainedGeologicablue-black ground, a live point cloud of the real thing as the hero's light, a sweep that lights it, pale steel ink, Geologica with sharpened corners at a light weight, hairline frames with corner ticks, one lime signal for what was found
Vellum
editorialcommittedGrenze Gotischparchment paper, a long tan fibre wash on bands, umber ink, Grenze Gotisch heads over Hanken Grotesk with Grenze roman for statements, hairline and double rules, one ultramarine pigment
Wayfind
modern-minimalcommittedChivo Monocool grey paper, blue-black ink, Chivo Mono throughout, square 2px ink borders, ink plates, cobalt for what is live, amber for figures on ink
Werkstatt
playfulfull-paletteJostwarm putty ground with a lighter well, near-black ink, Jost 700 capitals and numerals over Karla, square 2px and 3px ink rules that box cells, flat ultramarine, vermilion and yellow primaries
Which engine does the work
Ask for a redesign and Claude asks which of these to use. Copy a prompt to skip the question.
Component library + slop check
New sections inside an existing site
Default. 2,292 credited components, then the pre-ship slop check.
unslop
Polish a live page, keep its features
Audits first, proposes a 5-line direction, waits for your yes.
Hallmark
New pages and full redesigns
Deals 3 of 50 themes, builds around the page's job, lints in a real browser.
Combo
Best-in-class push
Hallmark builds, the component library fills gaps, unslop finishes.
Audit against AI slop
Report only
Hallmark audit + unslop audit + slop check. Nothing changes until you pick an engine.
Show it, then ask for ours
Screenshot a section you like, drop it into Claude, paste the prompt. Ideas only. The screenshot never ships.
unsection.com
Whole sections by type: heroes, pricing, FAQ, footers
navbar.gallery
Navigation bars from real sites
cta.gallery
Buttons and calls to action
footer.design
Footers that look finished
bentogrids.com
Bento grid layouts
404s.design
Error pages people enjoy landing on
60fps.design
Small animations from well-made apps
motionsites.ai
Animated-site prompts (free and paid)
Skills, with their licenses
Add-ons for Claude Code. Each one belongs to its maker; the license and source sit next to it.
hallmark
Design engine, 50 themes, browser lint, redesign and audit by name
MIT
Nutlope/hallmark on GitHubunslop
Cleans AI-looking UI; audits first, proposes a direction, waits
CC BY 4.0
heydamir/unslop on GitHubreplica (11 skills)
Rebuilds an outside app's features under our brand, clean-room
MIT
Jakeschincariol/replica-skill on GitHubgeo-seo-claude
/geo audit: AI citability score, crawler check, llms.txt, PDF report
MIT
zubair-trabzada/geo-seo-claude on GitHubunlazy
Agent writes GATES.md with real checks and must pass them before 'done'
MIT
Leonxlnx/unlazy on GitHubbrag
/brag turns a project folder into a 15 to 25 second launch video
MIT
latent-spaces/brag on GitHubgsap-skills
Official GSAP scroll and timeline animation skills
MIT
greensock/gsap-skills on GitHubChatterbox
Voice clone on the Mac, watermarked, Dalton's voice only
MIT
resemble-ai/chatterbox on GitHubtaste-skill
Art direction with a bundled credited photo library
MIT
Leonxlnx/taste-skill on GitHubtransitions.dev
43+ UI transitions; free for commercial use, no redistribution
Own license
Jakubantalik/transitions.dev on GitHubdesignlang
Extracts a design system to files; use on OUR sites
MIT
Manavarya09/design-extract on GitHubplaywright-cli
Claude opens and checks its own pages
Apache
microsoft/playwright-cli on GitHubReact Bits
215+ animated React components (shadcn registry)
Free commercial; Pro paid
reactbits.devImpeccable
Design commands + 62 anti-slop rules; turn off its telemetry
Not stated
impeccable.style
Guides I learned from
Short setup guides by Taha Saqib at PathionAI. The tools in them belong to their makers.
- 7 design add-on skills
- 8 galleries with a prompt each
- Looping-video carousels
- /brag setup
- Faceless video, cloned voice
- Claude drives Instagram Edits
- /geo audit setup
- Agent-readiness scan
- Proof-of-done gates
- 7 business automations
- 9 open-source swaps
The rules every build follows
- Honest, best-in-class
- No invented facts, numbers, reviews, logos or badges. Beat the best site in the category on clarity, speed and accessibility, and measure it.
- Preview branch only
- No production change, merge, spend, DNS change or post without a yes.
- Paid images ask first
- Image services run only after the prompt, model and size are shown and approved.
- Credits travel
- Licenses and authors stay with every skill, guide and component, in the page or in its source.
- Never touch legal text
- A visual job never changes legal, privacy, disclaimer or financial-claim copy.
- No competitor names
- Not in anything a client sees.
- Slop check before ship
- No purple gradients, glows, emoji icons or hype. One accent, a 4px grid, two type weights, sentence case, one rich element per page.
- Scores on every site
- Every site gets AI citability, agent readiness and Lighthouse scores, with drafted fixes. This site's are at the bottom of this page.
- Gates on long builds
- Builds longer than one session write testable checks first and pass them before anyone says done.
Credits
How this site scores
Measured on the homepage, . Retested monthly.
Agent readiness
- Score
- 80 / 100
Open gaps: Markdown content negotiation and Markdown 404 bodies.
Lighthouse, mobile
- Performance
- 100
- Accessibility
- 100
- Best practices
- 100
- SEO
- 100
Largest paint 1.5 s, layout shift 0.024.
Lighthouse, desktop
- Performance
- 98
- Accessibility
- 100
- Best practices
- 100
- SEO
- 100
Largest paint 1.0 s, layout shift 0.062.
AI citability
- Score
- 41.3 / 100
Citability only. The full GEO composite has not been measured yet.
Tested URL: https://daltongoodyear.com/