Universe

Create project in app

A clean and modern Typst resume template based on Basic Resume, with a bold header banner, contact icons, and a flexible two-column intro section.

Template preview

Features

  • ATS-friendly — design-forward without sacrificing machine readability
  • Bold header banner with name, title, and contact row
  • Font Awesome icons for contact information (optional toggle)
  • Fully customizable colors (header, name, headings, text, photo border)
  • Smart banner height estimation based on contact items
  • Optional footer reference line pinned at the bottom of the page
  • Section helpers — work, edu, project, certificates, extracurriculars

Quick start

#import "@preview/vivid-cv:0.1.0": *

#show: resume.with(
  author: "Jane Doe",
  title: "Full-Stack Engineer",

  email: "jane@example.com",
  github: "janedoe",
  linkedin: "jane-doe",
  phone: "+1 234 567 890",
  location: "Zurich, Switzerland",
  personal-site: "janedoe.dev",

  about-title: "About me",
  about-beside: [
    Passionate engineer with 5+ years of experience
    building web applications from design to deployment.
  ],

  reference: "References available upon request",

  header-color: "#06332a",
  lang: "en",
)

== Work Experience

#work(
  title: "Senior Engineer",
  company: "Acme Corp",
  dates: dates-helper(start-date: "Jan 2022", end-date: "Present"),
  location: "Zurich, Switzerland",
)
- Led migration from monolith to microservices

Parameters

Identity & contact

Parameter Type Default Description
author string "" Full name
title string "" Job title / tagline
pronouns string "" Optional pronouns
location string "" City, country
email string "" Email
phone string "" Phone number
github string "" GitHub username
linkedin string "" LinkedIn username
personal-site string "" Website (without https://)
orcid string "" ORCID ID

Intro section

Parameter Type Default Description
about-title string "About me" Section title (set "" to hide)
about-beside content [] Text displayed beside the photo (~3 lines max)
about-below content [] Full-width text below the photo row (set [] to hide)

Photo

Parameter Type Default Description
show-photo bool true Toggle photo column
photo string "photo.jpg" Path to image
photo-size length 140pt Diameter of circular photo

Colors

Parameter Type Default Description
header-color string "#06332a" Banner background
name-color string "#ffdf2b" Name color
heading-color string "#ffdf2b" Section heading color
text-color string "#303f3c" Body text and link color
photo-border string "ffffff" Photo border color

Typography & layout

Parameter Type Default Description
font string "Avenir Next" Font family
author-font-size length 20pt Name size
font-size length 10pt Body text size
paper string "a4" Paper size
lang string "en" Language (affects hyphenation)
icon bool true Enable Font Awesome icons
reference string "" Footer line (empty = hidden)
banner-height-override length / none none Force banner height if needed

Section helpers

#work(title: "", company: "", dates: "", location: "")

#edu(institution: "", degree: "", dates: "", location: "", gpa: "", consistent: false)
// consistent: true → dates top-right, same layout as work entries

#project(role: "", name: "", url: "", dates: "")

#certificates(name: "", issuer: "", url: "", date: "")

#extracurriculars(activity: "", dates: "")

#dates-helper(start-date: "Jan 2020", end-date: "Present")
// → "Jan 2020 — Present" ; omit start-date for a single date

Tips

Multilingual support — set lang for correct hyphenation and use any string for about-title:

lang: "fr",
about-title: "À propos",

Two-paragraph intro — use about-beside for a short text beside the photo, and about-below for a second paragraph spanning the full width below it:

about-beside: [Short intro that sits beside the photo.],
about-below:  [Longer second paragraph, full page width.],

No photo — set show-photo: false for a full-width layout.

Banner height wrong? — if a long URL or unusual font causes contact items to wrap unexpectedly:

banner-height-override: 110pt

Local development — before publishing, import directly from the source:

#import "../src/lib.typ": *

Credits

Based on Basic Resume by stuxf, using the fontawesome Typst package.

License

MIT