From vibe-coded to quietly exceptional.

A design system for Claude Code.

Shop the collection See examples
Before: a coffee shop website on a black background with a large white headline, a glass navigation bar and a gold button. After: the same coffee shop website with a warm brown hero, serif heading and rows of white menu cards. Before After

Same coffee shop. Different first impression.

Drag the divider to compare the two versions of one site.

Every Claude Code site looks the same.

Same fonts, same cards, same centred sections. Northfold fixes the look, not just the code.

The collection

Six packs. One system.

The packs are built to work best together, but every piece works on its own.

Examples

Any niche, in any style.

Sample businesses, built from the real layouts and styles.

  • Sample gym website in the Bold and detailed style, with a heavy white headline and a yellow button.

    Gym and fitness

    Bold and detailed
  • Sample cafe website in the Luxury style, on black with gold accents.

    Cafe

    Luxury
  • Sample restaurant website in the Retro style, in warm cream and rust.

    Restaurant

    Retro
  • Sample sports club website in the Playful style, with a coral button and rounded cards.

    Sport and clubs

    Playful
  • Sample design studio website in the Clean and minimal style, in black on white.

    Portfolio

    Clean and minimal
  • Sample clothing brand website in the Veil style, with a pale blue-grey background.

    Clothing brand

    Veil

How it works

Three steps to launch.

  1. Unzip the pack

    Put it in your project folder.

  2. Paste the prompt

    Give Claude Code the Prompt Studio prompt for your stage.

  3. Run the Skill Set

    Review and polish the site before launch.

Collections

Get the packs together and pay less.

Founder note

Built by someone who builds with AI every day.

Northfold comes from a young founder documenting the build in public as @ghostmade10.

Questions

Do I need to code?

No. You paste prompts into Claude Code and it writes the code. You check the result at each step.

What do I need?

Claude Code and a project folder. The packs are plain files you unzip into that folder.

Does it work with my existing site?

The Skill Set reviews any static HTML, CSS and JavaScript site. Page Blueprints and Lookbook suit a new build, because their variables and class names work together from the start.

Can I mix any style with any layout?

Yes. A style only sets colours, fonts, spacing and rounding, so all 6 work on all 7 layouts.

What does the licence cover?

Use the packs on unlimited personal and client projects. Don't resell or share the files.

What is your refund policy?

No refunds once the files are downloaded, unless the files are faulty or don't match the product description. Your rights under the Australian Consumer Law are not affected. Read the refund policy.

Give your next site a look of its own.

Coming soon