# Borders

Border styling helps define your brand’s visual tone. Choose between rounded edges for a friendly, approachable look or sharp corners for a modern, bold aesthetic.

### FAQs

<details>

<summary>Where can I adjust my border settings?</summary>

1. **Navigate to Theme settings > Borders** – Open your theme by clicking **Customize**.
2. Click the **gear icon** (⚙️) in the top-left corner to open **Theme Settings**.
3. Scroll down and select **Borders**.
4. Modify your border settings (style, width, color, etc.) as needed.
5. Click **Save** to apply your changes.

<figure><img src="https://3532170026-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8sXwSf3sLGWt80kGN8d9%2Fuploads%2FtBoUnreGSTTZ6sspgLx8%2Fimage.png?alt=media&#x26;token=0a715e36-366c-476f-9ab9-c5cfe40355ae" alt=""><figcaption></figcaption></figure>

</details>

### Border settings

| Setting        | Description                                                                                                                         |
| -------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
| Button radius  | Controls the corner rounding for buttons. Lower values create sharper corners while higher values make buttons more rounded.        |
| Input radius   | Sets the corner rounding for form fields. A value of 5px is recommended for a friendly but clean look.                              |
| Element radius | Controls corner rounding for content sections. Set to 0px for sharp edges that create a more modern layout.                         |
| Button width   | Determines the thickness of button borders. Standard is 1px, but can be increased for emphasis or set to 0px for a borderless look. |
| Input width    | Sets the thickness of borders around form fields. A value of 1px is recommended for clean form fields.                              |
| Element width  | Controls the thickness of borders around content sections. Standard is 1px for subtle framing.                                      |

### Helpful tips

* Use consistent radius values (e.g., all 5px) for a harmonious look
* Combine sharp elements (0px) with some rounded components for visual interest
* Thicker borders (2px+) work well for high-contrast designs
* Borderless (0px width) creates a minimalist aesthetic