Set up custom branding on Pro

In this article: How to replace Ruzuku's default branding with your own logo, colors, and login page so your students see your brand at every step. Pro

Why branding matters on a Pro site

When students visit your Pro site, they should feel like they're on your platform. Custom branding removes all traces of Ruzuku's identity and replaces it with yours -- your logo in the header, your colors on buttons and links, your welcome message on the login page.

If you're running courses for clients, managing a training program for an organization, or building a coaching brand, this is one of the first things to set up after activating Pro. Pair it with a custom domain and your site looks and feels entirely yours.

What you can customize

Branding controls these elements across your entire site:

Logo -- appears in the site header and on the login page.
Primary color -- applied to buttons, links, and interactive elements.
Accent color -- used for highlights, hover states, and secondary UI elements.
Login page -- background image or color, plus welcome text students see when they sign in.
Favicon -- the small icon that appears in browser tabs.

Set up your primary brand

Your primary brand is the default look that applies across the site. Here's how to configure it:

Log in to your Pro site as an Admin.
Click Branding in the left sidebar.
Upload your logo. Use a horizontal image with a transparent background (PNG format works well). Recommended width: 200-400px.
Set your primary color. This color appears on buttons, links, and interactive elements throughout the site. Pick something from your brand palette with good contrast against white.
Set your accent color for highlights and hover states. If you only have one brand color, you can skip this or use a lighter/darker shade of the primary.
Customize your login page:
- Upload a background image, or set a solid background color.
- Add welcome text that students see when they arrive (your business name, a short tagline, or instructions).
Upload a favicon if you have one. This is the small icon that shows up in the browser tab next to your site name.
Click Save.

Your changes take effect immediately. Open your login page in an incognito window to see what students experience.

Tip: Test your login page on mobile. Background images that look great on desktop sometimes crop awkwardly on smaller screens. A solid brand color is a safe fallback if your image doesn't scale well.

Create multiple brand options

If you run different programs, departments, or client accounts on the same Pro site, you can create separate brand options for each. For example:

A coaching business with one brand for leadership training and another for wellness courses.
An agency delivering courses under each client's brand.
A university branding each department differently.

To create an additional brand option:

Go to Branding in the left sidebar.
Click Add Brand Option.
Give the brand option a name. This name is for your reference only -- students don't see it.
Configure the logo, colors, and login page for this brand option.
Click Save.

To assign a brand option to a specific course, go to the course's Style settings (via Manage Course) and select the brand option you want. Courses without a specific brand assigned use your primary (default) brand.

Tip: There's no limit on brand options. Create as many as you need.

What students see

Students on a branded Pro site experience your identity at every touchpoint:

Login page -- your logo, colors, and welcome text.
Course pages -- your logo in the header, your color scheme on all buttons and navigation.
System emails -- messages sent from the platform use your site's branding.

Ruzuku's name and logo never appear on a branded Pro site. To your students, it's your platform.

Branding vs. course Style

Branding (set in the admin sidebar) and Style (set per-course via Manage Course) are separate:

Branding controls site-wide elements: the header logo, login page, and default colors that appear across your entire Pro site.
Style controls course-specific visuals: the color scheme and banner image for a particular course.

Both work together. Your site-level branding provides the consistent frame, and per-course Style lets you customize the look of individual courses within that frame.

Frequently Asked Questions

How many brand options can I create?

There's no limit. Create as many as you need for different programs, clients, or use cases.

Can I preview a brand option before applying it?

After saving a brand option, visit your site's login page to see it in action. For the in-course experience, assign the brand to a test course and view it as a student. You can also use the Mimic feature to see things from a student's perspective.

If I change my branding, does it update everywhere immediately?

Yes. Changes to a brand option apply across all courses using that brand as soon as you save. There's no separate publish step.

What logo format and size should I use?

PNG with a transparent background works best. Aim for 200-400px wide. The logo displays in the site header, so a horizontal orientation looks cleanest. Avoid very tall or square logos -- they'll take up too much vertical space.