Sample Documents

Further samples are available in the Prince samples repository.

Dictionary

Dictionaries often use multi-column layout to save space, and running headers indicate keyword entries on that page. Notice how letters are rotated and shown on tabs on the side of right pages. The fonts used in the PDF version are Satyr and Faunus, made by Monokrom. Archive.org has a scanned copy of the printed edition of this Old Icelandic dictionary from 1910.

Invoices

Prince is often used to generate PDF invoices from HTML pages; customers first see the invoice on their screen, and then receive a printable PDF version of the invoice. Often, the PDF document isn't printed, but is stored for the record. Here you will find two examples of invoices, one colorful with SVG images, and one more conservative.

Textbook

Sidenotes are often placed in the outside margin of textbooks, and in the PDF version of document they alternate between left and right side. Figures and tables float to the top and bottom of pages, and wide content extend into margins.

Newsletter

Newsletters are often sent as PDF attachments and Prince will happily help you create them. Our friends at Drylab write beautiful newssletters, and we have converted one of their designs to HTML and CSS. By using these formats, the newsletter can easily be published on the web and converter to PDF.

Scientific Journal

The USENIX conference Proceedings has a two-column layout with figures floating to the top and bottom. In the HTML source of this sample document, references are inline but appear at the end by way of JavaScript.

Blue-sky printing

This sample uses a variety of fancy techniques for effect: JavaScript, multi-column layout, rotated text, CSS3 transforms, and page bleeds.

Reconstructed Essay

Thomas Malthus published his essay on Principles of Population in 1798. At the time, the descending "s" was in fashion and this reconstruction uses the 'text-replace' property to recreate the original printed book (Archive.org has a scanned copy). Also, the document uses ligatures and the Table of Contents is generated with a script.

Product Catalogs

This sample shows how content from a website can be reused to make a beautiful product catalogs. Product catalogs should be available on the web and in print. Typically, images and text about the products are stored in a databased and pulled into web pages for online viewing, and into PDF files for printing. This example shows how HTML can be the basis for both web pages and for the catalog. Although the HTML code is slightly different, the underlying data is the same.

Brochure

The web sometimes feels like a collection of brochures. If so, it should be possible to make paper-based brochures from the web. Here is an example.

The magic of Prince

This document was an early demonstrator of many features we now take for granted in CSS. The 13k source document showcases multicolumn layout, SVG, rounded borders, hyphenation, and automatic counters. Also, some page-specific features are used: page floats, footnotes, and PDF bookmarks. And math!