Websites York - Template7

Template Menu

Blended text with backgrounds

Background Blending

MIX BLEND MODEMIX BLEND MODE

Design Notes

This is a test of the Masked Text stack from 1LD

I'm not sure why this 2 column set up is so wide as its in the same container with gutters as this block of text. Nevertheless it could be useful for a full width banner.

Adding mx:4 to the column it sits in has brought it (almost) to the same width as the gray box that this text sits in. Strange!

Page Speed Insights score is better than I had expected:
Design Notes

Here is a way to create some gradient coloured text:

It uses some CSS to create the gradient in the text:

The logo created using Logoist 5 for the pulses