Client Notes
Features
- https://www.spinxdigital.com/blog/best-website-design/#Coolclub Cursor (I'll have black/white/red)
- https://www.wealthsimple.com/en-ca Animation
- https://fensea.webflow.io#shop. Changing image
- https://impact.economist.com/ Article pods & home page graphics
Accounting Sites
- https://www.cooperparry.com Different colours pop (and text example)
- https://www.pricebailey.co.uk Not too corporate
- https://hillierhopkins.co.uk Black and white images with color CTA
- https://www.carpenterbox.com. Client portal
- https://www.raffingers.co.uk Graphics – changing colours as scroll down
- https://www.rousepartners.co.uk. Arrange a callback feature / client stories / client zone
Animation/interaction Examples
- https://www.matthaeus-wende.de. Vertical Text Rotation (Hero text)
- https://codepen.io/hi-im-si/pen/ALgzqo CodePen Typewriter effect (modify below)
- https://www.enviroplanet.co.uk. General fade-ins, fade-ups, delays; Accordion FAQ; static image backgrounds
- https://www.humantoolbox.co.uk. Animated critters in the footer
XD Link
For CodePen
<h1>
<a href="" class="typewrite" data-period="2000" data-type='[ "Quality", "Friendly", "Experienced", "Positive" ]'>
<span class="wrap"></span>
</a><br />Accounting.
</h1>
h1 { max-width: 20em;
margin: 0 auto;
font-size: 3rem;
}