Editorial resume

Editorial resume is a single-page CV built as one focused column. It opens with a name-and-role hero and a profile portrait, then walks straight down through a short About summary, a work-experience timeline, education, side projects, and a contact footer. Nothing scrolls sideways and nothing competes for attention: the whole page is a deliberate 728px reading width that feels like a well-set printed page rather than a web template.

The craft is in the restraint. A cool blue-grey palette runs from a near-white page to a near-black ink, with a tuned ladder of muted greys for captions, periods, and secondary prose, and a single green status dot on projects as the only chromatic break. Headings use Geist Sans while body copy and metadata use Geist Mono, giving the layout its editorial, code-adjacent texture. Links stay underline-free until hover, a 2px focus ring keeps keyboard navigation visible, and reduced-motion preferences are respected.

Who it's for

• Product engineers who want a sharp, no-nonsense CV
• Designers presenting work history as a clean editorial page
• Operators and ICs who value typography over flash
• Anyone who needs a print-ready resume from the same source as the web one
• People who want their CV legible to search and AI crawlers via structured data
• Builders who would rather edit one data file than wrestle a page builder

What's included

• A single resume page (Next.js 16 App Router) rendering every section in order
• Name, role, and location hero with a portrait image and contact icon links
• An About summary paragraph
• A work-experience section with role, period, skill tags, and bulleted highlights per entry
• An education list with credentials and dates
• A three-card side-projects grid with status dots and tags
• A contact footer with primary email and Connect CTAs
• A Cmd+K / Ctrl+K command palette with searchable links plus Print resume and Copy email actions, and a mobile button to open it
• An inlined JSON-LD Person schema plus Open Graph and Twitter metadata for SEO
• A print stylesheet, a light-only color scheme, and tidy error and not-found pages

Best use cases

Personal resume site

Publish your CV at a clean URL and hand the link to recruiters or collaborators. The print action turns the same page into a PDF-ready document, so one source covers both the screen and the page.

Portfolio landing for ICs

Staff engineers, designers, and operators can lead with a tight summary, then let the work timeline and side projects do the talking. The editorial layout keeps the focus on substance.

Discoverable professional profile

Because the page ships JSON-LD Person data and complete social metadata, it reads cleanly to search engines, link unfurls, and AI crawlers, which helps when people look you up.

Make it yours

1. Remix the template

Remix Editorial resume in mythos.new to fork it into your own private project. You get the full Next.js source, ready to customize, with no setup.

2. Customize your brand

Edit in the in-browser IDE or just describe the changes in chat. Swap the name, role, summary, work history, education, and projects in the resume data, replace the portrait, and adjust the palette or fonts to taste. The contact CTAs are validated and ready to wire to your own email or links.

3. Publish

When it looks right, publish to a <name>.r21.dev subdomain in one click. Your resume goes live as a fast static site, complete with print support, the command palette, and structured data baked in.