Skip to content
heyrav design system
PatternsShipped

Footer

One thing: the lockup, signing the page off and doubling as the way home.

Used onCase pagesHome (under the grid)
heyrav home
Show code
<footer class="foot"><a class="sig" href="#"><img class="d-invert" src="../assets/brand/lockup.svg" alt="heyrav home" width="99" height="32"></a></footer>

32px tall - deliberately under the type scale so the lockup reads as one mark - with a 44px hit area. It dims to 60% on hover; pure black artwork cannot recolour. On the home page it is centred and hidden under the closing grid, uncovered only by the overscroll stretch.