Recreation of the "Kindness is everything" sign.

ally-sign.css

.ally-sign {
  background: linear-gradient(90deg, black 25%, transparent 25%);	
  background-size: 1em 1em;
  background-color: #141414;
  color: #fff;
  padding: 1em;
} 

ally-sign.html

<div class="ally-sign">
  <svg viewBox="0 0 200 130">
    <text x="0" y="15" textLength="200" font-family="sans-serif" font-weight="lighter" font-size="18" fill="orange">BLACK LIVES MATTER</text>
    <text x="0" y="31" textLength="200" font-family="sans-serif" font-size="11" font-weight="400" fill="yellow">WOMEN'S RIGHTS ARE HUMAN RIGHTS</text>
    <text x="0" y="53" textLength="200" font-family="sans-serif" font-weight="lighter" font-size="19" font-weight="400" fill="lightskyblue">NO HUMAN IS ILLEGAL</text>
    <text x="0" y="78" textLength="200" font-family="sans-serif" font-size="23" font-weight="600" fill="yellow">SCIENCE IS REAL</text>
    <text x="0" y="110" textLength="200" font-family="sans-serif" font-size="32" font-weight="100" fill="deeppink" >LOVE&nbsp;&nbsp;IS&nbsp;&nbsp;LOVE</text>
    <text x="0" y="128" textLength="200" font-family="sans-serif" font-size="14" font-weight="600" fill="white">KINDNESS IS EVERYTHING</text>
  </svg>
</div>