Clear
Start with an observation. Explain why it matters.
Sounds like AFTER
See what keeps a destination going.Avoid: Unlock a transformative tourism ecosystem.
The AFTER brand.
A shared language for places worth protecting. The identity, materials and principles for making something unmistakably AFTER.
For places worth protecting.And futures worth preparing for.
AFTER looks beyond the postcard. We explore the systems that help a destination function, with evidence people can inspect and assumptions they can question.
One identity. Every time.
Three arches. A steady baseline. An open passage into what comes next. Use the original vector files, with the lettering already outlined.
On light surfacesFull lockup · outlined SVG
DownloadOn dark surfacesFull lockup · outlined SVG
Download
When space is limited
Use the compact logo when the descriptor becomes too small. Keep the arch and wordmark together.
The mark and the app icon
The standalone arch is our identity. The orange-baseline tile is reserved for app and favicon use.
Give it room to breathe.
At least the width of the innermost arch (12 units in the 54-unit source mark) around the full asset.
Recommended for this kit: full descriptor lockup 320 px wide; compact logo 140 px; standalone mark 24 px. Use the compact logo when the descriptor is too small to read.
View construction dataKeep it true
- Use the supplied outlined SVGs unchanged.
- Forest ink on light surfaces; warm paper on dark surfaces.
- Place the whole logo on a quiet area, or a solid brand-colour panel.
- Scale uniformly and keep the arch with the wordmark in first introductions.
Avoid these shortcuts
- Do not ask image models to draw or spell the logo.
- Do not replace the wordmark with another font or add a full stop to the logo.
- Do not recolour individual arches, distort the geometry or add effects.
- Do not use the orange-baseline app icon as the primary horizontal lockup.
Paper. Ink. A signal.
A quiet base gives the important things room. Use orange deliberately. Select a swatch to copy its value.
Six systems, six supporting colours
Climate
#e7ab78Water
#83bdc8Mobility
#b3c1e2Economy
#dfc97dCommunity
#b8ce8aGovernance
#d9a9b5Keep labels alongside colour. Use ink for small text on orange; reserve orange-on-paper for large display accents. Aim for 4.5:1 text contrast, or 3:1 for large type.
Precision, with a human voice.
Archivo does the clear thinking. Instrument Serif adds an expressive turn. The logo itself always comes from the supplied SVG.
Archivo
400 · 500 · 600 · 700Places worth
protecting.
abcdefghijklmnopqrstuvwxyz · 0123456789
Instrument Serif
Regular · ItalicFutures worth
preparing for.
Archivo
Headlines, body copy, labels and numbers. Use 400 for reading, 500 for headings, 600 for emphasis and the wordmark.
Instrument Serif
An occasional expressive phrase, usually italic. Keep evidence, labels and the AFTER wordmark in Archivo.
Real places. Clear distinctions.
Photography establishes place. Conceptual models reveal connections. Every image keeps its source and its meaning.
Actual places
Use credited city photography for geography and context. Retain the original source and licence.
Read the credits
Conceptual systems
AI-generated city interpretations are illustrations. They are never maps or measured infrastructure.
Read the provenanceGenerate artwork without brand text. Add the official SVG and real type afterward. This keeps the identity exact even when the illustration changes.
Curious. Clear. Accountable.
Lead with an observation. Invite a better question. Show the evidence and leave room for what is unknown.
Curious
Invite a better question, without manufacturing certainty.
Sounds like AFTER
What changes when your priorities change?Avoid: The definitive answer to city resilience.
Accountable
Keep the source, time period and limitation with the claim.
Sounds like AFTER
A provisional assessment of documented evidence.Avoid: The world’s safest destinations, ranked.
Human
Talk about places through the people who live in them.
Sounds like AFTER
A destination is somebody’s home.Avoid: Optimise the resident stakeholder segment.
AFTER is an independent research pilot. Do not imply official endorsement, audited scores or a definitive “safest city” ranking. Keep source, geography, period and provisional status with every factual comparison.
Full voice guideMade with the real AFTER.
The October 1 campaign, corrected. Actual logo SVGs, actual fonts, and text-free artwork composed into reusable templates.
October 1 teaser
1080 × 1080
October 1 Story teaser
1080 × 1920
October 1 launch reveal
1080 × 1080The earlier generated-lettering posters are superseded. These templates use the exact arch-and-wordmark lockup. Serve the HTML from the site root or the root of the downloaded kit.
Production notes & alt textEverything, in one place.
Browse the working files. Every resource has a stable URL, a stated use and a record in the manifest.
96 resources
| Resource | Use | File |
|---|---|---|
| mark inkLogos | Standalone header arch. | SVG1 KB |
| logo inkLogos | Compact arch and wordmark. | SVG2 KB |
| lockup inkLogos | Full arch, wordmark and descriptor. | SVG25 KB |
| mark paperLogos | Standalone header arch. | SVG1 KB |
| logo paperLogos | Compact arch and wordmark. | SVG2 KB |
| lockup paperLogos | Full arch, wordmark and descriptor. | SVG25 KB |
| Logo constructionLogos | Exact geometry, type source and clear-space unit. | JSON2 KB |
| App / favicon tileLogos | Legacy app icon; not the primary horizontal logo. | SVG1 KB |
| Archivo RegularFonts | The working voice | TTF109 KB |
| Archivo MediumFonts | The working voice | TTF110 KB |
| Archivo SemiboldFonts | The working voice | TTF110 KB |
| Archivo BoldFonts | The working voice | TTF110 KB |
| Archivo licenceFonts | Font usage terms. | TXT5 KB |
| Instrument Serif RegularFonts | A human emphasis | TTF61 KB |
| Instrument Serif ItalicFonts | A human emphasis | TTF63 KB |
| Instrument Serif licenceFonts | Font usage terms. | TXT5 KB |
| Font CSSFonts | Self-hosted @font-face declarations. | CSS1 KB |
| Brand guideGuides | Complete brand reference in plain Markdown. | MD8 KB |
| Agent guideGuides | Production workflow and identity rules for agents. | MD5 KB |
| Voice & toneGuides | Examples, vocabulary and claims boundaries. | MD2 KB |
| Structured brandGuides | Machine-readable brand facts, rules and exact assets. | JSON8 KB |
| Design tokensGuides | Colour, type, spacing and shape values. | JSON2 KB |
| CSS tokensGuides | Reusable CSS custom properties. | CSS1 KB |
| Asset creditsGuides | Original image, map, font and artwork attribution. | JSON11 KB |
| AI discovery fileGuides | Machine-readable entry points. | TXT2 KB |
| October 1 teaserCampaign | October 1 teaser. Official AFTER arch-and-wordmark lockup with Tourism Resilience Atlas descriptor. You’ll remember the before. 01 OCT. Curled paper reveals a conceptual miniature city. AI-generated background; not geographic evidence. | PNG1.3 MB |
| October 1 teaser sourceCampaign | Editable HTML template using the real SVG and actual fonts. | HTML2 KB |
| October 1 Story teaserCampaign | October 1 Story teaser. Official AFTER arch-and-wordmark lockup with Tourism Resilience Atlas descriptor. You’ll remember the before. 01 OCT. Curled paper reveals a conceptual miniature city. AI-generated background; not geographic evidence. | PNG2.1 MB |
| October 1 Story teaser sourceCampaign | Editable HTML template using the real SVG and actual fonts. | HTML2 KB |
| October 1 launch revealCampaign | October 1 launch reveal. Official AFTER arch-and-wordmark lockup with Tourism Resilience Atlas descriptor. Welcome to what’s next. Look deeper. 01 OCT. Curled paper reveals a conceptual miniature city. AI-generated background; not geographic evidence. | PNG1.3 MB |
| October 1 launch reveal sourceCampaign | Editable HTML template using the real SVG and actual fonts. | HTML2 KB |
| Text-free postcard backgroundCampaign | Background plate; compose the official logo separately. | PNG1.9 MB |
| Text-free Story backgroundCampaign | Vertical background plate; compose the official logo separately. | PNG2.0 MB |
| Campaign provenanceCampaign | Production records, hashes and alt text. | JSON3 KB |
| Background promptCampaign | Image-generation edit prompt and origin. | JSON2 KB |
| madrid conceptual miniatureImagery | AI-generated artistic interpretation; not geographic evidence. | PNG1.9 MB |
| madrid city photographyImagery | Actual place photography; consult asset credits and source licence. | WEBP525 KB |
| madrid conceptual filmMotion | Existing conceptual city film; illustrative, not factual infrastructure. | MP41.3 MB |
| barcelona conceptual miniatureImagery | AI-generated artistic interpretation; not geographic evidence. | PNG1.8 MB |
| barcelona city photographyImagery | Actual place photography; consult asset credits and source licence. | WEBP1.2 MB |
| barcelona conceptual filmMotion | Existing conceptual city film; illustrative, not factual infrastructure. | MP41.5 MB |
| malaga conceptual miniatureImagery | AI-generated artistic interpretation; not geographic evidence. | PNG1.8 MB |
| malaga city photographyImagery | Actual place photography; consult asset credits and source licence. | WEBP480 KB |
| malaga conceptual filmMotion | Existing conceptual city film; illustrative, not factual infrastructure. | MP41.4 MB |
| valencia conceptual miniatureImagery | AI-generated artistic interpretation; not geographic evidence. | PNG1.8 MB |
| valencia city photographyImagery | Actual place photography; consult asset credits and source licence. | WEBP344 KB |
| valencia conceptual filmMotion | Existing conceptual city film; illustrative, not factual infrastructure. | MP41.3 MB |
| dubai conceptual miniatureImagery | AI-generated artistic interpretation; not geographic evidence. | PNG1.6 MB |
| dubai city photographyImagery | Actual place photography; consult asset credits and source licence. | WEBP428 KB |
| dubai conceptual filmMotion | Existing conceptual city film; illustrative, not factual infrastructure. | MP41.1 MB |
| City artwork provenanceImagery | Prompts, source records and conceptual-use boundaries. | JSON33 KB |
| Connected city illustrationImagery | Conceptual systems cutaway. | PNG2.7 MB |
| Connected city provenanceImagery | Original generation prompt. | JSON2 KB |
| Tourism has a future. Make it resilient. | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG151 KB |
| Explore the Tourism Resilience Atlas | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG162 KB |
| Compare City Resilience, Evidence & Priorities | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG156 KB |
| Tourism Resilience Methodology & Limits | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG164 KB |
| Tourism Research Sources & Open Evidence | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG169 KB |
| Prepare a City Resilience Research Brief | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG154 KB |
| Brand Guide, Logos & Creative Resources | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG161 KB |
| Madrid Tourism Resilience Guide | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG144 KB |
| Madrid: Climate readiness | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG140 KB |
| Madrid: Water security | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG133 KB |
| Madrid: Connected infrastructure | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG141 KB |
| Madrid: Visitor economy | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG138 KB |
| Madrid: Community resilience | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG140 KB |
| Madrid: Governance & intelligence | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG143 KB |
| Barcelona Tourism Resilience Guide | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG143 KB |
| Barcelona: Climate readiness | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG139 KB |
| Barcelona: Water security | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG132 KB |
| Barcelona: Connected infrastructure | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG140 KB |
| Barcelona: Visitor economy | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG137 KB |
| Barcelona: Community resilience | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG139 KB |
| Barcelona: Governance & intelligence | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG141 KB |
| Málaga Tourism Resilience Guide | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG137 KB |
| Málaga: Climate readiness | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG133 KB |
| Málaga: Water security | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG127 KB |
| Málaga: Connected infrastructure | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG135 KB |
| Málaga: Visitor economy | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG131 KB |
| Málaga: Community resilience | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG133 KB |
| Málaga: Governance & intelligence | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG136 KB |
| Valencia Tourism Resilience Guide | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG143 KB |
| Valencia: Climate readiness | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG133 KB |
| Valencia: Water security | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG127 KB |
| Valencia: Connected infrastructure | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG135 KB |
| Valencia: Visitor economy | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG131 KB |
| Valencia: Community resilience | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG134 KB |
| Valencia: Governance & intelligence | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG136 KB |
| Dubai Tourism Resilience Guide | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG115 KB |
| Dubai: Climate readiness | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG111 KB |
| Dubai: Water security | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG105 KB |
| Dubai: Connected infrastructure | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG112 KB |
| Dubai: Visitor economy | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG109 KB |
| Dubai: Community resilience | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG111 KB |
| Dubai: Governance & intelligence | AFTERSharing | Existing 1200×630 page-sharing cover. | JPG114 KB |
| Social cover manifestSharing | All route-specific share covers and production records. | JSON36 KB |
A clear starting point for AI.
Read the same brand in plain text and structured data. Exact files, explicit rules, no need to guess from a screenshot.
Start with the agent guideComplete guide · MarkdownAsset manifest · JSONBrand rules · JSONStandalone guide · HTMLDiscovery · llms.txtDesign tokens · JSON
A reusable creative brief
Create content for AFTER — The Tourism Resilience Atlas. Read https://tourism.hilo.cx/brand/agent-guide.md, then https://tourism.hilo.cx/brand/manifest.json. Use the supplied outlined AFTER SVG logo as an unchanged foreground asset; never generate or retype it. Use Archivo and Instrument Serif, warm paper #f5f3ec, forest ink #142b28 and restrained signal orange #db4b25. Keep copy clear, curious and accountable. Treat city miniatures as conceptual illustration, never geographic evidence. Preserve sources and pilot limitations for factual claims. Compose logos and final typography deterministically after generating artwork. Deliver editable source, finished exports, alt text and provenance.
Read the guide, select the correct vector, then create. Generated artwork supplies the setting; the original identity supplies the signature.