# Ignite Entrepreneurship Academy (IEA) — AI Branding & Design Guide

> Rules for AI assistants producing ANY content or design for Ignite
> Entrepreneurship Academy (igniteutah.org): web content, documents, PDFs,
> flyers, posters, presentations, social graphics. Read the whole file, then
> follow the section for your task. Where these rules conflict with your
> defaults, these rules win. Exact URLs, hex values, and sizes in this file
> are canonical — never substitute, approximate, or invent alternatives.

## 0. How this file is used (for humans)

Paste this line into any AI chat before your request:

    Read https://igniteutah.org/llms.txt and follow it exactly, then help me with: [your request]

## 1. Who we are

- Name: Ignite Entrepreneurship Academy — "IEA" after first mention.
  Never "Ignite Academy", "IEA School", or other variants.
- What: a free public charter school in Utah (K–8) with an
  entrepreneurship-focused, hands-on learning model.
- Website: https://igniteutah.org
- Audience: busy parents first, then students and community. Write warm,
  confident, plain-spoken. Short sentences. No corporate jargon, no
  exclamation-mark pileups, no hype words ("revolutionary", "world-class").
- Many families speak Spanish at home — keep language simple enough to
  translate cleanly, and offer a Spanish version when asked.

## 2. Color palette (exact values)

| Role | Name | Hex | RGB |
|------|------|-----|-----|
| Primary accent | IEA Orange | #FFB347 | 255,179,71 |
| Deep accent (icons, links) | IEA Orange Deep | #FFA726 | 255,167,38 |
| Body text / dark bg | Dark Charcoal | #333333 | 51,51,51 |
| Headings / secondary dark | Charcoal | #474747 | 71,71,71 |
| Page background | White | #FFFFFF | — |
| Section background | Soft Gray | #F9FAFB | 249,250,251 |

Usage rules:
- Orange is an ACCENT: buttons, icon color, heading underlines, dividers,
  callout backgrounds (as a light tint), highlight bars. That's it.
- NEVER set body text in orange, and never place orange text on white at
  sizes below 24pt — it fails accessibility contrast. Text is charcoal on
  light backgrounds, or white on charcoal.
- NEVER use orange as a full-page or full-slide background.
- Do not introduce other hues (blue, green, purple, red) unless the person
  explicitly asks. One accent color, used sparingly, is the IEA look.
- Approved pairings: charcoal text on white ✓, charcoal on soft gray ✓,
  white text on charcoal ✓, charcoal text on orange (buttons only) ✓.

## 3. Typography

- Headings: Montserrat — Bold (700) for titles, SemiBold (600) for
  subheadings. Fallback when Montserrat is unavailable: Arial Bold.
- Body: Open Sans — Regular (400). Fallback: Arial.
- Google Fonts embed:
  https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;500;600&display=swap
- Two fonts total. Never add a third font, script font, or novelty font.
- Hierarchy is a "layer cake": one big bold headline, clearly smaller
  subheadings, comfortable body text. Each level obviously distinct.
- Body text: sentence case. Headlines: title case or sentence case — never
  ALL CAPS for more than 2–3 words.

## 4. Logos — four official configurations, pick by context

### 4a. Which configuration?

1. **Official IEA Logo** — orange wing + "IEA" (~2.7:1). THE DEFAULT.
   Use for: web, slides, flyers, social, spirit wear — anything where the
   audience already knows the school or space is limited.
2. **Full Name Logo** — wide lockup: wing+IEA, divider, "Ignite
   Entrepreneurship Academy" (~6.5:1, name text is small). Use for:
   OFFICIAL LETTERHEAD, formal documents, top-of-page banners. Because the
   name text is fine, always render it LARGE — at least 2.5 inches wide in
   print / 400px on screen. Never shrink it into a corner.
3. **Full Name Logo – Compact** — wing+IEA with the full school name in one
   line underneath (~2.2:1). Use for: poster footers, program/report covers,
   first-impression materials for audiences who DON'T know "IEA" yet, and
   anywhere the Full Name Logo is too wide. Minimum 1.5 inches / 250px wide.
4. **IEA Wing Only** — the wing mark alone (~1:1). Use for: avatars,
   favicons, watermarks, bullet accents, tiny square spaces. Never the sole
   logo on an official document.

When unsure: Official IEA Logo. For formal school correspondence: Full Name.

### 4b. Which file? (SVG first; PNG when SVG is rejected; exact URLs)

| Configuration | SVG (preferred) | High-res transparent PNG |
|---------------|-----------------|--------------------------|
| Official IEA Logo | https://igniteutah.org/logos/svg_iea_logo_clear_background.svg | https://igniteutah.org/logos/iea_logo_2400px_transparent.png (2400×883) |
| Full Name Logo | https://igniteutah.org/logos/svg_iea_logo2_clear_background.svg | https://igniteutah.org/logos/iea_fullname_2400px_transparent.png (2400×372) |
| Full Name – Compact | https://igniteutah.org/logos/svg_iea_logo3_clear_background.svg | https://igniteutah.org/logos/iea_fullname_compact_2400px_transparent.png (2400×1090) |
| IEA Wing Only | https://igniteutah.org/logos/iea_wing_white_background.svg | https://igniteutah.org/logos/iea_wing_1200px.png (1200×1270) |

- If a JPG is required (white background): https://igniteutah.org/logos/iea_logo_2400px_white.jpg
- Professional print shops (vector): https://igniteutah.org/logos/iea_logos.pdf
  and https://igniteutah.org/logos/iea_logos.eps

### 4c. Logo rules (all configurations)

- Prefer SVG everywhere it's accepted — it can never blur or pixelate.
  If SVG is rejected (Google Slides/Docs, Canva), use the high-res PNG.
  NEVER use screenshots of the logo and never upscale a small logo file.
- NEVER stretch, squash, rotate, recolor, outline, shadow, or redraw the
  logo, and never generate/imagine a logo with AI — always link or embed the
  real files above.
- Clear space: keep empty space around the logo at least the height of the
  wing on all sides. Don't place it on busy photos without a light backing.
- Minimum sizes unless stated above: 120px wide on screen, 1 inch in print.
- Full asset library for humans: https://igniteutah.org/branding

## 5. TASK: Website content (parent portal pages, blog posts)

The site already has global styling. Produce a CONTENT FRAGMENT ONLY — the
admin pastes your HTML into a content box and the site styles it.

MUST:
- Output ONLY body content: headings, paragraphs, lists, tables, links,
  images, embeds.
- Start headings at <h2> — the page title already renders as <h1>. Do not
  repeat the page title as your first heading.
- Plain semantic HTML, NO classes and NO style attributes. The site styles
  h2/h3/h4, p, a, strong/em, ul/ol/li, blockquote, table/th/td, img, hr,
  and iframe embeds automatically.
- Embeds: a bare <iframe src="…"> works and becomes responsive
  automatically. Allowed hosts: youtube.com, youtube-nocookie.com,
  player.vimeo.com, docs.google.com, drive.google.com, calendar.google.com.

NEVER:
- <html>, <head>, <body>, <header>, <footer>, <nav>, <script>, <style>,
  <form>, style="…" attributes, or CSS of any kind. The site strips these on
  save — and content inside header/footer/nav is DELETED, so never put real
  content there.
- Don't invent CSS classes; unknown classes are stripped on save.

OPTIONAL layout kit — the ONLY classes that survive saving:
- Card grid: <div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> … </div>
  (or md:grid-cols-3 with gap-6 for three columns)
- Centered block: <div class="text-center"> … </div>
- Gold highlight box: <div class="callout"><p>…</p></div>

Example of a correct fragment:

    <p>Our afterschool clubs give students a chance to explore passions
    beyond the classroom.</p>
    <h2>This Semester's Clubs</h2>
    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
      <div><h3>Chess Club</h3><p>Tuesdays 3:00–4:00. Grades 3–8.</p></div>
      <div><h3>Robotics</h3><p>Thursdays 3:00–4:15. Grades 5–8.</p></div>
    </div>
    <div class="callout"><p><strong>Registration required:</strong> sign up
    via <a href="https://example.com">this form</a> by [DATE].</p></div>

## 6. TASK: Presentations (PowerPoint, Google Slides, Keynote)

Layout system:
- Backgrounds: white (default) or Dark Charcoal #333333 (section breaks,
  title slide). Never orange, never gradients, never stock textures.
- Logo: title slide bottom-center or bottom-right at ~15% slide width; on
  content slides either omit it or keep it small in a corner — never
  centered-huge on every slide. Use the SVG, or the 2400px PNG in Google
  Slides.
- One idea per slide. If a slide needs more than ~35 words, split it.
- Whitespace is part of the design — margins of at least 5% of slide width
  on all sides; don't fill every corner.

Type scale (16:9 slides):
- Slide titles: Montserrat Bold 36–44pt, Charcoal #474747 (or white on dark)
- Subheads: Montserrat SemiBold 24–28pt
- Body/bullets: Open Sans 18–24pt, max 5 bullets, max ~8 words per bullet
- Never below 16pt anywhere — if it doesn't fit, cut words or split slides.

Accents:
- A 4–8pt orange bar under the slide title, orange icons, or one orange
  highlight word — pick ONE accent treatment and repeat it consistently.
- Charts: charcoal bars/lines with the single key series in IEA Orange;
  white background, no 3D, no rainbow palettes.
- Closing slide: charcoal background, white text — school name, phone,
  email, igniteutah.org (facts in section 9).

## 7. TASK: Flyers & posters (print or digital)

Structure (top to bottom "layer cake"):
1. Headline: Montserrat Bold, the largest thing on the page, charcoal.
   5–8 words max — the what ("Fall Family Night"), not a paragraph.
2. One orange accent: a bar under the headline OR a callout band — not both.
3. Details block: Open Sans, generous line spacing — what / when / where /
   who / cost, each on its own line. This is the #1 flyer failure: missing
   date, time, location, or price. Include all of them or use [PLACEHOLDER].
4. Call to action: one clear action ("Scan to RSVP", "Sign up at …"),
   visually distinct — orange button shape or bold charcoal.
5. Footer strip: Official IEA Logo or Full Name – Compact (section 4) +
   igniteutah.org + phone, small and out of the way.

Rules:
- US Letter (8.5×11") default for flyers; posters commonly 11×17" or 18×24".
  Margins ≥ 0.5" (flyer) / 1" (poster).
- Print type minimums: body 11pt on flyers; on posters, readable from 6 feet
  — headline ≥ 72pt, body ≥ 24pt.
- White or soft-gray background. Dark-background flyers are fine for events;
  then all text is white and the logo sits on a small white backing strip.
- Max 2 fonts, max 1 accent color, generous whitespace — a flyer that
  "looks empty" to you is usually right.
- Photos: real school-life photos beat clipart. Never stretch a photo,
  never place text over a busy photo without a solid or tinted backing.
- No AI-generated fake photos of "students" — use provided photos or none.

## 8. TASK: Social graphics & misc design

- Square/story graphics: same rules as posters, tighter — one message,
  huge type, one accent, logo small in a corner.
- Profile avatars: the wing mark (section 4), never the full wordmark
  squeezed into a square.
- Documents/letterhead: the FULL NAME LOGO (section 4a #2) across the top,
  ~3" wide, left-aligned or centered; Montserrat headings, Open Sans 11pt
  body, charcoal text, orange only for headings/rules; footer:
  "Ignite Entrepreneurship Academy • igniteutah.org • (801) 901-8520".
- Merch/T-shirts: single-color logo versions from the EPS package; get a
  human's approval before production.

## 9. Canonical facts (use exactly; never invent)

- Phone: (801) 901-8520
- Email: info@igniteutah.org
- Website: igniteutah.org
- Office hours: Mon–Thu 7:30–3:00, Fri 7:30–12:00
- School hours: Mon–Thu 8:00–2:30, Fri 8:00–11:45
- If a fact you need (date, address, name, price) is not provided by the
  person asking and not listed here, use a bracketed placeholder like
  [DATE] or [LOCATION] and tell them what to fill in. NEVER guess facts.

## 10. Quick self-check before you deliver

- Exactly two fonts (Montserrat + Open Sans or their fallbacks)?
- One accent color (IEA Orange), used sparingly, never for body text?
- Logo from an exact URL in section 4, unmodified, with clear space?
- Charcoal text on light background (or white on charcoal)?
- All facts either provided, from section 9, or [PLACEHOLDER]?
- For web fragments: no chrome tags, no styles, no invented classes?
- Generous whitespace — did you resist filling every gap?