Majorcan portolan chart Animated HTML website template

The sample page

Rumb i Tinta. Sea chart studio in Palma.

The idea

A vellum skin on the chartmaker’s desk: the chart draws itself and a lamp you move lights up the gold leaf.

What to try

Move the cursor (or a finger) to carry the lamp, then scroll: the camera closes in on the rose, the rhumbs, the coast and the names.

Made for

Mapmakers, engravers, sailing clubs and chandlers, travel bookshops, travel agencies and maritime museums

Palette

• #1C1713
• #EDE0C2
• #2A1E16
• #B23A2E
• #3F6B4A
• #C49A3A

Typefaces

IM Fell English + Alegreya

Cultural notes

• Our own roses, coastlines and decoration: no copies of the Catalan Atlas or other real charts.
• No colonial figures or stereotypes: cities with plain pennants, no coats of arms or religious symbols, a friendly dragon and a notice that the chart is not for navigation.
• Real geography, stylized, with Catalan place names where they belong.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.