Skip to content

Instantly share code, notes, and snippets.

@Thomashighbaugh

Thomashighbaugh/neomemphis-template.html

Last active December 13, 2023 12:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Thomashighbaugh/d94a384a25bc8273d4bd8acf1b979193 to your computer and use it in GitHub Desktop.
Save Thomashighbaugh/d94a384a25bc8273d4bd8acf1b979193 to your computer and use it in GitHub Desktop.
Download ZIP
Current (Q4 2023) HTML email and cover letter template. Inspired by Neo-Memphis design (like neubrutalism but not hideous or gawdy).
Raw
neomemphis-template.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Neubrutalist Email Template</title>
<style>
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
background-image: url("data:image/svg+xml;utf8,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='100' patternTransform='scale(1.8) rotate(60)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 98%, 1)'/><path d='M31.63-4.16c-.12.5-.47 1.12-1.25 1.86-.39.37-.64.78-.74 1.22-.1.43-.02.87.14 1.25.31.76.92 1.4 1.53 2.1.61.68 1.23 1.41 1.63 2.2.4.8.58 1.63.34 2.67l1.12.26a5 5 0 0 0-.43-3.44 11.58 11.58 0 0 0-1.8-2.46 8.08 8.08 0 0 1-1.33-1.77.9.9 0 0 1-.07-.56c.04-.17.14-.38.4-.63a5.14 5.14 0 0 0 1.58-2.43zm48.7 2.22c-.54-.01-1.04.02-1.5.08-1.84.23-3 1-3.8 1.79-.8.79-1.3 1.54-1.78 1.85-.24.15-.47.23-.84.2a4.22 4.22 0 0 1-1.56-.5C69.6.86 68.44.28 67.16.2c-1.27-.07-2.6.44-4.03 1.77-1.58 1.48-2.57 1.77-3.27 1.66-.7-.11-1.34-.7-2.06-1.46S56.3.5 55.12.13c-1.18-.37-2.64-.1-4.43 1.17l.66.94c1.63-1.15 2.63-1.26 3.42-1 .78.24 1.46.95 2.2 1.72.72.77 1.52 1.62 2.7 1.81 1.2.19 2.55-.36 4.25-1.96 1.28-1.2 2.23-1.5 3.18-1.46.95.06 1.98.54 3.24 1.17a5.5 5.5 0 0 0 2 .62 2.6 2.6 0 0 0 1.53-.39c.82-.52 1.28-1.32 1.97-2a4.99 4.99 0 0 1 3.13-1.47c1.6-.2 3.96.02 7.5 1.12l.34-1.1a23.61 23.61 0 0 0-6.47-1.24Zm-53.37.11a6.06 6.06 0 0 0-3.27 1.17 3.71 3.71 0 0 0-1.2 1.97c-.18.66-.24 1.25-.37 1.64-.13.39-.23.55-.68.67-2.52.68-3.94 1.15-4.8 2.24-.85 1.1-.95 2.55-1.12 4.95-.08 1.06-.34 1.4-.58 1.55-.25.16-.68.18-1.24.2-.55 0-1.26.02-1.84.52-.59.51-.88 1.38-.9 2.76l1.15.02c.02-1.22.28-1.7.5-1.9.23-.2.59-.25 1.12-.26.53 0 1.2.03 1.83-.37.62-.4 1.01-1.19 1.1-2.44.18-2.39.34-3.6.9-4.31.55-.71 1.7-1.18 4.18-1.84a2.19 2.19 0 0 0 1.47-1.41c.2-.6.25-1.19.4-1.72.14-.54.34-1 .82-1.39a5 5 0 0 1 2.66-.9zm65.38 4.87c-.54 2.51.62 4.1 1.16 5.26.27.57.39 1 .26 1.5-.14.5-.57 1.17-1.66 2.07l.74.89c1.18-.98 1.81-1.83 2.03-2.67a3.3 3.3 0 0 0-.33-2.28c-.63-1.34-1.52-2.43-1.07-4.53zm-80.1.17a3.82 3.82 0 0 0-3.4 2.02c-.3.5-.53 1.01-.73 1.4-.2.4-.4.66-.5.72-.65.43-1.21.4-2 .68-.8.28-1.62.94-2.37 2.52l1.04.5c.67-1.43 1.16-1.74 1.7-1.93.55-.2 1.36-.2 2.27-.8.43-.3.66-.72.88-1.16.23-.43.44-.9.7-1.33.51-.85 1.09-1.49 2.4-1.47Zm33.61.4c-1.7 0-2.88.46-3.67 1.2a6.21 6.21 0 0 0-1.48 2.58c-.32.88-.58 1.7-1 2.26-.42.57-.95.93-2.08 1l.07 1.15a3.76 3.76 0 0 0 2.94-1.46c.59-.79.85-1.72 1.16-2.56.3-.85.62-1.6 1.18-2.13.56-.53 1.37-.9 2.87-.88Zm33.7.94c-1.7.21-2.85.81-3.62 1.6a7.02 7.02 0 0 0-1.47 2.5 5.7 5.7 0 0 1-.94 1.82c-.37.37-.84.57-1.98.41l-.16 1.14c1.35.2 2.33-.1 2.96-.73.62-.63.89-1.45 1.2-2.22a6 6 0 0 1 1.21-2.12 4.65 4.65 0 0 1 2.94-1.25ZM55.7 7.3c-.97.35-1.57.83-1.91 1.38-.34.56-.4 1.11-.47 1.55-.07.44-.14.75-.37 1.02-.22.27-.65.57-1.6.81a2.3 2.3 0 0 0-1.6 1.26 3.53 3.53 0 0 0-.19 1.67c.04.53.1 1 .04 1.34-.04.34-.1.48-.41.64-.49.26-1.23.04-2.19-.17-.47-.11-1-.2-1.54-.12a2.6 2.6 0 0 0-1.59.88l.87.76c.3-.34.56-.46.88-.5.32-.05.7 0 1.13.1.86.2 1.93.62 2.97.08.63-.33.95-.95 1.03-1.5.08-.57 0-1.1-.03-1.59-.04-.48-.02-.89.08-1.14.11-.26.27-.44.84-.6a4 4 0 0 0 2.2-1.19c.43-.52.54-1.1.62-1.56.07-.47.13-.83.31-1.13.19-.3.52-.62 1.32-.9zm32.03.17c-3.2.36-5.95 1.33-7.6 3.24-1.64 1.91-2.03 4.73-.7 8.4.55 1.51 1.26 3.77.73 5.74-.54 1.96-2.24 3.8-7.07 4.63l.2 1.14c5.08-.87 7.32-3.06 7.98-5.47.66-2.42-.2-4.89-.76-6.44-1.24-3.42-.84-5.68.5-7.25 1.35-1.57 3.8-2.5 6.85-2.84zm-28.15 3.65-.92.7c2.87 3.8 5.87 3.99 8.1 4 1.1 0 2.01 0 2.67.32.66.32 1.22.93 1.66 2.5l1.11-.31c-.49-1.75-1.27-2.76-2.27-3.23-1-.48-2.07-.43-3.17-.44-2.2 0-4.52 0-7.18-3.54zm-39.28.65-.1 1.15c1.12.1 1.73.43 2.16.88.43.46.68 1.07.9 1.75.2.68.36 1.41.7 2.07.35.66.98 1.24 1.9 1.37.92.13 2.06.08 2.85.44.39.18.7.44.91.89.22.45.35 1.14.26 2.18-.05.53.02 1 .24 1.4.2.4.55.67.92.86.74.37 1.61.45 2.53.57.91.12 1.86.26 2.68.6.82.34 1.51.85 2 1.79l1.03-.54a5 5 0 0 0-2.59-2.31c-1-.42-2.05-.56-2.97-.68a8.08 8.08 0 0 1-2.17-.46.9.9 0 0 1-.42-.38 1.27 1.27 0 0 1-.1-.74 5.26 5.26 0 0 0-.37-2.8 3.02 3.02 0 0 0-1.47-1.43c-1.17-.53-2.48-.44-3.16-.53-.58-.08-.8-.31-1.04-.77-.24-.45-.4-1.14-.63-1.87A5.36 5.36 0 0 0 23.2 13a4.35 4.35 0 0 0-2.9-1.24zm67.96 3.4-1.14.2c.15.84.62 1.48 1.2 1.88.59.4 1.27.6 1.94.7.67.1 1.32.12 1.85.12h1.03c.77.14 1.14.4 1.48.78.34.37.62.9 1.06 1.44a4.34 4.34 0 0 0 2.03 1.46c.98.35 2.28.51 4.15.4.6-.04 1.21.02 1.8.19l.31-1.1c-.7-.21-1.44-.3-2.18-.24a9.44 9.44 0 0 1-3.69-.33 3.16 3.16 0 0 1-1.52-1.1c-.36-.44-.64-.98-1.1-1.5a3.62 3.62 0 0 0-2.14-1.13c-.36-.07-.72-.03-1.23-.03s-1.1-.01-1.67-.1a3.66 3.66 0 0 1-1.47-.5 1.56 1.56 0 0 1-.71-1.13Zm-49.2 2.64-1.16.04c.08 2.7.79 4.26 1.83 5.19 1.05.92 2.32 1.18 3.38 1.53 1.06.36 1.9.74 2.48 1.87.58 1.13.9 3.12.5 6.65l1.14.13c.41-3.64.14-5.85-.61-7.3a5.01 5.01 0 0 0-3.14-2.44c-1.15-.39-2.21-.63-2.98-1.3-.77-.69-1.37-1.85-1.45-4.37zm-42.49 1.75-.9.72a4.47 4.47 0 0 0 2.03 1.47c.98.35 2.28.51 4.16.4 2.14-.13 4.03.83 5.87 3.75l.98-.62C6.73 22.15 4.34 20.84 1.79 21a9.4 9.4 0 0 1-3.7-.34 3.16 3.16 0 0 1-1.52-1.1Zm67.97 1.34a5.9 5.9 0 0 0-2.76.84 6.58 6.58 0 0 0-2.9 4.16 6.27 6.27 0 0 1-6.76 4.73l-.1 1.15A7.44 7.44 0 0 0 60 26.16a5.46 5.46 0 0 1 2.37-3.44c1.24-.76 2.96-1 5.28-.13l.41-1.08a8.64 8.64 0 0 0-3.53-.6Zm-50.2 1.03a4.22 4.22 0 0 0-1.25 2.14c-.13.69-.01 1.3.15 1.83.16.52.36.96.44 1.3.08.34.08.52-.08.77-.62 1-1.62 1.36-2.57 2.18-.47.41-.9.96-1.14 1.72-.24.75-.3 1.7-.12 2.95l1.15-.16a5.6 5.6 0 0 1 .07-2.45c.17-.54.44-.87.8-1.19.73-.63 1.95-1.1 2.79-2.43.34-.55.34-1.16.22-1.66-.12-.5-.32-.94-.46-1.37a2.5 2.5 0 0 1-.11-1.27c.08-.43.32-.93.93-1.54zm6.64 2.67-.02 1.15c.13 0 .65.18 1.09.51.43.34.8.8.9 1.24.27 1.04.85 1.8 1.64 2.2a4 4 0 0 0 2.7.22l-.26-1.13c-.8.18-1.45.13-1.92-.11-.48-.24-.83-.67-1.03-1.46a3.5 3.5 0 0 0-1.33-1.87 3.08 3.08 0 0 0-1.77-.75Zm69.03.04-.74.9c1.14.93 1.45 1.74 1.45 2.54s-.38 1.66-.86 2.54c-.48.87-1.06 1.74-1.35 2.66-.3.92-.2 2 .68 2.81.46.43 1.1.8 1.77 1.26.67.45 1.36.96 1.86 1.52s.82 1.14.84 1.8c.02.68-.25 1.5-1.12 2.54-.43.5-.68.99-.71 1.5-.04.5.17.96.46 1.32.58.7 1.47 1.2 2.33 1.88a6.8 6.8 0 0 1 2.22 2.7c.51 1.21.71 2.82.18 5.16l1.12.26c.58-2.52.38-4.41-.24-5.86A8 8 0 0 0 95.34 47c-.94-.73-1.81-1.28-2.16-1.7-.17-.21-.22-.34-.2-.51 0-.17.11-.44.44-.84 1-1.19 1.42-2.3 1.4-3.3a3.99 3.99 0 0 0-1.14-2.55 11.17 11.17 0 0 0-2.07-1.7c-.7-.47-1.33-.87-1.64-1.16-.58-.53-.58-.93-.36-1.61.21-.68.75-1.53 1.26-2.45.51-.93 1-1.96 1-3.1 0-1.14-.54-2.34-1.86-3.44zm-27.28 6.03-1.05.48a4.67 4.67 0 0 0 1.97 2.3c.74.4 1.48.46 2.1.52.63.05 1.14.1 1.54.34.4.23.8.64 1.14 1.64.36 1.04.86 1.74 1.52 2.11.65.38 1.39.4 2.08.28 1.39-.22 2.8-.89 4.1-.93 1.52-.04 2.31.2 2.77.5.46.3.66.7.92 1.2s.61 1.14 1.36 1.48c.75.35 1.78.4 3.4.09l-.22-1.13c-1.5.28-2.29.18-2.7 0-.4-.2-.56-.49-.82-.97a3.85 3.85 0 0 0-1.3-1.63c-.73-.47-1.79-.74-3.44-.7-1.64.06-3.13.77-4.25.95-.56.1-.98.06-1.33-.14-.35-.2-.7-.6-1-1.49-.4-1.17-.98-1.88-1.66-2.26-.68-.39-1.38-.44-2-.5a4.26 4.26 0 0 1-1.67-.37c-.49-.26-.98-.73-1.46-1.77zm-24.1.81a7.71 7.71 0 0 0-5.42 2.58 8.62 8.62 0 0 1-2.78 2.2c-.67.26-1.1.2-1.57.06-.47-.15-.97-.44-1.63-.57a3.03 3.03 0 0 0-2.3.54c-.3.2-.54.48-.91.83s-.81.75-1.28 1.07c-.47.33-.97.57-1.42.64-.44.07-.84.01-1.29-.33l-.69.93c.68.51 1.46.65 2.17.54a4.5 4.5 0 0 0 1.88-.83 11.7 11.7 0 0 0 1.42-1.19c.39-.37.73-.69.76-.7.65-.43 1.02-.45 1.44-.37.41.09.89.35 1.51.54.63.19 1.43.26 2.33-.1.9-.35 1.92-1.1 3.2-2.47a6.41 6.41 0 0 1 6.84-1.96l.29-1.12a8.95 8.95 0 0 0-2.55-.29Zm-41.18.56-.07 1.15c2.5.16 3.83.62 4.6 1.2.79.58 1.11 1.32 1.54 2.3a9.7 9.7 0 0 0 2.14 3.3c1.2 1.13 3.02 2.23 6.03 3.19l.35-1.1c-2.9-.93-4.55-1.94-5.58-2.93a8.18 8.18 0 0 1-1.88-2.93c-.43-.97-.86-1.99-1.9-2.76-1.05-.77-2.61-1.25-5.23-1.42Zm100 0-.07 1.15c2.27.15 3.57.54 4.37 1.04.8.5 1.16 1.11 1.54 1.92l1.04-.48a5.2 5.2 0 0 0-1.96-2.42c-1.05-.65-2.55-1.06-4.92-1.2zm-39.9 5.06c-.41 0-.84.06-1.3.2l.32 1.1c1.47-.42 2.32 0 3.13.74.82.73 1.48 1.8 2.31 2.57.47.44 1.02.64 1.53.7.51.06.99.01 1.45 0 .92-.02 1.79.02 3 1.11.93.85 1.68 2.22 2.5 3.52.83 1.29 1.75 2.56 3.23 2.98l.31-1.1c-.99-.3-1.77-1.26-2.56-2.5-.79-1.25-1.55-2.7-2.7-3.75a5.13 5.13 0 0 0-3.8-1.41c-.52 0-.95.04-1.3 0a1.4 1.4 0 0 1-.88-.4c-.63-.58-1.33-1.7-2.32-2.58a4.34 4.34 0 0 0-2.93-1.18zm-22.33 2.18-1.05.46c.32.75.98 1.35 1.33 2 .18.34.27.64.26.94 0 .3-.1.6-.44 1-.7.8-.76 1.88-.65 2.85.1.96.4 1.88.6 2.47l1.09-.35c-.2-.6-.46-1.44-.55-2.25-.09-.81.01-1.53.39-1.97.47-.56.7-1.15.72-1.72a3 3 0 0 0-.4-1.5c-.47-.88-1.15-1.6-1.3-1.93zm14.83 2.53c-1.27.08-2.18.98-3 1.8-.8.8-1.56 1.54-2.32 1.71-.77.18-1.72-.07-3.24-1.66l-.83.8c1.65 1.73 3.09 2.27 4.32 1.99 1.24-.28 2.1-1.24 2.9-2.03.8-.8 1.5-1.41 2.24-1.46.74-.04 1.78.44 3.33 2.38l.9-.72c-1.65-2.07-3.02-2.88-4.3-2.8zM22.2 43.86a4.6 4.6 0 0 0 .5 2.76c.4.65 1 1 1.58 1.22.56.2 1.12.3 1.54.43.42.13.66.27.8.5.53.88 1.04 2.15 1.82 3.24.77 1.1 1.9 2.05 3.5 2.06 2.16.02 3.36.34 4.11.9.75.56 1.15 1.43 1.57 2.78l1.1-.34c-.44-1.42-.93-2.58-1.98-3.36-1.04-.79-2.52-1.12-4.79-1.13-1.17-.01-1.9-.63-2.57-1.57-.66-.94-1.17-2.17-1.77-3.17a2.43 2.43 0 0 0-1.45-1.01c-.53-.17-1.05-.26-1.48-.42a1.76 1.76 0 0 1-.99-.73c-.24-.39-.4-1.02-.34-2.09zm-18.25.7.13 1.14c.91-.1 1.5.1 2 .42.5.33.9.82 1.29 1.33.39.5.74 1.04 1.3 1.39.57.35 1.38.35 2.15-.12.81-.5 1.23-.52 1.58-.42.34.1.7.4 1.16.82.47.42 1.04.93 1.86 1.23.82.3 1.87.37 3.2.03l-.28-1.12c-1.17.3-1.93.22-2.52 0a4.58 4.58 0 0 1-1.49-1c-.45-.4-.92-.87-1.62-1.07-.7-.2-1.52-.04-2.48.54-.55.33-.7.28-.95.13-.26-.16-.6-.59-1-1.11a6.47 6.47 0 0 0-1.56-1.6 4.08 4.08 0 0 0-2.77-.6Zm76.44 4.47h-1.15c0 2.66.72 4.25 1.85 5.16 1.13.91 2.53 1.1 3.77 1.34 1.24.23 2.32.48 3.01 1.22.7.74 1.17 2.08.94 4.8l1.15.1c.25-2.89-.24-4.63-1.25-5.7-1-1.06-2.38-1.33-3.64-1.56-1.27-.23-2.44-.44-3.26-1.1-.81-.65-1.41-1.8-1.42-4.26Zm-22.64.07c-.8.08-1.42.55-1.95.95-.53.4-1 .71-1.36.77-.36.05-.74-.03-1.4-.8l-.87.76c.8.93 1.67 1.3 2.45 1.18.77-.12 1.35-.6 1.87-.99a3.3 3.3 0 0 1 1.37-.72c.4-.04.84.1 1.57.92 1.19 1.37 2.32 1.95 3.37 2.11 1.05.17 1.96-.04 2.79-.08.82-.04 1.56.03 2.5.68.92.65 2.05 1.94 3.4 4.37l1.02-.57c-1.4-2.5-2.61-3.94-3.77-4.74a4.92 4.92 0 0 0-3.21-.9c-.95.05-1.76.23-2.55.1-.79-.12-1.62-.5-2.68-1.73-.86-.98-1.74-1.39-2.55-1.3zM43.1 51.3a16 16 0 0 0-2 .1l.12 1.15c2.78-.32 4.15.16 4.93.92.79.76 1.09 1.95 1.4 3.27.3 1.31.63 2.76 1.76 3.78s2.96 1.46 5.95 1.03l-.16-1.14c-2.83.4-4.22-.03-5.02-.75-.8-.72-1.1-1.88-1.41-3.19-.3-1.3-.62-2.76-1.72-3.83-.82-.8-2.04-1.29-3.85-1.34zm-28.8 4.71c-.4 0-.79.02-1.16.06-1.48.17-2.79.55-4.17.18l-.3 1.12c1.74.45 3.25 0 4.6-.15a4.52 4.52 0 0 1 4.01 1.16c1 .86 1.98 1.11 2.85 1.04.88-.06 1.62-.39 2.35-.57 1.82-.45 2.92-.35 3.65-.05s1.17.81 1.63 1.39c.47.57.98 1.25 1.87 1.51.89.27 2 .06 3.58-.74l-.53-1.03c-1.45.74-2.24.81-2.72.67s-.82-.55-1.3-1.14a5.2 5.2 0 0 0-2.1-1.73c-1.01-.41-2.39-.49-4.36 0-.84.2-1.54.5-2.16.54-.62.05-1.19-.06-2-.77a5.72 5.72 0 0 0-3.75-1.49zm64.9 1.6-1.13.27c.19.77.08 1.24-.14 1.63-.23.38-.63.7-1.13 1-.5.28-1.08.54-1.62.84a2.9 2.9 0 0 0-1.35 1.3c-.5 1.15-.36 2.47-.46 3.69-.1 1.22-.35 2.27-1.45 3.08-1.51 1.13-2.27 2.07-2.6 2.96-.35.9-.21 1.68-.12 2.3.1.63.16 1.08-.1 1.66-.26.58-.91 1.34-2.42 2.35l.65.96c1.6-1.07 2.43-1.97 2.82-2.84.4-.87.29-1.66.2-2.3-.1-.63-.19-1.12.04-1.72.23-.6.8-1.4 2.22-2.44 1.42-1.06 1.8-2.57 1.91-3.92.11-1.34.04-2.58.37-3.32.1-.23.4-.49.86-.75.46-.26 1.05-.52 1.63-.86a4.08 4.08 0 0 0 1.54-1.4 3.3 3.3 0 0 0 .28-2.49zM67.17 59.8c-1.6 0-2.9.63-3.84 1.6a9.14 9.14 0 0 0-1.99 3.64c-1.3 4.13-3.93 4.8-5.33 4.69-2.02-.16-3.4.28-4.37 1-.96.74-1.48 1.7-1.97 2.5-.48.78-.9 1.35-1.56 1.6-.67.25-1.74.23-3.63-.53l-.44 1.07c2.03.81 3.41.94 4.47.54 1.06-.4 1.64-1.27 2.14-2.08.5-.82.96-1.62 1.7-2.17.72-.56 1.75-.93 3.57-.78 1.91.14 5.09-.95 6.52-5.49.4-1.26.96-2.4 1.72-3.18a3.92 3.92 0 0 1 3.01-1.26zM4.84 61.44l-.93.68a5.82 5.82 0 0 0 2.88 2.27c.97.32 1.9.29 2.7.28.8-.02 1.46 0 2.03.25.57.26 1.11.77 1.65 1.97l1.05-.48c-.61-1.36-1.37-2.15-2.23-2.54a5.76 5.76 0 0 0-2.52-.36c-.81.01-1.58.03-2.32-.22a4.57 4.57 0 0 1-2.3-1.85zm81.36 3.74a6.8 6.8 0 0 0-2.95 1.03c-1.09.61-2 1.16-3.57.98l-.13 1.15c1.9.21 3.19-.52 4.27-1.12 1.08-.6 1.95-1.1 3.49-.83 1.79.31 2.84 1.33 4.06 2.22 1.21.9 2.71 1.6 4.86.83 2.53-.9 4.1-1.03 5.1-.83 1.02.2 1.53.69 2.06 1.25l.84-.78a4.78 4.78 0 0 0-2.67-1.6c-1.31-.26-3.08-.07-5.72.87-1.81.65-2.67.16-3.8-.67-1.12-.82-2.4-2.05-4.53-2.43-.47-.08-.9-.1-1.3-.07zm-43.99.21a8 8 0 0 0-3.29.62c-1 .4-1.9.89-2.68 1.26-.77.36-1.43.58-1.82.55-1.6-.1-2.51-.84-3.91-1.3-1.4-.45-3.17-.44-6.04 1.04l.52 1.03c2.72-1.4 4.01-1.34 5.16-.97 1.16.37 2.28 1.23 4.2 1.36.8.05 1.57-.28 2.39-.67.82-.39 1.7-.86 2.6-1.22 1.83-.72 3.69-1.03 5.78.61l.72-.9a6.22 6.22 0 0 0-3.63-1.4ZM1.44 67.45c-1.29-.22-3-.02-5.51.86l.38 1.1c2.4-.86 3.93-1 4.93-.82 1 .17 1.52.61 2.03 1.15.51.53.98 1.2 1.83 1.53.86.31 1.95.15 3.49-.66l-.54-1.02c-1.4.74-2.1.76-2.54.6-.45-.17-.83-.65-1.4-1.25a4.67 4.67 0 0 0-2.67-1.49Zm85.36 2.12-1.13.21c.34 1.82.3 3.5-.14 4.78a3.6 3.6 0 0 1-2.65 2.49c-2.5.64-3.8 1.56-4.41 2.53a2.68 2.68 0 0 0-.3 2.4l1.08-.41a1.5 1.5 0 0 1 .19-1.37c.4-.63 1.4-1.44 3.73-2.04a4.88 4.88 0 0 0 3.45-3.22c.54-1.55.55-3.42.18-5.37zM14.93 71.7c-1.6.2-3.26 1.54-5.38 4.63l.96.66c2.04-3 3.52-4.01 4.57-4.14 1.04-.13 1.94.54 2.97 1.51 1.03.98 2.1 2.2 3.58 2.72 1.48.5 3.28.14 5.36-1.76l-.78-.85c-1.9 1.74-3.12 1.89-4.2 1.52-1.08-.38-2.1-1.45-3.17-2.46-1.08-1.02-2.3-2.03-3.9-1.83zm18.54 2.32-.22 1.13a3.8 3.8 0 0 1 2.25 1.22c.5.57.81 1.27 1.07 2.01.26.75.46 1.52.78 2.21s.84 1.34 1.66 1.57c1.97.56 3.41.62 4.53.96 1.12.34 1.99.89 3.09 2.61l.97-.62c-1.2-1.88-2.4-2.7-3.73-3.1-1.32-.4-2.7-.44-4.54-.96-.44-.12-.68-.4-.93-.95-.26-.54-.46-1.3-.74-2.1a6.98 6.98 0 0 0-1.3-2.39 5.1 5.1 0 0 0-2.89-1.59Zm63.55 4.01c-1.57-.16-2.69.2-3.43.87a5.77 5.77 0 0 0-1.4 2.45c-.3.86-.58 1.68-1.03 2.27-.46.59-1.05 1-2.23 1.1l.1 1.15a4.14 4.14 0 0 0 3.04-1.55c.62-.8.91-1.74 1.21-2.58.3-.83.6-1.54 1.09-1.99.48-.44 1.17-.71 2.53-.57zm-38.6.54a5.64 5.64 0 0 0-1.76 0c-1.04.18-1.79.7-2.34 1.3-.55.58-.94 1.22-1.33 1.7-.38.49-.72.8-1.2.9l.25 1.12a3.3 3.3 0 0 0 1.86-1.3c.45-.56.81-1.16 1.26-1.63.44-.47.93-.82 1.7-.95a6.77 6.77 0 0 1 3.4.53l.4-1.08c-.85-.3-1.59-.5-2.25-.6Zm-52.67.45c0 .6-.16.92-.43 1.2a3.3 3.3 0 0 1-1.14.73c-.47.21-1 .41-1.51.7-.51.3-1 .71-1.26 1.35-.27.67-.3 1.26-.15 1.74s.43.8.63 1.09c.2.28.36.51.42.84.06.32.04.77-.22 1.5-.44 1.2-.25 2.18.24 2.83.5.66 1.16 1.03 1.64 1.43.47.4.74.72.74 1.4 0 .66-.37 1.76-1.53 3.48l.95.64c1.23-1.8 1.73-3.07 1.74-4.12 0-1.05-.58-1.79-1.16-2.28-.58-.5-1.16-.85-1.46-1.24-.3-.4-.43-.78-.07-1.75.3-.86.37-1.54.26-2.1-.1-.58-.38-1-.61-1.31-.23-.32-.4-.54-.47-.76-.07-.21-.09-.46.12-.96.13-.33.38-.55.76-.78.39-.22.9-.41 1.42-.65a4.5 4.5 0 0 0 1.5-.99c.45-.47.74-1.15.75-1.98zm13.53.22-.95.65c1.45 2.12 3.4 2.38 4.6 2.78.61.2 1 .4 1.28.84.27.44.46 1.22.37 2.63l1.15.07c.1-1.53-.08-2.57-.54-3.31a3.3 3.3 0 0 0-1.89-1.33c-1.4-.46-2.8-.56-4.02-2.33zm-7.8 3.55-.18 1.14c2.45.4 3.62 1.32 4.28 2.5.66 1.17.8 2.7.85 4.25.05 1.56.01 3.12.57 4.42.29.65.74 1.24 1.42 1.62a5.2 5.2 0 0 0 2.63.58v-1.16c-.96 0-1.6-.16-2.06-.42-.45-.26-.72-.6-.93-1.07-.4-.95-.42-2.42-.48-4-.05-1.59-.16-3.3-1-4.79-.82-1.48-2.4-2.64-5.1-3.07zm18.71.53-.82.8c.78.8 1.02 1.46 1.04 2.08.03.62-.18 1.25-.47 1.9-.29.65-.65 1.3-.82 2.03-.17.72-.08 1.58.53 2.28.6.7 1.5 1.4 1.86 2.2.18.4.24.78.11 1.27s-.49 1.1-1.24 1.81a2.26 2.26 0 0 0-.78 1.73 3 3 0 0 0 .67 1.59c.7.96 1.72 1.88 2.4 2.95l.97-.61c-.79-1.25-1.86-2.23-2.44-3.02-.29-.4-.44-.73-.45-.97-.01-.25.05-.47.43-.83a5.26 5.26 0 0 0 1.55-2.35c.2-.75.1-1.46-.17-2.05-.53-1.17-1.58-1.96-2.04-2.48-.38-.44-.4-.75-.28-1.25s.45-1.13.76-1.83c.3-.7.6-1.51.57-2.42a4.34 4.34 0 0 0-1.38-2.83zm53.02 1.05-.74.88c.38.32.55.65.64 1.05.09.4.07.88.02 1.4-.1 1.04-.39 2.26.24 3.36.36.64.92 1 1.46 1.1.54.08 1.03-.02 1.47-.07.45-.06.83-.08 1.15.02.32.1.64.3 1 .9 1.18 1.95 2.26 2.43 3.07 2.72.8.28 1.28.34 2.16 1.93l1-.56c-.98-1.78-2-2.19-2.78-2.46-.78-.28-1.39-.45-2.47-2.24a3 3 0 0 0-1.64-1.4 3.73 3.73 0 0 0-1.63-.06c-.48.06-.87.12-1.14.07-.26-.04-.42-.1-.65-.51-.34-.61-.2-1.57-.09-2.69a5.6 5.6 0 0 0-.05-1.75 3.04 3.04 0 0 0-1.02-1.7zm-24.87 1.3-1.1.34a10.33 10.33 0 0 0 1.7 3.52c.68.83 1.5 1.34 2.38 1.52 1.77.36 3.65-.5 5.66-1.81a2.43 2.43 0 0 1 1.75-.36c.63.1 1.3.37 1.94.75a8.43 8.43 0 0 1 2.56 2.4l1.03-.52a8.3 8.3 0 0 0-3-2.87 6.4 6.4 0 0 0-2.37-.9 3.65 3.65 0 0 0-2.54.53c-1.92 1.25-3.57 1.9-4.8 1.65a2.9 2.9 0 0 1-1.71-1.12 9.3 9.3 0 0 1-1.5-3.13zM37.8 91.8l-.15 1.14a5.3 5.3 0 0 1 2.72 1.57c.89.83 1.75 1.86 2.65 2.7.9.85 1.88 1.56 3.06 1.53 1.18-.02 2.33-.82 3.5-2.52a3.98 3.98 0 0 1 4.35-1.81 8.67 8.67 0 0 1 4.57 2.82l.87-.76a9.67 9.67 0 0 0-5.23-3.2 5.28 5.28 0 0 0-5.5 2.3c-1.07 1.54-1.91 2-2.59 2.02-.68.02-1.42-.44-2.24-1.22-.83-.77-1.7-1.8-2.65-2.7-.97-.9-2.05-1.7-3.36-1.87Zm42.53 6.25c-.55 0-1.05.02-1.51.08-1.84.24-3 1-3.8 1.8-.8.78-1.3 1.54-1.78 1.84-.24.16-.47.23-.84.21a4.23 4.23 0 0 1-1.56-.5c-1.26-.62-2.41-1.2-3.69-1.28-1.28-.07-2.6.43-4.03 1.77-.47.46-1 .86-1.55 1.2l.6.98a9.96 9.96 0 0 0 1.75-1.35h-.01c1.28-1.19 2.22-1.5 3.17-1.45.96.05 1.99.54 3.24 1.17.78.38 1.43.58 2.02.62.58.03 1.1-.13 1.52-.39.82-.52 1.29-1.33 1.97-2a4.98 4.98 0 0 1 3.13-1.47c1.6-.2 3.96.01 7.5 1.12l.34-1.1a23.6 23.6 0 0 0-6.47-1.25ZM53.69 100c-.89.1-1.87.5-3 1.3l.67.94a5.38 5.38 0 0 1 2.45-1.1c.62-.06 1.1.1 1.56.38.94.58 1.73 1.8 2.86 2.62l.68-.94c-.86-.62-1.67-1.89-2.93-2.66a3.59 3.59 0 0 0-2.29-.54z' stroke-width='3' stroke='none' fill='hsla(0, 0%, 13%, 0.8666666666666666)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #9b9b9b;
}
.logo:hover {
background-color: #9b9b9b;
box-shadow: none;
translate: 5px 5px;
}
</style>
</head>
<body style="font-family:'Jost', sans-serif;width: 100vw;height: 100vh;color: #fff;margin: 0;padding: 0;">
<div class="container" style=" width: 70%;
margin: 2.5% auto; padding: 2rem; border-radius: 15px; padding-bottom: 10px; background-color: #222;
">
<div class="header" style=" display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;">
<h1 class="heading" style=" font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin: 0;">To Whom It May Concern,</h1>
<a href="https://thomasleonhighbaugh.me">
<div class="logo" style="width: auto;
height: auto;
padding-left: 0.5rem;
padding-right: 0.5rem;
text-transform: uppercase;
background: #fff;
color: #222;
letter-spacing: 1.8;
font-size: 2rem;
font-weight: 900;
box-shadow: 5px 5px #9b9b9b;
border-radius: 5px;">TLH</div>
</a>
</div>
<div class="content" style=" line-height: 1.45;
margin-bottom: 20px;
padding-left: 2.5%;
padding-right: 2.5%;
font-weight: 500;">
<p>
This is a simple email template bringing my signature branding into
the age of Neubrutalist design.
</p>
<p>
While inspired by the clean lines and geometric shapes of
Neobrutalism, this email template interpretation subtly incorporates
elements of Neo-Memphis design to achieve a more playful and vibrant
aesthetic.
</p>
<p>
This fusion retains the fundamental Neobrutalist principles of
<b>clarity</b> and <b>functionality</b>, while incorporating a more
organic user experience through the use of a0 tasteful fontface, bold
Memphis-style pattern, and playful juxtaposition between light and
dark portions of the screen.
</p>
<p>
This approach aims to create a space that is both sophisticated and
engaging, stimulating the senses and fostering a sense of joy and
discovery.
</p>
<hr style=" margin-top: 30px;" />
</div>
<div class="footer" style=" margin-right: 1.5rem; text-align: right; justify-items: end; justify-content: end; font-size: 14px; padding-bottom: 0; margin-bottom: 0;">
<h3 style=" font-size: 16px;
font-weight: 500;">Thank you for your time and consideration,</h3>
<a href="https://biolink-delta.vercel.app/">
<h2 style=" font-weight: 800;
font-size: 22px;">Thomas Leon Highbaugh </h2>
</a>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment