The Four Elements of Your Website

A framework for understanding your website as a living part of your business

Many people think of their website as a finished deliverable.

Something you create, check off your list, and then move on from — like turning in a paper or hanging a picture on the wall.

But in my experience, websites behave much more like living systems. They respond to growth, shifts in direction, changes in capacity, and evolving relationships with your work and your clients. When something feels “off” with a website, it’s rarely because one thing is broken — it’s usually because one element is out of balance.

Websites can feel like a tangled ball of yarn — design, content, technology, platforms, updates, and decisions all knotted together. When everything feels connected to everything else, it’s easy to freeze, unsure of where to begin.

This framework exists to separate those threads into manageable pieces. Not to oversimplify websites, but to make them feel less intimidating and more workable, one element at a time.

This is why I teach websites through the lens of four elements. Each element plays a distinct role, and all of them need care in order for a website to truly support your work.

Those elements are:

$

Earth: YOU

$

Water: Visual design

$

Air: Content and messaging

$

Fire: Technology and systems

Let’s walk through each one.

Earth – You

(the foundation everything rests on)

Every website begins with you — your work, your values, and your readiness to share them.

This element includes:

your mission and vision

the people you’re meant to serve
your lived experience and evolution
the impact your work has on others

Your website can only be as clear as you are about these things.

When Earth is unstable, no amount of design tweaks or technical upgrades will fully resolve the discomfort.

Signs your Earth element may need attention:

your site no longer feels like you
your work has evolved, but your website hasn’t
you struggle to describe what you offer
you feel resistance or avoidance around your site

This isn’t a failure. It’s often a sign of growth.

Earth is about embodiment, not perfection.

Water — Visual Design

(how your website feels)

Water governs how people experience your website before they read a single word.

This element includes:

your logo

your color palette

your fonts

your photos

any symbols or sigils you use
layout, spacing, and visual rhythm
Water is about flow, orientation, and emotional response. It shapes whether someone feels calm, curious, and grounded — or overwhelmed and unsure where to look next.

Good visual design isn’t about trends or decoration. It’s about what design does to people as they move through your site.

Signs your Water element may be out of balance:

visitors feel overwhelmed or fatigued
the site feels visually busy or disjointed
the design no longer reflects the depth of your work
everything technically “works,” but something feels off

Water asks: How does this feel to move through?

Air — Content & Messaging

(how you communicate)

Air is the element of clarity and connection. It’s how your ideas travel.

This includes:

your messaging

your invitations (calls to action)

your bio and about page
blog posts and FAQs
testimonials and rave reviews
Air helps people understand who you are, what you do, who your work is for, and what to do next.

When Air is thin or scattered, people may resonate with you but feel unsure how to engage.

Signs Air may need attention:

people say they like your site but don’t understand your offerings
your invitations / calls to action feel vague or uncomfortable
you avoid writing or updating content
common client questions aren’t answered on your site

Air doesn’t need to be loud. It needs to be clear.

Fire —Technology & Systems

(what makes it all run)

Fire is the interconnected field that allows everything else to function — the network of signals and triggers that move information across your website and out into the wider internet, similar to neural firing in the brain.

This element includes:

your domain

your hosting

your email platform

your scheduler

your payment processor

plugins, updates, and integrations
Fire is often where fear and avoidance show up, because it feels technical and unfamiliar. But technology isn’t something separate from your work — it’s the energetic exchange that allows people to find you, connect with you, and interact with what you’ve created.

When Fire is tended well, everything else flows more easily.

Signs your Fire element may be out of balance:

your site is slow or unreliable
things break when updates happen
you feel uneasy working in the backend of your site
your systems don’t match how you actually work

Fire isn’t about complexity. It’s about movement, connection, and support.

How the Elements Work Together

A website struggles when one element is expected to carry the entire load.
$
Design can’t compensate for unclear direction
$
Content can’t overcome broken systems
$
Technology can’t replace embodiment

When the elements are in conversation with each other, your website becomes something else entirely: a dynamic extension of your work that can grow and adapt alongside you.

This framework isn’t about diagnosing what’s “wrong.”

It’s about recognizing where attention will be most supportive right now.

A Dynamic System, Not a Finished Project

When a website is treated like a finished deliverable, it’s easy to feel frustrated when it no longer fits — or to assume something has gone wrong.

In reality, websites are dynamic systems that reflect where you are in your work, how you’re communicating, and what kind of support your business needs right now. As those things change, your website will change, too.

The four elements offer a way to untangle complexity without overwhelm. They help you see which part of your website is asking for attention — and which parts are doing just fine.

You don’t need to address everything at once. You just need to know which thread to work with first.

From there, your website becomes less intimidating — and much more supportive.

A Grounded Next Step

Whether you already have a website that feels out of balance, or you’re just getting started and unsure where to focus first, understanding the elements at play can bring a lot of clarity.

A Website Elements Session is a 1:1 conversation where we look at your website (or your ideas for one) through the lens of the four elements — Earth, Water, Air, and Fire — and identify which element would be most supportive to tend right now.

This session is designed to help you:

$
understand why your website feels the way it does
$
see which elements are asking for attention — and which aren’t
$
decide what to focus on first, without overwhelm
$
gain clarity whether you’re refining an existing site or planning a new one

You don’t need to have everything figured out before we talk.
And you don’t need to address everything at once.

Sometimes the most supportive thing is simply knowing where to begin — or where to rebalance.

If that kind of clarity would be helpful, I invite you to book a 1:1 Website Elements Session below.

Let's Get Started

Hi, I’m Liz Lee —

I partner with soulpreneurs like you to bring your unique, magical presence alive online through intuitive WordPress web design, care, and consulting. I go beyond “the tech” to understand the blocks, fears, and resistance that arise when showing up authentically—and I help ease that overwhelm. Your magic deserves space to shine, and your website should evolve with both your business and your deeper purpose.