A CodePen by Jorge Epuñan. Logo Almagro - Hecho completo con CSS3 y la ayuda de LESS. Es proporcional al @ancho si lo modificas todos los otros valores como tamaño de fuente y radio del borde se ajustan. * fácilmente traducible a SASS o Stylus

index.html

<h1 class="logo-almagro">Almagro<sub>&reg;</sub></h1>

script.js

/**
Hecho completo con CSS3 y la ayuda de LESS. 
Es proporcional al @ancho si lo modificas todos los otros valores como tamaño de fuente y radio del borde se ajustan. 
* fácilmente traducible a SASS o Stylus
**/

style.less

@ancho: 100px;

.logo-almagro {
  background-color: #d3212b;
  color: white;
  width: @ancho;
  height: @ancho/3;
  padding-top: @ancho*.7;
  border-radius: @ancho/10;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: @ancho/4.7;
  text-align: center;
  text-transform: lowercase;
  line-height: 100%;
  
  sub {
    font-size: 20%;
  }
}