# Ipê City — Brand Kit

> Machine-readable brand reference for AI agents and LLMs.  
> Human version: https://ipe.city/brand  
> Deck templates: https://ipe.city/deck — spec: https://ipe.city/deck.md  
> All asset URLs below are direct download links.

---

## About Ipê City

Ipê City is a pop-up village and conference ecosystem focused on network states, crypto sovereignty, and the future of governance. It hosts the **Startup Society Conference** series in Jurerê Internacional, Florianópolis, Brazil.

The name "Ipê" refers to the iconic Brazilian Ipê tree — a symbol of growth, resilience, and beauty native to South America.

---

## Logo & Wordmark — Download Links

### Main Logo

| Variant | Format | URL |
|---|---|---|
| Light (for dark backgrounds) | SVG | https://ipe.city/logo-light.svg |
| Light (for dark backgrounds) | PNG | https://ipe.city/logo-light.png |
| Dark (for light backgrounds) | SVG | https://ipe.city/logo-black.svg |
| Dark (for light backgrounds) | PNG | https://ipe.city/logo-black.png |

### Wordmark (horizontal lockup)

| Variant | Format | URL |
|---|---|---|
| Light wordmark (for dark backgrounds) | SVG | https://ipe.city/branding/ipe-wordmark-light.svg |
| Light wordmark (for dark backgrounds) | PNG | https://ipe.city/branding/ipe-wordmark-light.png |
| Dark wordmark (for light backgrounds) | SVG | https://ipe.city/branding/ipe-wordmark-dark.svg |
| Dark wordmark (for light backgrounds) | PNG | https://ipe.city/branding/ipe-wordmark-dark.png |

### Symbol (icon only — isolated chevron)

| Variant | Format | URL |
|---|---|---|
| Symbol — Light background | PNG | https://ipe.city/branding/symbol-1-light.png |
| Symbol — Dark background | PNG | https://ipe.city/branding/symbol-2-dark.png |
| Symbol — Visual 01 | PNG | https://ipe.city/branding/symbol-3-visual1.png |
| Symbol — Visual 02 | PNG | https://ipe.city/branding/symbol-4-visual2.png |
| Symbol — Navy | SVG | https://ipe.city/branding/symbol-navy.svg |
| Symbol — White | SVG | https://ipe.city/branding/symbol-white.svg |

### Usage notes
- Use the **light** logo/wordmark on dark (navy) backgrounds.
- Use the **dark** logo/wordmark on light (white/off-white) backgrounds.
- The chevron symbol represents shelter, growth, and upward momentum.
- Do not stretch, rotate, or recolor the logo.

---

## The Architect — Editorial Symbol

| Asset | Format | URL |
|---|---|---|
| The Architect | PNG | https://ipe.city/branding/the-architect.png |

### What it is
A silhouetted human figure wearing a futuristic AR/VR visor — lime green lens, yellow/orange earpiece, radiating white lines emanating from the head, lime green accent lines tracing the body outline. Faceless and universal. Represents the builder who designs the cities of tomorrow.

This is one of Ipê City's primary editorial symbols, used when a visual needs to carry real weight.

### When to use
- Cover slides or section dividers in decks and presentations
- Social graphics anchoring a short, punchy statement (one headline or a single sentence)
- Hero backgrounds for landing pages or event visuals
- Print or large-format materials where impact matters

### Design rules
- **Always** place on a dark background — black (`#000000`) or Ipê Navy (`#002642`)
- Pair with Ipê Lime (`#A2D729`) and Ipê Yellow (`#FFB600`) for text accents — both colors are already present in the image
- Keep text minimal: one bold statement alongside it, nothing more
- Do **not** crop the radiating lines above the head — they are compositionally essential
- Do **not** recolor, add filters, or apply drop shadows

### Example pairing
> *"We build spaces where **techno-optimists** can thrive in the crypto economy."*
> — short statement in Chakra Petch, white on black, alongside The Architect

---

## Visual Elements

Abstract graphic assets that extend the Ipê visual language. Each comes in two versions: a **light** version (white line art, for dark backgrounds) and a **dark** version (navy `#002642`, for light backgrounds).

### Light — for dark backgrounds
| Name | Description | SVG | PNG |
|---|---|---|---|
| Globe — Sphere | Wireframe globe with latitude/longitude grid | https://ipe.city/branding/visual-globe-sphere.svg | https://ipe.city/branding/visual-globe-sphere.png |
| Community | Stacked overlapping head silhouettes | https://ipe.city/branding/visual-heads.svg | https://ipe.city/branding/visual-heads.png |
| Globe — Triple Projection | Three interlocking globe projections (flat/equirectangular) | https://ipe.city/branding/visual-globe-triple.svg | https://ipe.city/branding/visual-globe-triple.png |
| Layers | Cascading layered planes forming a vortex | — | https://ipe.city/branding/visual-layers.png |
| Map — Santa Catarina | Outline map of Santa Catarina, Brazil | https://ipe.city/branding/visual-map-sc.svg | https://ipe.city/branding/visual-map-sc.png |

### Dark — for light backgrounds
| Name | Description | SVG | PNG |
|---|---|---|---|
| Globe — Sphere | Wireframe globe with latitude/longitude grid | https://ipe.city/branding/visual-globe-sphere-dark.svg | https://ipe.city/branding/visual-globe-sphere-dark.png |
| Community | Stacked overlapping head silhouettes | https://ipe.city/branding/visual-heads-dark.svg | https://ipe.city/branding/visual-heads-dark.png |
| Globe — Triple Projection | Three interlocking globe projections (flat/equirectangular) | https://ipe.city/branding/visual-globe-triple-dark.svg | https://ipe.city/branding/visual-globe-triple-dark.png |
| Layers | Cascading layered planes forming a vortex | — | https://ipe.city/branding/visual-layers-dark.png |
| Map — Santa Catarina | Outline map of Santa Catarina, Brazil | https://ipe.city/branding/visual-map-sc-dark.svg | https://ipe.city/branding/visual-map-sc-dark.png |

### Usage
- Use as texture overlays, section dividers, or decorative accents in layouts
- Light (white) version on dark backgrounds — `#000000` or `#002642` (Ipê Navy)
- Dark (navy) version on light backgrounds — `#EFF2F1` or white
- Can be sized freely — they are scalable graphic forms, not precise technical illustrations

---

## Gradients

Ipê City's visual communication also incorporates gradients applied to graphic elements such as backgrounds, buttons, and icons. Built from the brand palette, they create smooth transitions between shades of blue, green, and yellow — adding depth and movement to the composition. Use them as backdrops for the logo, icon, or deck titles.

#### Dark — for white logo & light text
| Name | PNG (full-res 3204×2302) |
|---|---|
| Gradient 01 | https://ipe.city/branding/bg-01.png |
| Gradient 02 | https://ipe.city/branding/bg-02.png |
| Gradient 03 | https://ipe.city/branding/bg-03.png |
| Gradient 04 | https://ipe.city/branding/bg-04.png |
| Gradient 05 | https://ipe.city/branding/bg-05.png |
| Gradient 06 | https://ipe.city/branding/bg-06.png |

#### Light — for navy logo & dark text
Soft, airy pastel gradients that fade to white. Use the navy logo and dark (navy) text on top.
| Name | PNG (full-res 3204×2302) |
|---|---|
| Light Gradient 01 | https://ipe.city/branding/bg-light-01.png |
| Light Gradient 02 | https://ipe.city/branding/bg-light-02.png |
| Light Gradient 03 | https://ipe.city/branding/bg-light-03.png |
| Light Gradient 04 | https://ipe.city/branding/bg-light-04.png |

### Usage
- Use as full-bleed backgrounds for logo/icon lockups and deck slides (titles, section dividers, info)
- Always watch contrast: add a subtle scrim behind text where needed — a dark scrim (`from-black/60`) on dark gradients, a light scrim (`from-white/70`) on light gradients
- Pair white logo/text with the dark gradients; navy logo/text with the light gradients
- Do not stretch — crop to fill while preserving aspect

---

## Color Palette

| Name | Hex | CSS Variable | Text on top |
|---|---|---|---|
| Ipê Navy | `#002642` | `--ipe-navy` | White |
| Ipê Blue | `#3AA5FF` | `--ipe-blue` | White |
| Ipê Lime | `#A2D729` | `--ipe-lime` | Black |
| Ipê Yellow | `#FFB600` | `--ipe-yellow` | Black |
| Ipê White | `#EFF2F1` | `--ipe-white` | Black |
| Ipê Black | `#000000` | `--ipe-black` | White |

Primary brand combination: **Navy background (#002642) + Lime accent (#A2D729)**.

---

## Typography

### Primary Display — Chakra Petch
- Style: Square geometric sans-serif, futuristic
- Weights: 300 (Light) · 500 (Medium) · 700 (Bold)
- Google Fonts: https://fonts.google.com/specimen/Chakra+Petch
- Usage: Headlines, titles, display text, conference names

### Body Copy — DM Sans
- Style: Low-contrast geometric sans-serif, high legibility
- Weights: 400 (Regular) · 500 (Medium) · 700 (Bold)
- Google Fonts: https://fonts.google.com/specimen/DM+Sans
- Usage: Body text, UI labels, descriptions

---

## Voice & Tone

- Direct and confident — no fluff
- Technical but human — speaks to builders, founders, and networked citizens
- Community-first — the village is the product
- Forward-looking — focused on the intersection of technology, governance, and place

---

## Brand Don'ts

- Do not stretch or distort the logo
- Do not use the light logo on light backgrounds (or vice versa)
- Do not use colors outside the palette for primary brand elements
- Do not use fonts other than Chakra Petch and DM Sans for branded materials
- Do not add drop shadows or effects to the logo

---

## Associated Events & Brands

- **Startup Society Conference III** — The conference held within Ipê City/Village 2026
- **Crecimiento Fellowship** — A fellowship program co-located with the village
- **Artizen House** — Hacker house partner brand within the village ecosystem

---

## Contact & Event Info

Website: https://ipe.city  
Event dates: April 23 – May 1, 2026  
Location: Jurerê Internacional, Florianópolis, Brazil