A Pen by Joe Watkins.

index.html

<h1>WINNING <span>MARK</span></h1>

Logo---no-images.markdown

Logo - no images

A Pen by Joe Watkins on CodePen.

License.

style.scss

@import "compass";
$brandPrimary: #DA5A39;
$brandSecondary: #386066;
$brandTertiary: #E7E8E9;
$logoSize: 4em;

h1 {
  font-family: 'league_gothicregular', Arial;
  letter-spacing:-1px;
  padding-left:1.1em;
  font-size:$logoSize;
  color:$brandPrimary;
  span {
    color:$brandSecondary;
    margin-left:-.13em;
  }
  &:before,&:after,span:before {
    content: '\25CF';
    font-family:Fontawesome;
    position:absolute;
    font-size:$logoSize - 2;
    line-height:1em;
  }
  &:before { // light
    left:.18em;
    top:.44em;
    font-size:$logoSize - 2.7;
    color:$brandTertiary;
    z-index:10;
  }
  &:after { // orange
    left:.57em;
    top:1.32em;
    font-size:$logoSize - 3.3;
    color:$brandPrimary;
    z-index:15;
  }
  span:before { // green
    left:2px;
    top:.09em;
    color:darken($brandSecondary,10%);
    z-index:5;
  }
}

h2 {
  font-family: 'Gloria Hallelujah', cursive;
}