Quiet Luxury Card – CSS Snippet

Go back

<div class="editorial-card">
  <div class="card-number">04</div>

  <div class="category">OBJECT / DESIGN</div>

  <div class="visual">
    <div class="shape shape-one"></div>
    <div class="shape shape-two"></div>
    <div class="shape shape-three"></div>
  </div>

  <div class="content">
    <h2>Quiet<br><i>Luxury</i></h2>

    <p>
      Minimal forms. Bold character.
      Designed to feel timeless.
    </p>
  </div>

  <div class="card-footer">
    <span>VIEW PROJECT</span>
    <span class="arrow">↗</span>
  </div>
</div>