Loader

Link to Figma View all renders

Loader

<div class="loader">
    <div class="loader__spinner"></div>
</div>

Loader With Text

<div class="loader loader__text">
    <div class="loader__spinner"></div>
    <p class="heading heading--bold related-spacing">Working on it</p>
    <p class="heading">We won’t be a moment</p>
</div>

Medium Loader

<div class="loader">
    <div class="loader__spinner loader__spinner--medium"></div>
</div>

Small Loader

<div class="loader">
    <div class="loader__spinner loader__spinner--small"></div>
</div>

Gradient Loader

<div class="loader">
    <div class="loader__spinner loader__spinner--medium loader__spinner--gradient"></div>
</div>

Full Screen Loader

<div class="loader__wrapper loader__wrapper--fullscreen">
    <div class="loader">
        <div class="loader__spinner loader__spinner--large"></div>
    </div>
</div>