resume template
Bold Sidebar Creative Resume
A modern two-column HTML resume template with a dark sidebar, yellow accent system, profile area, timeline experience, skills, and portfolio highlights.
Template snapshot
Simulated discussion
User
Use my resume notes to create a bold visual saved.md HTML CV with a dark sidebar, yellow accents, skills, timeline, and portfolio highlights.
saved.md
I’ll shape this into a HTML artifact with a stronger structure, cleaner hierarchy, and sections that match a resume audience.
User
Make it feel polished enough to share immediately, but keep it practical and easy to skim.
saved.md
Done — the page is organized around a modern two-column html resume template with a dark sidebar, yellow accent system, profile area, timeline experience, skills, and portfolio highlights. and tuned to feel presentation-ready without losing the working detail.
How this template was obtained
This template starts from a prompt that frames the working goal clearly for saved.md. The AI is asked to produce a first-pass artifact, not just a loose set of notes.
From there, the output is shaped into a saved.md page so it becomes easier to scan, easier to share, and more useful as a work artifact for a resume context.
Template prompt
You are helping me create a saved.md page from a published saved.md template. Go to https://www.saved.md/create and create a new page using this selected template as the canonical reference: https://www.saved.md/3fjwSRWaGzusu4ZiPG9-B21CczXZzEXe Generate the final saved.md content in the required format: HTML. Rules: - Use only the content I provide between the triple quotes. - Treat the published saved.md template page as the canonical template, not loose inspiration. - Preserve the layout, visual system, hierarchy, responsive behavior, and interaction model from the template page. - Replace only the business copy, names, metrics, links, labels, and section content needed to reflect my supplied data. - Do not simplify, redesign, or recreate the template from scratch unless my data explicitly requires removing an unsupported section. - Keep the final source under 100KB. - Make the page responsive on mobile, tablet, and desktop. - All external links must open in a new tab/window: use target="_blank" with rel="noopener noreferrer" on every outbound <a> link, including tel: and mailto: links. - If the format is HTML, keep it static and avoid scripts, forms, iframes, event handlers, and javascript: URLs. - If the format is JSX, use only saved.md-compatible React source and avoid external packages unless saved.md supports them. - If my data is incomplete, keep the template structure and omit only sections that cannot be supported by the provided content. User content: """ Paste your company, notes, numbers, links, copy, and other source material here. """ Template: Bold Sidebar Creative Resume Template summary: A modern two-column HTML resume template with a dark sidebar, yellow accent system, profile area, timeline experience, skills, and portfolio highlights. Template description: Reusable saved.md HTML template for designers, marketers, creative professionals, and visual resumes that need a strong personal brand layout. Template instructions: Create a saved.md HTML resume page using the Bold Sidebar Creative Resume template. Use the canonical published template as the visual and structural reference: https://www.saved.md/3fjwSRWaGzusu4ZiPG9-B21CczXZzEXe Template purpose: Reusable saved.md HTML template for designers, marketers, creative professionals, and visual resumes that need a strong personal brand layout. Preservation notes: Preserve the dark left sidebar, yellow accent blocks, circular avatar placeholder, section icon badges, skill bars, and right-column profile/timeline/portfolio structure. Replace all sample content with user-provided facts. If the user has no image, keep the monogram avatar. Omit unsupported sections instead of inventing details. User content must replace the sample candidate identity, role, contact information, profile, experience timeline, education, portfolio examples, skill names/levels, and interests. Keep only facts supplied by the user. If a portrait image URL is not supplied, use initials in the circular avatar. saved.md constraints: - final source must stay under 100KB - use static HTML only - no scripts, forms, iframes, event handlers, javascript: URLs, or external dependencies - responsive on mobile, tablet, desktop, and print-friendly - preserve readable contrast between the dark sidebar and yellow accent system Avatar image requirement: - Ask the user for a portrait/headshot image if they want the avatar populated. - Preferred input: a public HTTPS image URL. - If the user provides an actual image file instead of a URL, first upload/host it or otherwise convert it to a public HTTPS image URL before creating the saved.md HTML. - If a usable image URL is available, replace the CSS monogram avatar with an <img> inside the circular avatar frame, using descriptive alt text. - If no image is provided, keep the initials/monogram avatar and set the initials from the candidate name. Important template notes: Preserve the dark left sidebar, yellow accent blocks, circular avatar placeholder, section icon badges, skill bars, and right-column profile/timeline/portfolio structure. Replace all sample content with user-provided facts. If the user has no image, keep the monogram avatar. Omit unsupported sections instead of inventing details. Now create the saved.md page content and publish it on saved.md.
The live page above is the saved.md output. Use it as a reference, adapt the prompt to your own material, and then save your own version from `/create`.