arrow-left

arrow-right

chevron-left

chevron-right

chevron-down

chevron-up

base-horizontal

base-horizontal-invert


<div className="o-row">
    <div className="o-col-10@md">
        <div>
        <h4>Logo Misuse</h4>
        <p>Keep the appearance of the logo conistent. Do not modify it or alter the orientation.</p>
        </div>
    </div>
</div>
<div className="o-row">
    <div className="o-col-12@md">
        <div className="o-stack-2@md o-stack-2@lg u-mb-n-4">
        <div className="u-mb-4 u-mb-0@md">
            <img src="/logo-example.svg" name="motiv-logo-example" className="c-logo-preview u-mb-2" />
            <small>
            <strong>Do not</strong> change the logo color.
            </small>
        </div>
        <div>
            <img src="/logo-example.svg" name="motiv-logo-example" className="c-logo-preview u-mb-2" />
            <small>
            <strong>Do not</strong> rotate the logo.
            </small>
        </div>
    </div>
</div>
<hr />


Getting Started

Foundations

Assets

Logos

Logo Variations

Logo Misuse