The Edlio Design Agent is an interactive AI assistant available directly within the CMS dashboard for Early Access schools. It allows website administrators to redesign homepage sections, update color palettes, modify banners, and customize visual theme elements conversationally without submitting a support ticket.
đĄ Best-Practice Adoption Tip â Early Access & Availability: The Edlio Design Agent is available for homepage edits as Early Accessâcontact [email protected] for details or access. If your CMS dashboard does not yet display the Design Agent tile or floating assistant button, your site follows the standard theme update workflow: open a support ticket via Eddy or contact [email protected] for guidance.
Opening the Design Agent
Log in to your Edlio CMS admin dashboard.
Click the Design Agent tile on your dashboard or select Design Agent from the main navigation menu.
The interactive Design Agent workspace opens with a live interactive preview of your school homepage on the left and the conversational design panel on the right.
Point at what to change (Target tool)
Instead of describing complex web components in words, you can point directly at any container on your homepage:
Click the Target button (crosshair icon) in the chat toolbar.
Click any section on the live homepage preview â such as your header logo, navigation bar, hero banner, announcement cards, or footer.
The targeted element remains highlighted and attaches directly to your prompt, ensuring the Design Agent knows exactly which container you want to restyle.
Sharing reference images and mockups
If you have an example design, sister school layout, or brand guideline you want to emulate:
Click the Image button in the message bar, or drag and drop an image file directly into the conversation.
Supports PNG, JPEG, GIF, and WebP files up to 25 MB.
The Design Agent analyzes your image's layout, spacing, typography, and color contrast to suggest matching changes for your site.
Selecting colors and interactive swatches
When you ask the Design Agent to change brand colors or accent highlights:
If multiple complementary colors match your prompt, the agent displays up to three interactive color swatches beneath its reply.
Click any color swatch to instantly apply it to your live homepage preview.
All suggested colors are evaluated against digital accessibility standards to ensure proper text contrast ratios.
Session recovery and safety
Your design work is automatically preserved as you collaborate with the agent. If your network connection drops or your session fails to load, the Design Agent automatically attempts to reconnect and provides a Try Again option rather than forcing you to restart your design conversation from scratch.
Related articles