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.

We use elevation only for specific UI components within Moon Design System.

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.

On the web: CSS box shadows generally have poorer performance implications on page rendering times (i.e. browsers don’t like it)

Last updated 11 months ago

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

We use elevation only for specific UI components within Moon Design System.

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.

On the web: CSS box shadows generally have poorer performance implications on page rendering times (i.e. browsers don’t like it)

Last updated 11 months ago