Branding & Customization Guide

Make Learnly yours.

This guide explains how to update the application's branding, add custom code, and manage SEO to match your needs.

Change the logo

Replace the logo by uploading a new image into the admin settings. Recommended dimensions and file types are documented in the admin UI. Custom logos appear in the navigation bar, the login screen, and email templates.

Custom colors and typography

Set brand colors and typography from the Branding panel in admin. Changes propagate across the navigation, buttons, headings, and email templates. Override individual sections with custom CSS in the same panel — see the customization guide for supported selectors.

SEO settings

Manage all text-based metadata in the seoData object. Each page has its own title, description, and Open Graph variants. Update entries here whenever page copy changes; the prerender step will pick them up at the next build.

Custom code and integrations

Inject custom HTML or JavaScript into the head or body of every page using the Custom Code panel. Useful for analytics, live chat widgets, or marketing pixels. Test changes in staging before promoting to production.