> ## Documentation Index
> Fetch the complete documentation index at: https://docs.orbitforms.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Styling & Branding

> Customize your forms to match your brand identity with colors, logos, and fonts.

Customize your forms to match your brand identity with colors, logos, and fonts.

## Accessing Style Settings

To customize your form's appearance, open the form editor and click on the **Settings** tab in the right panel. You'll find all styling options under the **Appearance** section.

```
Form Editor → Settings → Appearance
```

## Primary Color

The primary color is used throughout your form for buttons, links, focus states, and accents. Choose a color that matches your brand.

You can enter any hex color code or use the color picker to select your brand color.

## Logo

Upload your company logo to display at the top of your form. This helps build trust and reinforces your brand identity.

### Logo Requirements

* **Format:** PNG, JPG, SVG, or WebP
* **Size:** Maximum 2MB file size
* **Dimensions:** Recommended max width of 200px
* **Tip:** Use a transparent PNG for best results

## Background

Customize your form's background to create the right atmosphere. Choose from presets or use your own colors.

### Background Options

* **Solid Color** — Simple single-color background
* **Gradient** — Smooth color transition for a modern look
* **Pattern** — Subtle patterns like dots or grid

## Typography

Choose from a selection of Google Fonts to match your brand's typography. The selected font will be applied to all text in your form.

### Popular Font Choices

| Font    | Style                     |
| ------- | ------------------------- |
| Inter   | Clean and modern          |
| DM Sans | Friendly and approachable |
| Poppins | Bold and geometric        |
| Roboto  | Professional and neutral  |

## Submit Button

Customize the submit button text to match your form's purpose. Common options include:

* Submit
* Send
* Get Started
* Subscribe

## Thank You Page

Customize what users see after submitting your form:

* **Title** — Main heading shown after submission (e.g., "Thank you!")
* **Message** — Additional text with next steps or confirmation
* **Redirect URL** — Optionally redirect users to another page

***

## Next Steps

<CardGroup cols={2}>
  <Card title="Sharing" icon="share-nodes" href="/guides/sharing">
    Share your styled form
  </Card>

  <Card title="Embedding" icon="code" href="/guides/embedding">
    Add forms to your website
  </Card>
</CardGroup>