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

# Checkout Styling

> Customise your checkout with your brand's colours, logos, fonts, and more on the Razorpay Curlec Dashboard.

<div style={{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"0.35rem 0.9rem",border:"1px solid rgba(128,128,128,0.28)",borderRadius:"0.5rem",padding:"0.45rem 0.75rem",margin:"0 0 1.25rem",fontSize:"0.875rem"}}>
  <span style={{fontWeight:600}}>Available in</span>
  <span>🇮🇳 India</span>
  <span>🇲🇾 Malaysia</span>
</div>

Customise your Checkout to match your brand's identity by adjusting colours, logos, brand name and logo, fonts, border styles, and sidebar graphics.

<CardGroup cols={3}>
  <Card title="Festive Theme" href="/docs/payments/dashboard/account-settings/checkout-styling#festive-theme">
    Customise your checkout with festive themed animations and graphics according to the seasonal celebrations.
  </Card>

  <Card title="Background Colour" href="/docs/payments/dashboard/account-settings/checkout-styling#background-colour">
    Customise the checkout background colour according to your brand colour.
  </Card>

  <Card title="Brand Name and Logo" href="/docs/payments/dashboard/account-settings/checkout-styling#brand-name-and-logo">
    Decide how you want to display your brand name and logo on checkout.
  </Card>

  <Card title="Border Style" href="/docs/payments/dashboard/account-settings/checkout-styling#border-style">
    Choose the border style for various elements on your checkout.
  </Card>

  <Card title="Font" href="/docs/payments/dashboard/account-settings/checkout-styling#font">
    Select a font for your brand to apply to all text on the checkout.
  </Card>

  <Card title="Sidebar Graphic" href="/docs/payments/dashboard/account-settings/checkout-styling#sidebar-graphic">
    Enhance your checkout sidebar with a decorative graphic.
  </Card>
</CardGroup>

<Info>
  **Handy Tips**

  * All the below changes will reflect on **Checkout** page, **Invoices** and **Payment Button**.
  * You can switch between mobile and desktop views to preview changes.
</Info>

## Festive Theme

Customise your checkout with festive themed animations and graphics according to the seasonal celebrations.

<AccordionGroup>
  <Accordion title="To add festive theme:">
    1. Log in to the Dashboard.
    2. Navigate to **Account & Settings** → **Checkout Styling** under the **Checkout settings** section.
    3. Toggle on the **Festive Theme** field.
    4. Click **Save all changes**.
  </Accordion>
</AccordionGroup>

## Background Colour

You can customise the checkout background colour according to your brand colour.

<AccordionGroup>
  <Accordion title="To edit background colour:">
    1. Log in to the Dashboard.
    2. Navigate to **Account & Settings** → **Checkout Styling** under the **Checkout settings** section.
    3. In the **Background Color** field, click **Edit**.
    4. You can choose to enter the RGB, HSL or HEX code of your brand colour.
    5. Click **Save all changes**.
  </Accordion>
</AccordionGroup>

## Brand Name and Logo

Decide how you want to display your brand name and logo on checkout. You can update the brand name displayed to your customers in the following places:

* On transaction and refund emails sent to customers.
* On the links sent to customers for Payment Links, Payment Pages, Invoices and Subscriptions.

<Info>
  **Handy Tips**

  * You can update the brand name only to one that is at least 80% similar to the company name or domain name.
  * This feature is available for both registered and individual businesses.
  * Only users with 'Owner' or 'Admin' roles can update the brand name.
  * Bank-related SMS or credit card statements sent to customers will not have the brand name since these are managed by the banks and not Razorpay Curlec. Such communication will display the billing name provided by you during account creation and activation process.
</Info>

<AccordionGroup>
  <Accordion title="To edit brand name and logo:">
    1. Log in to the Dashboard.

    2. Navigate to **Account & Settings** → **Checkout Styling** under the **Checkout settings** section.

    3. In the **Brand name and logo** field, click **Edit**.

    4. Choose a title style based on your requirement.

           <Tabs>
             <Tab title="Logo & Text">
               Best for square logos, displaying both your logo and brand name.

               1. Click **Continue to upload**.
               2. Enter your brand name or business name.
               3. Drag the file or click **Upload** to add your logo.
               4. Click **Save and continue**.
             </Tab>

             <Tab title="Wordmark">
               Ideal for long, word-based logos, focusing on your brand's name as the main identifier.

               1. Click **Continue to upload**.
               2. Drag the file or click **Upload** to add your logo.
               3. Click **Save and continue**.
             </Tab>

             <Tab title="Text only">
               Displays only your brand name in text format, without a logo.

               1. Click **Continue to upload**.
               2. Enter your brand name or business name.
               3. Click **Save and continue**.
             </Tab>
           </Tabs>

    5. Click **Save all changes**.
  </Accordion>
</AccordionGroup>

## Border Style

Choose the border style for various elements on your checkout, such as the checkout, logo, account and payment options.

<AccordionGroup>
  <Accordion title="To edit border style:">
    1. Log in to the Dashboard.
    2. Navigate to **Account & Settings** → **Checkout Styling** under the **Checkout settings** section.
    3. In the **Border style** field, you can select **rounded** or **sharp** border style based on your requirement.
    4. Click **Save all changes**.
  </Accordion>
</AccordionGroup>

## Font

Select a font for your brand based on your requirement.

<AccordionGroup>
  <Accordion title="To edit font:">
    1. Log in to the Dashboard.
    2. Navigate to **Account & Settings** → **Checkout Styling** under the **Checkout settings** section.
    3. In the **Font** field, select a font for your brand from the drop-down list to apply it to all text on the checkout.
    4. Click **Save all changes**.
  </Accordion>
</AccordionGroup>

## Sidebar Graphic

Enhance your checkout sidebar with a decorative graphic. This setting is available only in desktop view.

<AccordionGroup>
  <Accordion title="To add sidebar graphic:">
    1. Log in to the Dashboard.
    2. Navigate to **Account & Settings** → **Checkout Styling** under the **Checkout settings** section.
    3. Toggle on the **Sidebar graphic** field and select a design pattern that fits your needs.
    4. Click **Save all changes**.
  </Accordion>
</AccordionGroup>

### Related Information

* [Checkout Features](/docs/payments/dashboard/account-settings/checkout-features)
* [Frequently Asked Questions (FAQs)](/docs/payments/dashboard/faqs)
