template-bright-academy — HTML Business Template

SHA-256: ec0aee015d77310155f4476b16998c1b0328090ba26193600a0edeae37bb637d

2026-10-05T02:55:26.901Z

# bright-academy

A FreeWebStore template for **education.academy** by **@serge-ivo**.

Warm, light, high-trust landing page for **education programs** — after-school
academies, tutoring centres, music and language schools, chess and sports
clubs, and school-run enrichment programs. Fills the education gap in the FWS
library, which was previously all local-service verticals and portfolios.

## Design

- **Palette** — cream `#fdfbf7` page, indigo-950 structure bands, amber-300
  accent. Light-first, because parents and school staff read this on a phone in
  daylight, not a dark dashboard.
- **Type** — system stack, `font-black` headings, `leading-8` body. No web
  fonts, so the page paints instantly with no external font request.
- **No JavaScript.** The mobile nav and the FAQ accordion are native
  `<details>` elements — nothing to break under a strict CSP, and it still
  works with JS disabled.
- **Accessibility** — skip link, labelled form controls, `aria-hidden` on
  decorative glyphs, alt text on the hero image, visible focus styles.

## Sections

`hero` · `programs` · `how` (3 steps) · `who` (students / parents / schools) ·
`pricing` (3 plans) · `stories` (testimonials) · `faq` · `contact` (details +
trial-request form) · footer.

Each is a top-level `<section id="...">`, so the platform splits them into
independently editable sections at deploy time.

## Slots

Universal set: `business.name`, `business.tagline`, `about.body`,
`contact.phone`, `contact.email`, `contact.address`, `contact.hours`,
`fws.byline`. See `slots.md`.

## Vibecoding this template

Open `index.html` in your editor of choice (Claude Code, Cursor, Windsurf,
plain VS Code with an AI sidebar) and iterate. Constraints:

- **HTML + Tailwind utility classes only.** No templating engines, no
  framework, no build step.
- **Slot markers (`data-fws-slot="..."`) mark customization points.**
- **Single-page output.** FWS produces one HTML file per business. Multi-page
  is a PWS feature, not FWS.

Regenerate `preview.png` (1280×720, ≤500KB) after visual changes:

```sh
"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" \
  --headless --disable-gpu --hide-scrollbars --window-size=1280,720 \
  --screenshot=preview.png "file://$PWD/index.html"
```

## Publishing

```sh
npx @freewebstore/cli doctor     # local validation
npx @freewebstore/cli login      # one-time GitHub App install
npx @freewebstore/cli publish    # upload + create repo + queue for review
```

## License

MIT.