> For the complete documentation index, see [llms.txt](https://brand.coingecko.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://brand.coingecko.com/visual-identity/style/corner-radii.md).

# Corner Radii

> Corder / border radii help us express our warm, friendly and approachable brand persona.

Determining the appropriate corner radii value is an important step when expressing our brand. Note the following:

* Too small a value can make an object seem harsh to the eye. 

* Sharp or square edges are generally NOT a part of the CoinGecko brand.
* Excessively rounded objects on the other hand, don’t feel cohesive with the larger layout and composition.

To ensure that any component or visual object is expressed in a consistent manner, we recommend using the following values for rounded/round objects depending on their relative size on the canvas.

## Rounded Applications

For rounded applications, take note of the scale & size of the object. Use the guide below to help determine the appropriate values for the container/object you are creating.

<figure><img src="/files/nZT7JslhBT74aQsghcnN" alt=""><figcaption><p>Rounded radii</p></figcaption></figure>

{% hint style="info" %}
You may use border radii up to `24px` in rounded applications.
{% endhint %}

{% hint style="warning" %}
Avoid border radii > `24px` for rounded applications
{% endhint %}

***

## Round Application

We use full-round border / corner radii in some UI applications instances. E.g. Pill components.&#x20;

<figure><img src="/files/rVywVkPYX4a4ift1KL7p" alt=""><figcaption><p>Round radii</p></figcaption></figure>