Remix prompt · Portfolios · Dev tools
A ready-to-paste prompt that captures Hancore's layout, typography and signature moves for your product. Steal the craft, not the brand.
[YOUR PRODUCT], [WHAT IT DOES] and [WHO IT'S FOR] with yours.The prompt
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.
Redesign service
A new hero for £99, or the whole homepage for £299.
See the service