Stylish LaTeX Cover Page

Stylish Latex Cover Page

Hi guys! 

Here is a new tutorial about how to create a stylish LaTeX cover page. At the end of this post, we will be familiar with: 

  • changing the background color of a cover page (two methods);
  • drawing a polygon (with any number of sides); 
  • adding text at a specific position of a page;
  • using dvipsnames as an option to xcolor package, which provides us access to 68 different colors.

Check also TikZ Cover Pages Gallery, for more design examples!

1. Setting the page background color

Method 1:

Using TikZ, we can change the background color of a page by creating a rectangle between opposite corners of page. Here is a quick example: 

\documentclass{article}
\usepackage{tikz}

\begin{document}

\pagestyle{empty}

\begin{tikzpicture}[remember picture,overlay]
	\fill[yellow!20] (current page.south west) rectangle (current page.north east);
\end{tikzpicture}

\end{document}

The rectangle is filled with a \verb|yellow!20| color and it starts from the bottom left of the page and it ends at the top right of the page. To achieve this, we used absolute positioning on a page. For more details, check How to create a beautiful cover page in LaTeX using TikZ.

latex background color

LaTeX absolute positioning

Method 2:

Recently, I found that it is easy to change the background color of an entire page using the command \verb|\pagecolor{}|. By compiling the next code, we will get the same results as the previous method.

The above command will change the background color of the entire document. Thus, we should change it back to normal using the command \verb|\nopagecolor| or simply \verb|\pagecolor{white}| (see the previous LaTeX code).

\documentclass{article}
\usepackage{tikz}

\begin{document}

\pagestyle{empty}
\pagecolor{yellow!20}

Some text here!

\newpage
\nopagecolor

Some text here!
\end{document}

2. How to draw a Polygon in TikZ

The cover page that we would like to create has hexagons with different sizes. Fortunately, there is a TikZ library with many geometric shapes and regular polygon is one of  them 🙂

2.1 Loading geometric shapes library

The geometric shapes library is named shapes.geometric and it is loaded as follows:

 \usetikzlibrary{shapes.geometric} % Load geometric shapes

2.2 Node shape: regular polygon

A regular polygon can be drawn as follows: 

\documentclass[border=0.1cm]{standalone}
\usepackage{tikz}
\usetikzlibrary{shapes.geometric}

\begin{document}

\begin{tikzpicture}

\draw[densely dashed,lightgray] (0,0) circle (1cm);
\node[regular polygon,minimum size=2cm, draw] at (0,0) {};

\end{tikzpicture}

\end{document}

By defaultit draws a polygon with 5 sides (a pentagon). The minimum size defines the diagonal of the circumscribed circle, that is, the circle that passes through all the vertices of the polygon (PGF manual).

Pentagone latex Tikz

To draw a regular polygon with a predefined number of sides, we add regular polygon sides=<value> to the node options:

 \node[regular polygon,regular polygon sides=6, minimum size=1cm, draw] at (0,0) {};

The next illustration shows a regular polygon with different number of sides (3,4,...,7 and 20)

Geometric shapes LaTeX TikZ

Regular polygon with different number of sides

ONLY For curious guys!

2.3 Smooth corners 

It should be noted that in the cover page, hexagons have rounded corners and this is achieved by adding the option rounded corners to each hexagon's node.

Geometric shapes LaTeX TikZ rounded corners

Regular polygon with different number of sides with rounded corners

2.4 Shape rotation

By default, each polygon is drawn so that a side is always at the bottom. However, this shape can be rotated by adding rotate=<value> to the node options.

Hexagon latex tikz rotation

Hexagon rotated by 10 degrees from 0 to 60 degrees.

3. Cover Page: code revealed!

Now, the cover page can be easily created as we have the necessary tools: 

  • A hexagon with rounded corners drawn multiple times with different sizes; this can be achieved using a foreach loop. Hence, we expect 4 foreach loops to achieve the background patterns. 
  • A background color can be set using the above methods. Here is an interesting list of 68 colors. We will use BlueViolet, Dandelion and BrickRed for the background.
  • The text can be added as a node to create: the title of the report, a subtitle and author name. I invite you to read this post: How to create a beautiful cover page in LaTeX using TikZ.

Here is the LaTeX code of the cover page. If you have any questions or remarks, Leave us a comment, we will be happy to hear from you!

LaTeX Code of the Violet Cover Page

This Post Has 3 Comments

  1. At first, I couldn’t even tell the cover design at the beginning of the post was done in LaTeX… then I was like wait, this site is about LaTeX, has to be created there, lol. Well done! I love the way you arranged the polygon shapes to create an elegant, simplistic yet effective design. Really love your creativity and have enjoyed learning more of what I can do in LaTeX besides typography stuff.

    1. Thanks Kelsey for your encouraging feedback, I am happy that you liked it 🙂

  2. Great

Leave a Reply

Close Menu