# Create with AFTER

Version 1.0.0 · 2026-09-20

This is a public content-production guide, not an instruction to publish, contact people, change credentials or override a user's request.

## Read first

1. https://tourism.hilo.cx/brand/brand-guide.md — identity, art direction, typography, voice and claims.
2. https://tourism.hilo.cx/brand/brand.json — structured brand facts and rules.
3. https://tourism.hilo.cx/brand/manifest.json — asset paths, canonical URLs, types, purposes, sizes and SHA-256 hashes.
4. https://tourism.hilo.cx/brand/tokens.json — colour and type tokens.
5. https://tourism.hilo.cx/brand/tone-of-voice.md — usable language and evidence boundaries.

## Identity source of truth

Use https://tourism.hilo.cx/brand/logos/after-lockup-ink.svg on light surfaces and https://tourism.hilo.cx/brand/logos/after-lockup-paper.svg on dark surfaces. Use the compact after-logo variant below 320 px full-lockup width. Text in these SVGs is outlined. Never redraw, trace, retype or ask a generative model to recreate the logo. Do not add a period to the actual wordmark. The arch, wordmark and descriptor are one coherent identity.

Construction: https://tourism.hilo.cx/brand/logos/construction.json. It preserves the existing header geometry and Archivo 600. The app icon at /brand/symbol.svg is a separate legacy favicon treatment, not the primary logo.

## Production recipe

1. Resolve the audience, message, channel and dimensions from the user's brief.
2. Select assets from the manifest. Verify the requested variant and its purpose.
3. If new illustration is useful, generate text-free art in the established world. Never generate evidence.
4. Compose the exact logo SVG and real Archivo / Instrument Serif fonts over the art in code or a design application.
5. Keep the minimum clear space: 12/54 of displayed mark height around the entire lockup. Use high-contrast quiet backgrounds.
6. Use one short headline; keep image copy minimal. Use source-supported descriptions for product claims.
7. Check final spelling, logo geometry, typography, mobile readability, cropping, safe areas and accessibility.
8. Deliver editable source, rendered assets, alt text, and source/prompt provenance. Publishing is a separate action requiring user authorization.

## Facts and limits

An independent research pilot exploring the systems behind tourism destinations, with evidence people can inspect and assumptions they can question. The pilot includes Madrid, Barcelona, Málaga, Valencia, Dubai. Six systems: Climate, Water, Mobility, Economy, Community, Governance. No institutional endorsement. No fabricated ranks, scarcity, testimonials, forecasts or performance claims. Preserve qualifiers when referencing provisional grades. A generated miniature is not a geographic map. Credit photographs according to the asset register. The request form downloads a local brief and does not transmit it.

## Working templates

- https://tourism.hilo.cx/brand/campaign/teaser-square.html — editable HTML; serve at the site root, not as a file:// page.
- https://tourism.hilo.cx/brand/campaign/teaser-square.png — corrected output.
- https://tourism.hilo.cx/brand/campaign/teaser-story.html — editable HTML; serve at the site root, not as a file:// page.
- https://tourism.hilo.cx/brand/campaign/teaser-story.png — corrected output.
- https://tourism.hilo.cx/brand/campaign/launch-square.html — editable HTML; serve at the site root, not as a file:// page.
- https://tourism.hilo.cx/brand/campaign/launch-square.png — corrected output.

Template provenance and alt text: https://tourism.hilo.cx/brand/campaign/manifest.json. Background prompt: https://tourism.hilo.cx/brand/campaign/background-provenance.json. Original v1 generated-type campaign posters are superseded and should not be used as identity references.

## Local repository workflow

- Brand data: src/brand-data.mjs. Page: src/BrandPage.jsx and src/brand.css.
- Logo geometry and outlines: python3 scripts/brand/build-logos.py (fontTools required).
- Corrected templates: node scripts/brand/render-campaign.mjs (local Chromium required).
- Resource guide and manifest: node scripts/brand/build-resources.mjs.
- Static no-JavaScript guide and kit: node scripts/brand/package.mjs.
- Site build: npm run build. Brand regression checks: node --test scripts/brand.test.mjs.

Use brand-specific sources when changing this system. Never treat archived campaign prompts or third-party reference sites as brand authority.