<!DOCTYPE html>
<html>
  <head>
    <title>LORRIE WHITTINGTON</title>
    <meta name="description" content="British Illustrator | Designer | Maker" />
    <meta property="og:title" content="LORRIE WHITTINGTON" />
    <meta property="og:description" content="UK Illustrator" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta property="og:image" content="https://carbon-media.accelerator.net/0000000mI7Z/4RBzlomLWvQbp0BPA9GBa9;1111x630.png?auto=webp" />
    <link rel="icon" type="image/png" href="https://carbon-media.accelerator.net/0000000mI7Z/dwUgoFzlX84fVlkZtKw19O;32x32.png" sizes="32x32" />
    <style id="root-styles">
:root {
  --color: #000;
  --accent-color: #9e1305;
  --link-color: #991102;
  --surface-color: rgba(0, 0, 0, 0);
  --background-color: #fff;
  --grid-width: 1100px;
  --default-color: #000;
  --default-accent-color: #9e1305;
  --default-link-color: #991102;
  --font-family: Playfair Display;
  --secondary-font-family: Raleway;
}
    </style>
    <style id="global-styles">

.g-1-106-2 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.5em;
}

.g-1-125-1 {
  --font-size: 3em;
  font-size: 3em;
}

.g-1-125-2 {
  --font-size: 2.4em;
  font-size: 2.4em;
  line-height: 1.01;
}

.g-1-125-3 {
}

.g-1-142-2 {
  --font-size: 10vw;
  font-size: 10vw;
}

.g-1-142-3 {
  --font-size: 3.5em;
  font-size: 3.5em;
  letter-spacing: 0.18em;
  font-family: Playfair Display;
  --secondary-font-family: Playfair Display;
  line-height: 1.6;
}

.g-1-128-2 {
  --font-size: 2em;
  font-size: 2em;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

.g-1-128-4 {
  --font-size: 2.5em;
  font-size: 2.5em;
  line-height: 1.5em;
}

.g-1-133-2 {
  --font-size: 6.4em;
  font-size: 6.4em;
  line-height: 1.57;
}

.g-1-133-3 {
  --font-size: 2.5em;
  font-size: 2.5em;
  line-height: 1.5em;
}

.g-1-149-1 {
}

.g-1-149-2 {
}

.g-1-134-2 {
  --font-size: 4em;
  font-size: 4em;
  letter-spacing: 0.3em;
  line-height: 2em;
}

.g-1-134-3 {
  --font-size: 2.4em;
  font-size: 2.4em;
  line-height: 1.5em;
}

.g-1-127-3 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.5em;
}

.g-1-127-4 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.5em;
}

.g-1-130-5 {
  font-family: Prata;
  --secondary-font-family: Prata;
}

.g-1-130-6 {
  --font-size: 2.5em;
  font-size: 2.5em;
  line-height: 1.5em;
}

.g-1-130-7 {
  --font-size: 1.6em;
  font-size: 1.6em;
}

.g-1-136-1 {
  --font-size: 3em;
  font-size: 3em;
  letter-spacing: 0.1em;
  line-height: 3.4em;
}

.g-1-136-2 {
  --font-size: 5em;
  font-size: 5em;
  line-height: 1.55;
}

.g-1-136-3 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.52;
}

.g-1-136-4 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.54;
}

.g-1-136-5 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.65;
}

.g-1-107-2 {
  --font-size: 18.5em;
  font-size: 18.5em;
}

.g-1-107-3 {
  --font-size: 3.3em;
  font-size: 3.3em;
}

.g-1-129-2 {
}

.g-1-129-3 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.5em;
}

.g-1-129-5 {
}

.g-1-129-6 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.5em;
}

.g-1-129-8 {
}

.g-1-129-9 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.5em;
}

.g-1-129-11 {
}

.g-1-129-12 {
  --font-size: 2em;
  font-size: 2em;
  line-height: 1.5em;
}

.g-1-132-3 {
  --font-size: 4em;
  font-size: 4em;
  line-height: 1.46;
}

.g-1-132-4 {
  --font-size: 2.3em;
  font-size: 2.3em;
  line-height: 1.5em;
}

.g-1-132-7 {
  --font-size: 4em;
  font-size: 4em;
  line-height: 1.46;
}

.g-1-132-8 {
  --font-size: 2.5em;
  font-size: 2.5em;
  line-height: 1.5em;
}

.g-1-135-1 {
  --font-size: 3em;
  font-size: 3em;
  letter-spacing: 0.1em;
  line-height: 3.4em;
}

.g-1-143-1 {
  --font-size: 2.6em;
  font-size: 2.6em;
  letter-spacing: -0.01em;
  line-height: 1.53;
}
</style>
    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.18/styles/all.css" />
    <link rel="stylesheet" href="https://static.cmcdn.net/23/1.1.18/styles/vendor/swiper.css" />
    <link rel="stylesheet" href="/styles/fonts.css"/>

    

    <meta name="viewport" content="width=device-width, initial-scale=1"/>
  </head>

  <body class="site desktop  " data-min-contrast="0.05">
    <div class="page loading" style="background:#fff;--background-color:#fff;">
  


<span id="navigation_5412847_4809804" class="navigation surface standard  " on-insert="nav:setup">
  

  

  
  <header class="standard  stacked">    
    <a href="/">
      <h1 class="logo_45611989" style="font-size:3.7800000000000002em;font-family:Poppins;letter-spacing:-0.02em;line-height:1em;" data-box="100x100">LORRIE WHITTINGTON</h1>
<style>
h1.logo_45611989 {
  --scale: 0.72;
  width: calc(100px * var(--scale));
  height: calc(100px * var(--scale));
  background: center / contain no-repeat url('https://carbon-media.accelerator.net/0000000mI7Z/fzipdIQAWcucbA0XO7BPOJ;72x72.png?auto=webp');
  text-indent: -500vw;
  white-space: nowrap;
  overflow: hidden;
  background-image: image-set(url('https://carbon-media.accelerator.net/0000000mI7Z/fzipdIQAWcucbA0XO7BPOJ;72x72.png?auto=webp') 1x, url('https://carbon-media.accelerator.net/0000000mI7Z/fzipdIQAWcucbA0XO7BPOJ;144x144.png?auto=webp') 2x);;
}</style>
    </a>

    <style>
#navigation_5412847_4809804 {
  --link-color: #564b4b;
  --default-link-color: #564b4b;
  text-align: center;
}

#navigation_5412847_4809804 > header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  max-width: var(--grid-width);
  margin: auto;
  position: relative;
  z-index: 10;
  flex-flow: row wrap;
}

#navigation_5412847_4809804 .overlay {
  --surface-color: #ffffff;
  background: var(--overlay-background-color, #ffffff);
}

#navigation_5412847_4809804 nav a:not(:last-child):after {
  margin-left: 10px;
  margin-right: 10px;
  content: '/';
}
</style>
<nav style="display:flex;width:100%;justify-content:center;align-items:center;flex-flow:row wrap;font-size:1.9em;">
  <a class="link_000000005200ef970000000000000001" href="/"><span>PORTFOLIO</span></a>
  <a class="link_000000005200ef970000000000000006" href="/about"><span>ABOUT</span></a>
  <a class="link_000000005200ef9700000000000001eb" href="https://twistedwhimsy.co.uk/" target="_blank"><span>BLOG</span></a>
</nav>


    
  </header>
  

  

  
  <div class="hamburger navIcon" on-click="nav:toggle">
  <svg class="icon" viewBox="0 0 28 28">
    <g stroke-width="2" stroke-linecap="round" stroke-miterlimit="10">
      <line class="one" x1="4" y1="6" x2="24" y2="6"></line>
      <line class="two" x1="4" y1="14" x2="24" y2="14"></line>
      <line class="three" x1="4" y1="22" x2="24" y2="22"></line>
    </g>
  </svg>
</div>
  

</span>

  
  <div class="guts">
    <div class="content blocks grid animated">
      
      <div class="block_000000005200ef970000000000000453 block cover align-x-center align-y-center fluid animated cover" style="" on-insert="block:setup">
  <style>
.block_000000005200ef970000000000000453 > .content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

#item_000000005200ef970000000000000453_1 {
  grid-area: 1 / 1 / 2 / 2;
}

#item_000000005200ef970000000000000453_2 {
}

#item_000000005200ef970000000000000453_3 {
}

.phone .block_000000005200ef970000000000000453 > .content {
  grid-template-columns: repeat(1, 1fr);
}

.phone #item_000000005200ef970000000000000453_2 {
  font-size: clamp(1em, var(--font-size, 1em), 1vw);
}

.phone #item_000000005200ef970000000000000453_3 {
  font-size: clamp(1em, var(--font-size, 1em), 4vw);
}</style>

  <div class="background" style="background:url('https://carbon-media.accelerator.net/0000000mI7Z/3Y43QK8ryCHdt13n8k9amL;2560x1450/quality(85).png?auto=webp') top / cover;opacity:1">
  
</div>

  <div class="content">
    
    <div id="item_000000005200ef970000000000000453_1" class="item g-1-142-1 container content padded-container">
  
  <div id="item_000000005200ef970000000000000453_3" class="nested item g-1-142-3 text subheading">
    <h2><span style="color:rgb(86, 75, 75)">LORRIE WHITTINGTON</span></h2>

    

    
  </div>
    
 
  

    

  
</div>
    
  </div>
</div>
      
      <div class="block portfolio thumbs block_000000005200ef970000000000000454 block animated" style="--thumb-hover-overlay-color:#6b6969;--thumb-hover-overlay-opacity:0.5;" on-insert="block:setup">
  <style>
</style>


  <div class="content text-inside">
    <style>
#grid_0000000mI7Z000000000hS carbon-item {
  display: block;
}

#grid_0000000mI7Z000000000hS carbon-item:not(:last-child) {
  margin-bottom: var(--gap-y);
}
</style>
<carbon-grid id="grid_0000000mI7Z000000000hS" style="--gap-x:9px;--gap-y:9px;display:grid;width:100%;grid-gap:var(--gap-x, 0px) var(--gap-y, 0px);--columns:2;grid-template-columns:repeat(var(--columns), 1fr);">
<carbon-column style="grid-column:1">
<carbon-item id="grid_0000000mI7Z000000000hS_0" data-index="0"><style>
#grid_0000000mI7Z000000000hS_0 .box:before {
  display: block;
  padding-top: 100%;
  content: '';
}</style>

      <a class="thumb_0000000mI7Z0000000003r thumb box" style="aspect-ratio:1/1" href="/sketchbooks-2023-2024">
  
  
  
  

  
  <svg class="placeholder" viewbox="0 0 528 528"></svg>
  
  

  
  <picture>
    <source srcset="https://carbon-media.accelerator.net/0000000mI7Z/iOYB7ACrm2AgpVAnhfUikp;1056x1056.png?auto=webp 2x" media="(min-width:528px)"/>
    <img src="https://carbon-media.accelerator.net/0000000mI7Z/iOYB7ACrm2AgpVAnhfUikp;528x528.png?auto=webp"/>
  </picture>
  
  

  
  

  
  
  <div class="overlay"></div>

  
  <div class="content text"> 
    <h3>Sketchbooks 2023/2024</h3>
  </div>
  
</a>


    </carbon-item>
<carbon-item id="grid_0000000mI7Z000000000hS_2" data-index="2"><style>
#grid_0000000mI7Z000000000hS_2 .box:before {
  display: block;
  padding-top: 100%;
  content: '';
}</style>

      <a class="thumb_0000000mI7Z0000000001k thumb box" style="aspect-ratio:1/1" href="/ceramics">
  
  
  
  

  
  <svg class="placeholder" viewbox="0 0 528 528"></svg>
  
  

  
  <picture>
    <source srcset="https://carbon-media.accelerator.net/0000000mI7Z/khfCm7MenjsdAHZ9GnEgtE;crop(6,0,1068,1068)/1056x1056.jpeg?auto=webp 2x" media="(min-width:528px)"/>
    <img src="https://carbon-media.accelerator.net/0000000mI7Z/khfCm7MenjsdAHZ9GnEgtE;crop(6,0,1068,1068)/528x528.jpeg?auto=webp"/>
  </picture>
  
  

  
  

  
  
  <div class="overlay"></div>

  
  <div class="content text"> 
    <h3>Ceramics</h3>
  </div>
  
</a>


    </carbon-item>
<carbon-item id="grid_0000000mI7Z000000000hS_4" data-index="4"><style>
#grid_0000000mI7Z000000000hS_4 .box:before {
  display: block;
  padding-top: 100%;
  content: '';
}</style>

      <a class="thumb_0000000mI7Z000000000ai thumb box" style="aspect-ratio:1/1" href="/photography">
  
  
  
  

  
  <svg class="placeholder" viewbox="0 0 528 528"></svg>
  
  

  
  <picture>
    <source srcset="https://carbon-media.accelerator.net/0000000mI7Z/adY2qfQUxrrbz4KMzJfmpm;crop(420,0,1080,1080)/1056x1056.jpeg?auto=webp 2x" media="(min-width:528px)"/>
    <img src="https://carbon-media.accelerator.net/0000000mI7Z/adY2qfQUxrrbz4KMzJfmpm;crop(420,0,1080,1080)/528x528.jpeg?auto=webp"/>
  </picture>
  
  

  
  

  
  
  <div class="overlay"></div>

  
  <div class="content text"> 
    <h3>Photography</h3>
  </div>
  
</a>


    </carbon-item>
</carbon-column><carbon-column style="grid-column:2">
<carbon-item id="grid_0000000mI7Z000000000hS_1" data-index="1"><style>
#grid_0000000mI7Z000000000hS_1 .box:before {
  display: block;
  padding-top: 100%;
  content: '';
}</style>

      <a class="thumb_0000000mI7Z0000000006v thumb box" style="aspect-ratio:1/1" href="/mixed-media">
  
  
  
  

  
  <svg class="placeholder" viewbox="0 0 528 528"></svg>
  
  

  
  <picture>
    <source srcset="https://carbon-media.accelerator.net/0000000mI7Z/hUCLbZlzfxKbCZDMX1Cr2d;1056x1056.png?auto=webp 2x" media="(min-width:528px)"/>
    <img src="https://carbon-media.accelerator.net/0000000mI7Z/hUCLbZlzfxKbCZDMX1Cr2d;528x528.png?auto=webp"/>
  </picture>
  
  

  
  

  
  
  <div class="overlay"></div>

  
  <div class="content text"> 
    <h3>Mixed Media</h3>
  </div>
  
</a>


    </carbon-item>
<carbon-item id="grid_0000000mI7Z000000000hS_3" data-index="3"><style>
#grid_0000000mI7Z000000000hS_3 .box:before {
  display: block;
  padding-top: 100%;
  content: '';
}</style>

      <a class="thumb_0000000mI7Z0000000007Y thumb box" style="aspect-ratio:1/1" href="/textile">
  
  
  
  

  
  <svg class="placeholder" viewbox="0 0 528 528"></svg>
  
  

  
  <picture>
    <source srcset="https://carbon-media.accelerator.net/0000000mI7Z/jXiwf64lAFIdSLPqpHS2iA;crop(377,401,2224,2224)/1056x1056.png?auto=webpll 2x" media="(min-width:528px)"/>
    <img src="https://carbon-media.accelerator.net/0000000mI7Z/jXiwf64lAFIdSLPqpHS2iA;crop(377,401,2224,2224)/528x528.png?auto=webpll"/>
  </picture>
  
  

  
  

  
  
  <div class="overlay"></div>

  
  <div class="content text"> 
    <h3>Textile</h3>
  </div>
  
</a>


    </carbon-item>
</carbon-column></carbon-grid>
  </div>
</div>
      
    </div>

    

    
    <footer class="surface  ">
  <div class="content">
    <div class="copyright">© LORRIE WHITTINGTON 2003 - 2024</div>

    
    <span class="branding"></span>
    

    

    
  </div>
</footer>
    
  </div>
  
</div>
    <script src="https://static.cmcdn.net/libs/player/3.8.2/hls.js"></script>
    <script src="https://static.cmcdn.net/libs/corejs/2.9.0/corejs.js" integrity="sha256-H4af5AcfTSO9YmJ79ol6bab6+TzSWWmMXKM4fwdxRQU=" crossorigin></script>
    <script src="https://static.cmcdn.net/libs/router/1.6.0/router.js" integrity="sha256-4IUSi5DVzvBoIJVNfZ416+yuCOs+cry22iJG94eaqW8=" crossorigin></script>
    <script src="https://static.cmcdn.net/libs/gestures/0.6.0/gestures.js" integrity="sha256-ylEa69hezIFUAga1cMRcngK6Tf9K+HJgzHUSPswYKoU=" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/vendor/anime.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/vendor/swiper.js" crossorigin></script>
    <script src="https://static.cmcdn.net/libs/cursor/0.6.3/cursor.js" integrity="sha256-K3IY3QiVV2UvpT+BaPTD2YjNCx5nT5LLJvNqGQ3L3Is=" crossorigin></script>
    <script src="https://static.cmcdn.net/libs/lightbox/0.23.0/lightbox.js" integrity="sha256-t/UfAWPAS6cjMlcR5oslHiY3cL3IVuUpW/ceuFKBZC4=" crossorigin></script>
    <script src="https://static.cmcdn.net/libs/forms/4.0.2/forms.js" integrity="sha256-GBwrpMjlOgCPfECaqKSY6jQZU4eKX9Uncc0w90muz94=" crossorigin></script>
    <script src="https://static.cmcdn.net/libs/scrollable/3.4.0/scrollable.js" integrity="sha256-baiuPcjdbyEwBScpM1XFcd3KntTAMdNFrfEtB8+Qpm4=" crossorigin></script>
    <script src="https://static.cmcdn.net/libs/player/3.8.2/player.js" integrity="sha256-5eC5ruDiSOZ8vs10G8QfH7KRtp3Rt8rYNhCUQE/6tPk=" crossorigin></script>
    <script src="https://static.cmcdn.net/libs/lazyjs/2.7.0/lazyjs.js" integrity="sha256-LKzXP6kCFe7HjJizvZTZVZw9VUMXTvJ983WmdTBf5+o=" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/chroma.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/contrast.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/functions.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/fitty.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/blocks.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/transitions.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/site/Navigation.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/components/Flipbook.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/components/BeforeAfterBlock.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/browser.js" crossorigin></script>
    <script src="https://static.cmcdn.net/23/1.1.18/scripts/app.js" crossorigin></script>

    
  </body>
</html>