Non-prehistoric LaTeX Resume Template — Advanced Graphics and Typography
by Alessandro
The Typographer
Most of the templates built with LaTeX look like prehistoric documents and are embarassing in that they are usually designed with the standard font, with the standard class, no colours whatsoever, no creativity.
Plain LaTeX — what one would do when writing a math paper, just load a few packages and you’re good to go.
I wanted to showcase the possibility that XeLaTeX offers to customize a lot of aspects of the style of your document, and for the purpose of this tutorial I figured I was a web designer and wanted to showcase, along with my computer skills and my experience, example thumbnails of work as a designer and finishing off the document with a fancy contact section.
A preview follows
-
- Career Objective — top of the Resume Template
-
- Experience Section
-
- Contacts at the Bottom of the Page
-
- Resume 2.0 — you like it?
-
- Web 2.0 Icons
-
- Portfolio Leaderboard
1 – Toolkit: Packages and Preamble
1.1 – Graphics and Colours
\documentclass[10pt]{article} %Load Graphics and Colours \usepackage{graphicx} \usepackage{tikz} \usetikzlibrary{backgrounds} \usepackage{wrapfig} \definecolor{linkcolour}{HTML}{2b2b2b} \definecolor{text1}{HTML}{2B2B2B} \definecolor{headings}{HTML}{CC3300} \definecolor{backgroundColor}{HTML}{CC3300}
This is the color combination that will be used
1.2 – Margins and Leading
%margins \usepackage[hmargin=1.25cm, vmargin=1cm]{geometry} \linespread{1.2} \usepackage{setspace}
Things to notice:
- the linespread command is used for the whole document;
- the setspace package is used to address specific paragraphs;
1.3 – Styling Itemization
Styling Itemization with Custom Calluna Symbol
The package enumitem allows you to apply a custom style to your enumerations, and many other things like spacing and indenting: check out the documentation on CTAN.
%Styling Itemizations \usepackage{enumitem} \renewcommand{\labelitemi}{\symbol{"E052}}
1.4 – Fonts for XeLaTeX; Calluna and Helvetica Neue
We will use the following two professional fonts:
CALLUNA
Calluna Regular — A wonderful new free professional font
HELVETICA NEUE BOLD
Adobe Helvetica Neue Black
Helvetica Neue is a commercial fonts and may not be available to your system: I suggest taking a look at some other free fonts for headings, for example Qlassik Bold
%Fonts and Tweaks for XeLaTeX \font\headers="Helvetica Neue Bold:letterspace=5" at 20pt \font\SectionHeaders="Helvetica Neue Bold:letterspace=5" at 14pt \font\Career="Calluna:color=2b2b2b" at 13pt \font\Text="Calluna:color=2b2b2b" at 11pt \font\TextAlt="Calluna:color=CC3300" at 11pt \font\TextSC="Calluna:+smcp, color=2b2b2b" at 11pt \font\slash="Calluna:+zero, color=2b2b2b" at 40pt \font\slashAlt="Calluna:+zero, color=CC3300" at 40pt \font\ContactHeaders="Calluna" at 170 pt \font\trick="Calluna:color=FFFFFF" at 0.1 pt
Other things to notice here:
- letterspace is modified to allow for headings to be more legible. This is usual practice with all caps text;
- color is given to the command setting the font name;
- +smcp is XeTeX syntax to recall Small Caps in the font table;
- +zero is XeTeX syntax to recall Slashed Zero in the font table;
- trick will be used as a workaround to hyperlinks not working properly for images in XeLaTeX;
- I decided to use this syntax, however you could more easily access font features with the well-known fontspec package.
1.5 – Hyperref Package
%Setup hyperref package, and colours for links, text and headings \usepackage{hyperref} \hypersetup{ colorlinks,breaklinks, urlcolor=linkcolour, linkcolor=linkcolour}
1.6 – Custom Sections
%custom \section \usepackage{titlesec} %CV Sections inspired by: %http://stefano.italians.nl/archives/26 \titleformat{\section} {\SectionHeaders\raggedright}{}{0em}{} \titlespacing{\section}{0pt}{0pt}{5pt} \thispagestyle{empty}
Continued at NEXT PAGE
Pages: 1 2
Related posts:
Comments
[...] A web designer CV Template with LaTeX [...]
Alessandro,
this is a really great post, since it combines a good cv structure with unique layout design. I have found very few examples so far, in the net that get into XeTeX DTP capabilities, so much.
Please re-upload the full source code file, so as to experiment on your template.
Keep up the good job!
Hi,
the source code is here.
Regards
Hi,
I was wondering if you could explain how you set up Calluna and Helvetica Neue to work with LaTex??? I have both fonts but am unsure where they need to go/what the necessary font code is.
Thanks!
Eiren
Hi Alessandro,
Could you point me in the direction of the documentation for the \trick command? I’m assuming this is what makes those graphics links have that “hover” behavior.
Thanks,
-Joe
This is how trick is defined.
If you elaborate on your problem maybe I can point you to the solution.
Hey
Thanks for a great tutorial. But I’m getting this error with the portfolio
Undefined control sequence.
\trick
\raisebox {-3pt}{.}\fbox {\includegraphics [scale=0.6]{2}}…
l.179 ….myfonts.com/s/aw/36×18/70/0/}{36322.png}
\newcommand{\icons}[2]{
{\href{#1}
{\trick \raisebox{-1pt}{.}
\raisebox{-4pt}{
\includegraphics{#2}}
\raisebox{10pt}{.}}}
}
I was wondering how to replicate this behavior. I’m not sure if it’s something specific to XeLaTex or a certain package.
This is a great example, btw. I used LaTeX to write my thesis about 5 yrs ago, but this was a great jumping off point for a new ebook that I’m formatting.
Ha! Joe, this is a bug of XeLaTeX or hyperref.
This is what happens
Check out this discussion about the bug.
The proposed solution, which I implement, is