Website builder
Sections, templates, the style system, per-section arrangements, and the draft/publish model.
Every academy gets a public website at its own subdomain. It is built from typed SECTIONS rather than free-form editing, which is what makes it safe to let AI write and still leave every word editable by hand afterwards.
Sections
There are 11 section types: hero, about, stats, list, grid, curriculum, cohorts, testimonials, faq, video, contact. Each can be reordered, hidden without deleting, or removed.
The COHORTS section is the enrolment path — it lists your open cohorts and is where visitors become students. A page without it can be published, but it has no way to enrol anyone.
Draft and published
- Edits go to a draft. Visitors keep seeing the published version until you press Publish.
- Unpublishing takes the site down without destroying anything — publishing again restores exactly what was live.
- Preview shows your draft whether or not the site has ever been published.
Templates
Five structural templates: Classic, Editorial, Neo-Cairo, Studio and Warm Classroom. A template decides the page's structure and character. Switching template never touches your content.
Style
On top of the template, six independent choices. Each is optional; anything you leave alone keeps the template's own value.
| Setting | Options |
|---|---|
| Type | modern, editorial, bold, friendly, contrast, journal, rounded, technical, mono |
| Corners | sharp, subtle, soft, round, pill |
| Spacing | tight, normal, airy, editorial |
| Cards | flat, outlined, raised, sunken |
| Background texture | none, grain, grid, dots, glow, mesh, rays |
| Text colour | Any hex colour, adjusted if it would be unreadable on your background |
Every font pairing reads in Arabic and English. Textures are drawn by the browser — nothing is downloaded from anywhere, so a texture cannot slow your page or track your visitors.
Arrangements
Some sections can be laid out more than one way. The editor only offers the arrangements the template you are on can actually render, so a control you can see is a control that does something.
| Section | Arrangements |
|---|---|
| hero | split, centered |
| grid | cards, wide, rows |
| list | two-column, single, chips |
| testimonials | two-column, single |
| faq | closed, open |
Colour and identity
- One accent colour, which also styles the student portal and the login pages.
- An optional page background, separate from the portal's own background.
- A logo, and an app icon for students who install the portal to their home screen.