Digital noise

Visual rather than aural noise.


Our digital noise asset

How we design it

  • Noise is always black and white
  • When used in strips keep it thin so that it doesn’t distract from the content
  • Don’t be afraid of making it big if you need it

How it looks

1. Noise to one side

View demo Open in new window
320 x 568
View code
<div class="gg-u-digital-noise-side gg-t-light-blue">
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
</div>

2. Noise at bottom

View demo Open in new window
320 x 568
View code
<div class="gg-u-digital-noise-bottom gg-t-light-blue">
  <br>
  <br>
  <br>
  <br>
  <br>
</div>

4.1 Chunky digital noise

View demo Open in new window
320 x 568
View code
<div class="gg-u-digital-noise-chunky gg-t-light-blue">
  <br>
  <br>
  <br>
  <br>
  <br>
</div>

4.2 Chunky digital noise without padding

View demo Open in new window
320 x 568
View code
<div class="gg-u-digital-noise-chunky gg-u-digital-noise-chunky--no-padding gg-t-light-blue">
  <br>
  <br>
  <br>
  <br>
  <br>
</div>

5. Mixins

The following mixins can also be used to generate Noise


.class {
  @include digital-noise(side);
}

.class {
  @include digital-noise(bottom);
}

.class {
  @include digital-noise(chunky);
}