Pattern Library
Creative page components, blocks & elements
All elements on this page have been optimised for google lighthouse.
Performance 97% / Accessibility 97%
Best Practic & SEO isn't calculated on staging.
Return of the trifoil and adidas to explain something really important.
A little friendly tag line.
Avif file format images and video
Overall 70% reduction in file size vs optimised jpg
All smiles with ao.com. Another brand refinement to make your granny proud.
A little friendly tag line.
Content renders across all breakpoints
Desktop (large & small) Tablet (portrait & landscape) Mobile (large & small)
Tailored journeys
Journeys can be tailored for device type, creating a more tailored and engaging experience for devices & limitations.
Exhibition Design
Service Design / Wayfinding / Spacial
Content
& Structure
Validation
Used before any project to confirm its viability & value.
Understanding the project scope and spotting potential challenges early makes everything smoother and more cost-effective.
Insights
Deep learnings from research, data analysis, and testing.
I use the latest research software to achieve results, I also use unconventional methods that get great results.
Heuristic
Learned behaviors, experiences, and mental shortcuts.
I use my experience to create intuitive, human-friendly websites but I also recognise my bias, so I promote user labs.
Adding feeling
Motion design is crafted into each element, enhancing the overall brand experience.
Original Source
Website Design, Build & Marketing
Interaction & motion
Motion design is carefully crafted into each element, enhancing the overall experience.
Mobile Design.
Digital / UX / Brand
Avif backgound
Animation for screen
Apps
Used before any project to confirm its viability & value.
Understanding the project scope and spotting potential challenges early makes everything smoother and more cost-effective.
Content & Type
Htags and Paragraph style is controlled in the CMS.
UI Design
Main Principles
Validate
Used before investment and to confirm that it is viable & valuable...
Bias
Undestanding contexual that it is viable, valuable, and meets...
Sprint
Test and confirm that it is viable, valuable, and meets...
Design title
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by double clicking on it. After you are done just click on the yellow checkmark button on the top right to save.
Ads strips and snippets
Exhibition Art Direction & Design
HWorking with the Scenario to refine a look and feel that builds on the new 2025 rebrand of docusign.
Defy Ordinary
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by double clicking on it.
Make your nan proud
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by double clicking on it.
Love where you live.
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by double clicking on it.
A design agency with a new clean direction.
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by double clicking on it.
An agency with a new clean direction.
We are a new digital branding agency, shaping culture, not just following it.
Brand Strategy & Identity
Logo & Visual Design
Social Media Branding
Website & UX Design
Content Creation & Storytelling
About
Experience
Values
Interests
Creative
Messaging
Advertising
Marketing
Digital
UX Research
UI / Systems
Optimisation
Brand
Positioning
Brand Identity
Persona
Copyright © - Tom Pepper-Kernot 2025
