Holon Design

Instructor Instructor

Accent Color

Page Width

Canvas API Token

Anthropic AI Key

Holon Hub

–

instructor

Dashboard

Welcome back 👋

Loading course info…

—

Total Designs

—

Published

—

This Course

Recent Designs

Loading…

On this page

Elements

🔍

Page view

♿ Accessibility review

✏️

Canvas is empty

Drag elements from the left, or start with a quick template:

This page is imported HTML. It is one locked block — rebuild it to edit each piece individually.

Drop element here

Properties

👆

Select a block

Click any block on the canvas to edit its content and style.

⚡ Multi-Tool

Bulk-create Canvas modules, pages, assignments, and more in seconds.

Page Design

Every module overview page is built from the template you pick, with {n} and {title} substituted per module. Leave it on Blank for plain pages.

✨ Design set — pick one and everything below matches

Brand kit — applies to everything created in this run

\u{1F4C4} Module page

✏️ Assignment

\u{1F4AC} Discussion

❓ Quiz

Module Pattern

Name Pattern ({n} = number, {title} = title)

Number of Modules

Starting Number

Create per module:

📄 Pages ✏️ Assignments 💬 Discussions ❓ Quizzes 📌 Text Headers

Brand Kit

Design tokens for every page you build. Change one here and everything updates.

PRESETS

LIVE PREVIEW

📋 Templates

Each design is one matching set. Preview opens every page it includes in a new tab; Use loads its home page to start.

Course Pages

Open any page in this course and edit it here. Pages built with Holon Design come back exactly as you built them — even after a course copy.

Loading your course pages…

Publish to Canvas

Publishing into this course.

Page Title

Target

Which page

Set as the course front page

Opened from the Canvas editor — your design will be inserted into the page you are editing.

Published pages use inline styles only — no theme CSS, no JavaScript, no install required. They render the same in the Canvas mobile app, survive course copy, and keep working if this tool is ever removed.

📁

Choose File

Loading files…

No files found

⬆ Upload from computeruploads to your course Files, then inserts it

Or paste a URL directly

✨

AI Content Generator

Holon Design — Help

Holon Design is a visual page designer for Canvas course content.

Design your page on the canvas, adjust accent color and page width from the theme panel, then export or publish. Use the ADA buttons (A / A+ / A++) to zoom the interface.

Full guide: open the manual.

Holon Technology

Getting Started with Holon Design

Build a Canvas page in about two minutes.

Pick a templateTwelve finished designs. Click one and it loads, ready to edit.

Click the page and typeEdit text straight on the canvas. Use Brand Kit to change colours and fonts everywhere at once.

PublishSend it to your course. Pages use no theme CSS, so they keep working even without Holon.

Insert a block here

Reskin

Pick a design. Holon keeps this page's content — objectives, overview, readings, assignment — and pours it into that template automatically. You'll review the result before it publishes.

Here's what Holon found on each page. Publishing restyles and updates them in Canvas — Canvas keeps each page's revision history, so any page can be reverted.

Include flagged pages too

✦ Reskin pages

🔗 Link to course content