# Employer Branding

in SmoothHiring: Build a Brand Candidates TrustYour **Employer Branding** settings control the visual identity of your careers page and candidate-facing content. Customize your company theme, typography, SEO settings, and social media links to create a cohesive, professional brand experience that attracts top talent.

---

## Accessing Branding Settings

![Branding](/files/flow-branding6cff50.png)
1. Click **Settings** in the left sidebar.
2. Navigate to **Account Settings**.
3. Click the **Branding** tab.

The Branding page includes the following sections:

- **Company Theme** — Primary and secondary brand colors
- **Page Typography** — Font family, heading size, and weight
- **Search Engine Optimization** — SEO title and description
- **Social Links** — Social media profile URLs

---

## Company Theme (Colors)

Brand colors define the visual tone of your careers page. SmoothHiring uses a two-color system:

### Setting Your Primary Color

The primary color is used for buttons, links, headings, and key interactive elements on your careers page.

1. Go to **Settings → Account → Branding**.
2. Under **Company Theme**, find the **Primary** color picker.
3. Click to open the color picker and select your brand's primary color.
4. You can also type a hex code directly (e.g., `#2563EB`).
5. Choose from pre-set shade variations for convenience.
6. Click **Save Changes**.

### Setting Your Secondary Color

The secondary color is used for accent elements, backgrounds, and supporting design elements.

1. Under **Company Theme**, find the **Secondary** color picker.
2. Select your desired accent color.
3. Click **Save Changes**.

> **Tip:** Use your official brand colors to maintain consistency between your careers page and your company website. Most brand guidelines specify hex codes — enter them directly for precision.

---

## Page Typography

Typography controls the fonts and text styling used across your careers page. A consistent typographic style reinforces your brand identity.

### Font Family

SmoothHiring offers a wide selection of fonts, including:

**System Fonts (Web Safe):** Arial, Verdana, Times New Roman, Georgia, Helvetica, Segoe UI, and more.

**Google Fonts:** Roboto, Montserrat, Open Sans, Lato, Poppins, Raleway, Inter, DM Sans, Space Grotesk, Playfair Display, and 80+ additional options.

To set your font:

1. Go to **Settings → Account → Branding**.
2. Under **Page Typography**, open the **Font Family** dropdown.
3. Search for or select your preferred font.
4. Click **Save Changes**.

### Heading Size

Control the default heading size used across your careers page.

1. Under **Page Typography**, open the **Heading Size** dropdown.
2. Select from **H1** (largest) through **H6** (smallest).
3. Click **Save Changes**.

### Heading Font Weight

Adjust the visual weight (boldness) of your headings.

1. Under **Page Typography**, open the **Heading Font Weight** dropdown.
2. Select a weight from **100** (thin) to **900** (extra bold).
3. Click **Save Changes**.

| Weight | Appearance |
|---|---|
| 100–200 | Thin / Extra Light |
| 300 | Light |
| 400 | Regular (normal) |
| 500 | Medium |
| 600 | Semi Bold |
| 700 | Bold |
| 800–900 | Extra Bold / Black |

> **Tip:** Most companies use 600 or 700 for headings to make them stand out. Pair a bold heading with a regular (400) body font for readability.

---

## Search Engine Optimization (SEO)

SEO settings improve your careers page's visibility in search engine results (Google, Bing, etc.). When candidates search for jobs at your company, well-configured SEO settings help your page appear higher in results.

### SEO Title

The SEO title appears as the clickable headline in search engine results and browser tabs.

1. Go to **Settings → Account → Branding**.
2. Under **Search Engine Optimization**, enter your **SEO Title**.
3. Click **Save Changes**.

**Best practices for SEO titles:**
- Keep it under 60 characters
- Include your company name and "Careers" or "Jobs"
- Example: `Acme Corp Careers — Join Our Team`

### SEO Description

The SEO description appears as the text snippet below the title in search results.

1. Enter your **SEO Description** (up to 160 characters recommended).
2. Click **Save Changes**.

**Best practices for SEO descriptions:**
- Summarize what makes your company a great place to work
- Include keywords like "careers," "jobs," "hiring," and your industry
- Example: `Explore open positions at Acme Corp. We're hiring engineers, designers, and marketers across North America. Competitive pay, great benefits, and flexible work.`

---

## Social Media Links

Add links to your company's social media profiles. These appear on your careers page, allowing candidates to learn more about your company culture.

Supported platforms:

| Platform | Field |
|---|---|
| **Facebook** | Your company Facebook page URL |
| **Twitter** | Your company X (Twitter) profile URL |
| **LinkedIn** | Your company LinkedIn page URL |
| **Instagram** | Your company Instagram profile URL |

To add social links:

1. Go to **Settings → Account → Branding**.
2. Under **Social Links**, enter the full URL for each platform.
3. Click **Save Changes**.

> **Tip:** Candidates frequently check company social media before applying. Active, engaging social profiles can significantly boost application rates.

---

## How Branding Applies Across Layouts

Your branding settings apply consistently across all three careers page layout styles:

| Setting | Classic Layout | Modern Layout | Custom Layout |
|---|---|---|---|
| **Colors** | Buttons, links, accents | Buttons, filters, accents | All blocks use brand colors |
| **Typography** | Headings, body text | Headings, body text | All text blocks use brand fonts |
| **Logo** | Header | Header | Header and custom blocks |
| **Banner** | Top of page | Top of page | Hero blocks can use banner |
| **Social Links** | Footer | Footer | Social Links block |

> **Tip:** When using the Custom Layout, set your branding first under **Settings → Account → Branding** and your images under **Settings → Account → Careers Page**, then build your layout in the Page Builder. The builder inherits your brand settings automatically.

---

## Previewing Your Changes

After saving your branding changes, preview your careers page:

1. Go to **Settings → Account → Careers Page → Banners and Images**.
2. Click the **external link icon** next to your careers page URL to open it in a new tab.
3. Verify that colors, fonts, and social links appear as expected.

> **Tip:** Open your careers page in an incognito/private browser window to see exactly what candidates will see.

---

## Related Pages

- [Careers Page](/help/careers-branding/careers) — Layout options and page builder
- [Candidate-Friendly Applications](/help/careers-branding/candidate-applications) — Application form design
- [Company Information](/help/careers-branding/careers) — Edit company name, website, and location