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.

Full Stacked
Thinking...

further new opportunities.

I dig into your brand, audience and experience to uncover what matters and where there’s new opportunity.

Creating

ideas into experiences.

I turn insights into ideas, using design, technology and prototyping to bring your brand story to life.

making great better.

I combine qualitative and quantitative feedback to see what’s working, what isn’t and where the experience can go further.

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.

Love where you live. 

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.

Avif backgound
Animation for screen

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

Used before investment and to confirm that it is viable & valuable...

Undestanding contexual that it is viable, valuable, and meets...

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