Use utility classes

assets/sass/base/_typography.sass

@@ -1,3 +1,6 @@
 @each $value in 'left' 'center' 'right'
     .text-#{$value}
         text-align: #{$value}
+
+.text-light
+    color: #777

assets/sass/experience.sass

@@ -7,11 +7,9 @@
     +clearfix
 
 .experience-item-website
-    display: inline-block
     margin-bottom: 2px
 
 .experience-item-role
-    color: $gray-light
     margin-bottom: .625rem
 
 .experience-item-logo

assets/sass/testimonials.sass

@@ -6,9 +6,6 @@
     +clearfix
     margin-bottom: 10px
 
-    &__role
-        color: #777
-
     &__image
         height: 75px
         margin: 0 0 10px 10px

source/_includes/post/header.html.twig

@@ -1,4 +1,4 @@
-{% set title_tag = title_tag|default('h1') %}
+{% set title_tag = title_tag ?: 'h1' %}
 <{{ title_tag }}>{{ page.title }}</{{ title_tag }}>
 
-<p class="posted">{{ page.date|date('jS F Y') }}</p>
+<p class="posted text-light">{{ page.date|date('jS F Y') }}</p>

source/experience.html.twig

@@ -23,12 +23,12 @@ redirect:
                 <h2>{{ company.name }}</h2>
 
                 {% if company.url -%}
-                    <a class="experience-item-website" href="{{ company.url }}">
+                    <a class="experience-item-website display-inline-block" href="{{ company.url }}">
                         {{- company.url -}}
                     </a>
                 {%- endif %}
 
-                <div class="experience-item-role">
+                <div class="experience-item-role text-light">
                     {{- experience.role }}
                     from
                     {{ experience.start }}

source/testimonials.html.twig

@@ -74,12 +74,16 @@ use: [posts]
             <h2 class="testimonial__name">{{ testimonial.name }}</h2>
 
             {% if testimonial.image %}
-                <img class="testimonial__image pull-right img-circle" src="{{ site.url }}/assets/images/testimonials/{{ testimonial.image }}" alt="{{ testimonial.name }}"/>
+                <img
+                    class="testimonial__image pull-right img-circle"
+                    src="{{ site.url }}/assets/images/testimonials/{{ testimonial.image }}"
+                    alt="{{ testimonial.name }}"
+                />
             {% endif %}
 
             {% if testimonial.role %}
-                <div class="testimonial__role">
-                    {{ testimonial.role|markdown}}
+                <div class="testimonial__role text-light">
+                    {{ testimonial.role|markdown }}
                 </div>
             {% endif %}