Branding and Landing Page
Create a branded, mobile-friendly landing page with your logo and no code using Vedubox SiteMaker. Adapt the platform fully to your organisation’s identity with the logo, theme colours, login screen and menu structure.
No-code landing page
Logo and theme colours
Drag-and-drop components
Customise the login screen
What Are Branding and the Landing Page?
With the SiteMaker feature, you create a branded landing page for your learning platform with no coding, extra integration or cost. In the advanced version you drag and drop components such as the menu and headline, preview and publish; you can extend the page with HTML and script modules.
In the appearance settings you set your organisation’s logo and theme colours, and the login screen wallpaper and its position. With the white-label structure, the logo, domain name, colours, mobile app and email templates can be customised to your corporate identity.
What Does Your Organisation Gain?
When users enter the platform, they see their own organisation’s academy, not another brand’s; the learning portal becomes part of the company culture.
You showcase your paid and free trainings on the landing page and put your learning portal live without needing a separate website project.
What Can You Do?
All the branding and landing page options at a glance.
<style>.nk .nw-sar{flex-wrap:wrap;align-content:center;gap:6px}.nw-cip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#f4f8fb;border:1px solid #e3ebf2;font-size:13px;font-weight:700;color:#5b6b80;white-space:nowrap}.nw-cip img{width:16px;height:16px}.nw-cip.nw-mavi{background:#eef8fe;border-color:#bfe3f4;color:#1581b3}.nk .nk-w{gap:12px}.nw-durum{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.25;color:#1a1a2e}.nw-durum b{font-weight:700}.nw-durum em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12.5px;font-weight:700;color:#1581b3}.nw-durum em i{width:7px;height:7px;border-radius:50%;background:#28aae1;box-shadow:0 0 0 3px rgba(40,170,225,.2)}.nw-liste{display:flex;flex-direction:column;gap:6px;width:230px}.nw-liste div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px;border-radius:9px;background:#f5f8fb;border:1px solid #e8eef4;font-size:13px;font-weight:600;color:#475569}.nw-liste b{font-weight:800;color:#1581b3}.nw-buton{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1.5px solid #28aae1;background:#fff;font-size:14px;font-weight:700;color:#1581b3;transition:background-color .2s ease}.nw-buton img{width:18px;height:18px;transition:transform .3s ease}.nk-hucre:hover .nw-buton{background:#eef8fe}.nk-hucre:hover .nw-buton img{transform:translate(2px,-2px)}.nw-buton.nw-dolu{background:#28aae1;color:#fff}.nk-hucre:hover .nw-buton.nw-dolu{background:#1b95cc}.nw-surukle div{justify-content:flex-start;transition:transform .35s ease,box-shadow .35s ease}.nw-surukle span{display:flex;align-items:center;gap:6px}.nw-surukle img{width:16px;height:16px}.nw-surukle .nw-tasinan{background:#fff;border-color:#bfe3f4;box-shadow:0 8px 16px -10px rgba(15,50,90,.35);transform:translateX(10px) rotate(-1.5deg)}.nk-hucre:hover .nw-surukle .nw-tasinan{transform:none;box-shadow:none}.nk .nw-renkler label{position:relative;display:block;margin:0;cursor:pointer;font-weight:inherit}.nw-renkler input{position:absolute;opacity:0;pointer-events:none}.nw-kod{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:#0b1f3b;color:#e2f3fb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px;white-space:nowrap}.nw-kod b{font-weight:700;color:#5cc3ee}.nw-renkler{display:flex;gap:10px}.nw-renkler span{display:block;width:32px;height:32px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #dbe6ef;transition:box-shadow .2s ease}.nw-renkler input:checked+span{box-shadow:0 0 0 2px #fff,0 0 0 4px #28aae1}.nw-logo{flex:none;display:grid;place-items:center;width:62px;height:42px;border-radius:10px;border:1.5px dashed #9fb3c8;background:#f8fafc;font-size:11px;font-weight:800;letter-spacing:.1em;color:#64748b}</style><div class="nk-hucre"><div class="nk-w"><div class="nw-liste nw-surukle"><div><span><img src="https://cdn.prod.website-files.com/6a82b639f1023abfc739174e/6abd26a8eaba0b40777e6d50_oz-marka-w-surukle.png" alt="">Menu component</span></div><div class="nw-tasinan"><span><img src="https://cdn.prod.website-files.com/6a82b639f1023abfc739174e/6abd26a8eaba0b40777e6d50_oz-marka-w-surukle.png" alt="">Headline component</span></div></div></div><h3>Drag-and-Drop Components</h3><p>Build your landing page by dragging and dropping components such as the menu and headline.</p></div><div class="nk-hucre"><div class="nk-w"><div class="nw-renkler"><label><input type="radio" name="mk-renk" checked><span style="background:#28aae1"></span></label><label><input type="radio" name="mk-renk"><span style="background:#0b1f3b"></span></label><label><input type="radio" name="mk-renk"><span style="background:#7fcdef"></span></label><label><input type="radio" name="mk-renk"><span style="background:#f59e0b"></span></label><label><input type="radio" name="mk-renk"><span style="background:#64748b"></span></label></div></div><h3>Theme Colours</h3><p>Set the platform’s theme colours to match your corporate identity.</p></div><div class="nk-hucre"><div class="nk-w"><span class="nw-logo">LOGO</span><span class="nw-durum"><b>Organisation logo</b><em>In the menu and on the landing page</em></span></div><h3>Organisation Logo</h3><p>Add your logo to the menu and the landing page.</p></div><div class="nk-hucre"><div class="nk-w nw-sar"><span class="nw-buton">Preview</span><span class="nw-buton nw-dolu">Publish</span></div><h3>Preview and Publish</h3><p>Preview your changes and go live with one click when ready.</p></div><div class="nk-hucre"><div class="nk-w"><span class="nw-kod"><b></></b>HTML · Script module</span></div><h3>HTML and Script Modules</h3><p>In the advanced version, extend the landing page with HTML and script modules.</p></div><div class="nk-hucre"><div class="nk-w nw-sar"><span class="nw-cip nw-mavi">Domain name</span><span class="nw-cip">Email template</span><span class="nw-cip">Mobile app</span></div><h3>White-Label</h3><p>Let the domain name, email templates and mobile app carry your organisation’s identity.</p></div>
What Changes with Branding and the Landing Page?
The same platform, with your brand.
Your academy is live under your own brand.
No-code landing page, logo, theme and white-label.
.svg)
