Draco Resume HTML Template
Last Updated on August 27, 2026 by Editorial Team
Today’s freebie is a very clean resume template handcrafted by Afnizar Nur Ghifari. The resource is available in two formats: HTML (based on Kube Framework v4) and PSD.
Happy downloading!
What makes Draco stand out as an HTML resume template is the confidence of its typography. That oversized “DRACO” watermark running behind the header is a bold move, and it works because everything else on the page stays quiet and restrained around it.
The layout is a single-page personal website structure with a top navigation bar for About, Experiences, Achievements, and Skills. That anchor-link style navigation is what separates this from a plain printable resume; it behaves like a living online portfolio that visitors can jump through section by section.
The color palette is essentially grayscale: black serif headlines, muted gray body copy, a soft circular profile photo treated in black and white, and a faint squiggly divider line that adds a small hand-drawn touch without breaking the formality of the page.
Serif display type carries the big statements, like the “I LIVE IN FAR NORTHERN SKY” line, while a plain sans-serif handles the descriptive paragraph underneath. That contrast between a heavy editorial headline and light readable body text is the core of Draco’s visual identity, and it gives the whole template a magazine-like, storytelling feel rather than a corporate CV look.
Below the intro, the Work Experiences section drops into a clean timeline format: years on the left, company name in bold, role in a lighter weight underneath. It is simple enough to scan in seconds, which is exactly what a hiring manager or client skimming a portfolio site needs.
This template suits designers, developers, writers, and other creative freelancers who want a personal site that reads as a narrative rather than a static document.
It works well for:
- A personal online resume or “about me” site linked from a portfolio or social profile
- Freelance landing pages where you want to introduce yourself before showing project work
- Job applications where a link to a live, styled resume adds more personality than a plain PDF
- Speaker or conference bios that need Experience, Achievements, and Skills laid out clearly
Customizing the Draco Layout
Since the structure is built on the Kube Framework grid, editing content section by section is straightforward once you understand where each block sits.
Start by swapping the profile photo and rewriting the intro line. Since “I LIVE IN FAR NORTHERN SKY” is styled as a template variable, treat that big serif statement as your headline slot: your name, your title, or a short personal tagline can sit there just as effectively.
The giant background watermark text is worth keeping if you like the editorial feel, just update it to your own name or initials so it reinforces your personal brand rather than reading as placeholder content.
For the Work Experiences, Achievements, and Skills sections, keep the existing date-title-subtitle hierarchy since it is what makes the timeline easy to scan; just update the entries with your own history.
If you want to push the palette further from pure grayscale, a single accent color applied sparingly, maybe on links or the divider, can help the page feel more personal while keeping the same restrained mood.
Because the navigation bar is minimal, it also pairs well with a matching favicon and a simple footer linking out to your email or social profiles, rounding out the site without cluttering the clean composition Draco is built around.
