Website Builder

The website builder is where you control how every page on your job board looks. You can add and rearrange sections, configure your color scheme and typography, set up navigation and footer links, and optimize SEO settings, all from a visual editor with a live preview.

Unlike typical page builders that give you pixel-level control (and pixel-level ways to break things), Cavuno's builder uses pre-designed sections that are guaranteed to look professional on every device. You choose which sections to include and configure their content. The builder handles responsive layout, spacing, and visual consistency through your design system.

Open the editor

1. Go to Board settings in the sidebar
2. Click Website builder

The editor opens with a live preview of your homepage. If you're setting up a new board, you can also click Customize design in the onboarding checklist on your dashboard.

Use the page selector dropdown in the top bar to switch between page types. Pages are organized into groups: Home, Jobs, Companies, Blog, and Pages (your standalone content like about, terms, privacy, and cookie policy).

Editor layout

The editor has three main areas on desktop (1536px and wider): a left panel showing your page's section tree, a center live preview with device viewport controls, and a right panel for editing section properties, design settings, and SEO configuration.

On tablet-sized screens (768px–1535px), the layout collapses to two panels. The left panel toggles between sections and settings views. On mobile, the preview takes the full screen with a bottom sheet for sections and settings.

Page types

The builder covers 55 page types across 11 groups. Every visitor-facing page on your board is editable, including auth screens, employer dashboards, and the candidate account area.

Home: Your board's main landing page at /. The first thing visitors see, so it has the most section options: hero, jobs preview, companies preview, blog preview, logo strip, and various layout and content components.

Auth: Sign-in (/auth/sign-in), sign-up (/auth/sign-up), employer sign-up (/auth/employer/sign-up), forgot password, reset password, and the candidate join page. Edit headings, supporting copy, button labels, and field placeholders so the auth experience matches your brand voice.

Jobs: The job search page (/jobs), the locations index (/jobs/locations), individual job detail pages, the post-a-job form, the post-success confirmation, and the checkout-canceled fallback. Category pages (/jobs/[category]), location pages (/jobs/locations/[location]), and combination pages (/jobs/[category]/[location]) are programmatic. They use templates rather than the visual section editor, but you can still configure their SEO and shared chrome.

Companies: The companies directory (/companies) and individual company profile pages. These pages help employers showcase their brand and give candidates a way to browse by company.

Salaries: The salaries hub (/salaries) plus indices for companies, locations, skills, and titles, the four cross-faceted listings (e.g. /salaries/locations/[location]/skills, /salaries/skills/[skill]/locations), and the seven detail-page subtypes (skill, title, location, company, company × category, skill × location, title × location). Each subtype has its own SEO defaults and section adapters so you can edit summary sentences, FAQs, and ranking copy.

Talent: The talent directory (/talent) and individual candidate profile pages. Available on plans that include the talent directory.

Blog: The blog index, individual post pages, author profile pages, and tag pages. A well-maintained blog builds topical authority that helps your board rank in search engines and gives you content to share in newsletters and social media.

Alerts: The alert confirm screen (/alerts/confirm) and the alerts manage center (/alerts/manage). Both are reached from links in alert emails, so editable copy lets you keep tone consistent end-to-end.

Account: The candidate account page (/account), the employer account-connect / claim-company flow (/account/connect), and the saved jobs page (/saved-jobs).

Employer: The employer dashboard (/employer), individual employer-owned company pages (/employer/companies/[slug]), the per-company jobs view (/employer/companies/[slug]/jobs), and the shared employer job form (/jobs/new and /jobs/[id]/edit). Form labels, toasts, button copy, and supporting text are all editable.

Pages: Standalone content pages, including terms of service (/terms-of-service), privacy policy (/privacy-policy), cookie policy (/cookie-policy), about (/about), and the branded 404 (board-not-found). Each one is pre-seeded with a starter template so the page is live from day one. Open it from the page selector and edit the heading and rich-text body to customize the copy. Footer links to these pages appear automatically.

Work with sections

Add a section

1. Click the + button in the left panel
2. Browse available sections for the current page type
3. Click a section to add it

Some sections are singletons, meaning you can only have one instance per page (for example, one jobs filter, one hero, one search section).

Reorder sections

Drag sections up or down in the left panel to change their order on the page. The preview updates in real time as you reorder.

Remove a section

Select a section and press Delete or Backspace, or click the delete icon in the section toolbar. Some sections are required and cannot be removed, for example the hero on the homepage, the job post section on job detail pages, and the search section on listing pages.

Edit section properties

1. Click any section in the preview or left panel
2. Edit properties in the right panel (titles, subtitles, layout options, content settings)

Changes appear instantly in the preview.

Design system

Click the Design system panel in the right sidebar to configure your board's visual identity. This is where you set your logo, color scheme, and typography. Changes here apply globally across every page.

Logo: Upload a square image (minimum 200×200px, PNG or JPG). A transparent PNG works best since your logo needs to look good in both light and dark mode.

Color schemes: Choose from seven professionally designed presets (Obsidian, Slate, Sand, Coral, Indigo, Emerald, Charcoal) or create a fully custom palette. Each preset includes balanced values for both light and dark mode. The editor includes built-in WCAG contrast checking so you can verify your color combinations meet accessibility standards.

Typography: Pick separate fonts for headings and body text. The preview shows how your choices look with real content.

For a detailed walkthrough of every design option, see Design system.

Header and footer

The header settings let you customize your navigation bar with up to five custom links alongside the default navigation. Each link needs a label and URL (relative paths like /about or absolute URLs like https://yoursite.com).

The footer settings include a description paragraph, contact email, company website, and social media links (X/Twitter, Facebook, LinkedIn). This information appears at the bottom of every page on your board.

SEO settings

Each page type has its own SEO configuration in the right panel: a title tag (max 70 characters) and meta description (max 220 characters). Use template tokens to generate dynamic content. For example, {{count}} {{job_label}} in {{category}} on category pages automatically generates titles like "142 Jobs in Engineering."

Available tokens vary by page type:

• All pages: {{board_name}}
• Job/company listing pages: {{count}}, {{job_label}}, {{company_label}}
• Category pages: {{category}}
• Location pages: {{location}}
• Blog tag pages: {{tag_name}}, {{tag_description}}

For more on optimizing your page metadata, see Page SEO settings.

Set your board language

The board language controls how place names, keyword category suggestions, company market names, and blog tag names appear across your public board.

1. Go to Board settings in the sidebar
2. Click Website builder
3. Click Language in the right sidebar and choose your language

When you set a language, these all update automatically. The full location label — city, region, and country — rebuilds from the place hierarchy in the chosen language, and the keyword and location filter inputs on landing pages display in the board language too.

Preview and save

Use the device viewport icons in the toolbar to preview your pages on mobile, tablet, and desktop. Always check your layouts on mobile before saving. Most job seekers browse on their phones.

Changes are not saved automatically. To publish your work:

1. Click Save in the toolbar (or press Cmd+S / Ctrl+S)
2. Wait for the confirmation message

If you try to leave with unsaved changes, the editor shows a warning so you don't lose work.