Stiles
Free / Prompt

Steal my website design.

Free. Copy it.

My site is white, near-black text and one blue, with cards and buttons that look like stickers and pixel art only in the pictures. Here's the prompt that builds that style on your own site, and the free kit I used to make the mountains.

What you need

  • Claude Code on a paid Claude plan.
  • A website you can edit. Any framework works.
Step 1

Get the Pixel Kit

The pixel art comes from my free Pixel Kit. Set it up here first if you want your own hero scene. Skip this if you only want the shapes and colors.

Step 2

Paste the prompt

Open Claude Code in your site's folder and paste this. Swap in your color and your scene where the brackets are.

Prompt
Redesign my website in this style. Look at the current site first and keep every page, link, and piece of content. Only the look changes.

The look:
- White page, near-black text (#111111), and exactly one accent color: [your color, e.g. #1F3DFF]. Use the accent for the main button and small highlights only.
- Keep the fonts clean and modern. Use one sans for text and one mono for small uppercase labels. Never use pixel or 8-bit fonts for words.
- Cards and buttons are stickers: stepped corners (cut the corners in 3px steps with clip-path), a 3px near-black border, and a hard 6px shadow with no blur (filter: drop-shadow(6px 6px 0 #111111)). On hover they move up 6px and the shadow grows to 12px, in 2 steps.
- No rounded corners, gradients, soft shadows, glows, or emoji.
- Pixel art only goes in the pictures. Show every pixel image at a whole-number scale (2x, 3x, 4x) with image-rendering: pixelated, never stretched or smoothed.

The hero:
- If the pixel-kit skill is installed, use it to make a hero background scene of [your scene, e.g. mountains at night]. Make one phone version and one wide desktop version, sized so they cover the hero at a whole-number scale. Put my name and one plain line about what I do over the sky part of the scene in white.
- If it isn't installed, tell me and use a solid dark hero for now.

Build it for phones first: check 390px, 430px, and 1440px wide, with no sideways scroll and tap targets at least 44px tall. Then show me what changed before you deploy anything.

Unlock this prompt free.

Free. One email unlocks every guide. Unsubscribe anytime.

Why

The rules

  • One accent color. Everything else is black and white.
  • Hard shadows with no blur. That's what makes it look layered instead of flat.
  • Pixel art in the pictures, never in the text, so it still reads like a real site.
  • Built for phones first, because that's where people find you.

Stuck?

DM me on Instagram (StilesAI). It's free, I got you.

DM @StilesAI

Get the prompts free

Every prompt on this site, free.

Join my newsletter and every prompt unlocks right away, on every guide.

Free. One email unlocks every guide. Unsubscribe anytime.