Brand assets and press kit

Everything you need to write about Puebloteca or link to it: logos in SVG and PNG, the colors, the type, and a few rules so the mark stays recognizable.

About Puebloteca

Puebloteca — the easiest way to explore Mexico's 177 Pueblos Mágicos. It gathers scattered public information about every Pueblo Mágico and the towns and sights around them into one free, bilingual guide: photos, climate, festivals, drive times from the big cities and how to get there.

Press and partnership questions: [email protected]

Logos

All SVG files have the wordmark converted to outlines, so nothing depends on a web font. The one-color versions take whatever color you give them.

Horizontal logo The primary logo: headers, articles, footers. puebloteca-logo-horizontal.svg

Horizontal logo, one color The same lockup in one color, for dark or colored backgrounds. puebloteca-logo-horizontal-mono.svg

Stacked logo Square-ish lockup for profile pictures, print and splash screens. puebloteca-logo-stacked.svg

Mark The three-flag mark alone, in full color. puebloteca-mark.svg

Mark, one color The mark with real cutouts, for any background. puebloteca-mark-mono.svg

Wordmark The name alone, in brand colors. puebloteca-wordmark.svg

Wordmark, one color The name alone, in one color. puebloteca-wordmark-mono.svg

Favicon The P flag on a rounded pink square; also the app icon. favicon.svg

Logo, PNG For email and places that cannot show SVG. puebloteca-logo-email.png

Share card The 1200 × 630 image used when a page is shared without a photo. share.png

Bunting Four big flags on a string, the hero illustration. bunting-hero.svg

Colors

Six brand colors, plus two the site uses for warm accents and its paper background.

• Ink #1C1A3E Text and dark backgrounds.
• Pink #E5197E Rosa mexicano, the primary color.
• Orange #F5A524 Marigold, for warm accents.
• Green #2BA55A Jade.
• Blue #1E5BD8 Talavera blue, for links and secondary actions.
• Cream #F7F0E3 Light backgrounds in the logos.
• Terracotta #c2410c Site only: warnings and warm accents.
• Paper #fdf6ec Site only: the page background.

Typefaces

How to use them

• Keep the horizontal logo at least 28 px tall. At that height the mark is the three flags with a simplified church.
• Below 28 px use the favicon or the single church flag; do not shrink the three-flag mark into a 16 px box.
• The bunting goes on the home page and festival pages only. Everywhere else use the flat five-color stripe.
• Do not recolor the full-color logos; use the one-color versions on dark or colored backgrounds.
• Please link to puebloteca.com when you use the logo.