> 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/effects.md).

# Effects

## Elevation

Elevation is not a big part of the CoinGecko visual style. We like sticking to simple flat surfaces like Gecko’s in real life.&#x20;

{% hint style="info" %}
**We use elevation only for specific UI components** within Moon Design System.
{% endhint %}

For other brand related applications within CoinGecko we recommend the following:

* When possible, avoid using elevation such as drop-shadows or box shadows
* Instead, opt for a suitable replacement such as a simple outline or divider stroke when trying to distinguish elements of a design.
* Elevation may be used on a case-by-case basis if absolutely necessary. Please consult the design team if you intend to use elevation in company presentations or visuals.

{% hint style="danger" %}
On the web: CSS box shadows generally have poorer performance implications on page rendering times (i.e. browsers don’t like it)
{% endhint %}
