← All sites

Remix prompt · Portfolios · Dev tools

Remix Hancore's design.

A ready-to-paste prompt that captures Hancore's layout, typography and signature moves for your product. Steal the craft, not the brand.

Hancore homepage
Visit hancore.dev ↗
  1. Copy the prompt below.
  2. Replace [YOUR PRODUCT], [WHAT IT DOES] and [WHO IT'S FOR] with yours.
  3. Paste it into Claude, Lovable, v0 or Bolt. You'll get a full page in this style, with your brand.
  4. Swap in your real screenshots and logo, then tweak the copy.

The prompt

Paste this. Make it yours.

remix-hancore.md · 454 words
Build a one-screen personal portfolio for **[YOUR NAME]**, [WHAT YOU DO, ONE LINE].

Design it in the style of **hancore.dev**: borrow its concept, typography and mood, but use my own code snippet, name, links and wording. Don't copy their code, logo or text.

**Feel:** the whole site is a living terminal. A dark, warm, quiet screen where a Vim editor types code by itself while a wireframe pair of hands plays a ghost keyboard below it. No sections, no scrolling, no stock portfolio blocks. Personality through one concept, done well.

**Type**
- Everything in **IBM Plex Mono** 12–14px (line-height 1.1 for code, 1.4 for UI).
- Your name or logo in **Archivo** 600, small.

**Colour**
- Background `#0C0C0C`. Panels `#141414`. Main text warm cream `#D8D4B4`. Dim text `#9B9882`, extra-dim `#5A5848`.
- Syntax: keywords soft green `#9DB57A`, strings `#9DB57A`, numbers coral `#D97A5F`, comments `#6E6B5A`.
- The status bar and the "enter ↵" key chip are **inverted**: cream background with near-black text.

**Layout (fits exactly one viewport)**
1. Top row, max-width ~720px, centred: a tiny monogram glyph plus your domain on the left, a "github" text link on the right.
2. **Editor (signature move #1):** a Vim buffer of ~25 lines with a file header comment (`-- ── project/file.lua ──`), right-aligned line numbers, real-looking code that **types itself character by character** in INSERT mode with a blinking block cursor. Then it switches back to NORMAL, and a command appears on the command line (`:colorscheme …`). Status bar: mode badge (NORMAL or INSERT), file path, and `line:col  Top` on the right.
3. **Hands (signature move #2):** below the editor, a faint ghost keyboard (3–4 rows of key legends in extra-dim mono: `esc ` 1 2 3 …`, `q w e r t y`, `a s d f g`) with **two wireframe hand skeletons** (thin cream lines and joint dots, each inside a thin bounding box) hovering over it. The fingertips press the keys being typed in the editor, and each pressed key briefly lights up. Label the boxes like a computer-vision overlay: `['hand0:u'] 0.4479`.
4. Bottom row: `// [your tagline]` on the left; on the right a `>_ :theme` command hint and an inverted `enter ↵` chip that cycles the colour scheme (offer 2–3 schemes: cream on black, green phosphor, paper).

**Details:** no borders except the hand boxes; everything aligned to the monospace grid; slight CRT softness is optional.

**Motion:** typing at a human, slightly irregular speed; the hand skeletons move smoothly between keys with tiny jitter (use requestAnimationFrame); the cursor blinks at 1Hz; it loops forever.

**Avoid:** hero photos, project-card grids, gradient text, emoji, scroll sections.

Responsive: on mobile, show the editor full-width and scale the keyboard and hands down beneath it; keep it one screen.

Tested

What this prompt made. Untouched.

We pasted it into a fresh Claude for a made-up product, Maya Chen, a graphics engineer who builds shader tools, and got this back first time. No edits.

The page this prompt produced

Redesign service

Rather have it done by hand? We redesign your site in five days.

A new hero for £99, or the whole homepage for £299.

See the service