How to Use

Using Units

• Use EM for Padding, Margin, Width, Height, Transforms, & Font Sizes
• Use PX only for things that won't break the design if they don't scale such as border widths & drop-shadow distances
• Use % (optional) for columns inside containers

Scaling

• On tablet and below, change the body font size to PX or higher VW number
• On desktop, the design will scale up seamlessly. It will stop scaling when it reaches the max width of 1440px.
• There is no need to add larger breakpoints

Body All Pages Tag Not Changing Font Size?

• The custom code embed on this page in the global symbol sets a px max width when the screen size reaches 1440px. You can either remove this code all together or change the pixel font size there. If removing the code, also remove the 1440px width set to the containers.

Heading

Heading

Heading

Heading

Heading
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

What’s a Rich Text element?

This is a subheading and where it goes in the document flow

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is an h2 heading inside rich text

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

JAYMIE GILL

I am a

DESIGNER

+

MUSICIAN

+

WRITER

+

ARTIST

+

RESEARCHER

+

STORYTELLER

+

TEA-DRINKER

+

FILMMAKER

+

MEDITATOR

+

POLYMATH

+

EMPATH

+

TRAVELLER

+

DESIGNER

+

MUSICIAN

+

WRITER

+

ARTIST

+

RESEARCHER

+

STORYTELLER

+

TEA-DRINKER

+

FILMMAKER

+

MEDITATOR

+

POLYMATH

+

EMPATH

+

TRAVELLER

+

YOUR

MULTI

DIMENSIONAL

CREATIVE*

*PRODUCT DESIGNER AND ADOBE DESIGN CIRCLE MEMBER, CURRENTLY SOLVING PROBLEMS & SERVING THE NEEDS OF FELLOW HUMANS AT SIDELABS, A SOCIAL IMPACT AGENCY
I’m a multidisciplinary designer and empath who cares deeply about humans. I consider myself to be a society-centered designer, whose ethos and process are rooted in people, passion, and purpose.

Through the vessel of design, I want to help facilitate a healthier, inclusive & more considerate world, one that reframes solving problems for ‘users’ as serving people, especially those who are "diverse" think differently & experience the world uniquely.

The tools I use to apply design thinking are UX processes and methodologies (e.g. JBTD & Just Enough Research); and applications (e.g. Figma, Adobe CC Suite, Miro, Slack + tons of other tech) alongside lots of pens, postits, caffeine & meditation sessions.

The primary value I offer is Product Design (UI Design & UX Research), but also have the skillset for Service Design, Front-End Web Development (Webflow), Motion Design, Art Direction & Branding, Marketing, and Video Editing. I also have skills from my past professional experiences in financial management and sales, and from my self-led pursuit of neuroscience, psychology, and philosophy.

In my spare time? I do a lot! I consume a lot of art, read a lot of books, I'm (literally) obsessed with music, meditate, do a bunch of yoga and write (probably too much), publishing on Medium when I get the time!

Select a project

Scroll for more

Select a project

Scroll for more

Select a project

Scroll for more

Select a project

Scroll for more

Select a project

Product & Service Design

BUDGIT BY BARCLAYS

Designing a new app and designing new banking services to make money management work for vulnerable customers with mental health struggles
UI/UX

Asylum Guides Academy Online Training Platform

Designing a Learning Management System to facilitate online training of mental health support workers at national refugee organisations
Art Direction

MAMBA

An Editorial Retrospective, tribute to Kobe Bryant
UI, Motion, Interaction

Apple Music

UI redesign concept project, redesigning an app to improve my visual design skills
COMING SOON
COMING SOON

LET'S

TALK?

ABOUT DESIGN, LIFE, CONSCIOUSNESS, MUSIC, BOOKS, PHILOSOPHY, SOCIETY, ART, THE WORLD, OR, Y’KNOW, JUST WORK, IF YOU’D PREFER! ☺

Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow • Thanks for coming! • Looking forward to connecting with you • I built this portfolio in Webflow