<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en-US" xml:lang="en-US">
  <head>
    <title data-ignore-plain-text>The Shape of Things: issue 18</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="format-detection" content="address=no">
    <!--[if (gte mso 9)|(IE)]>
    <style type="text/css" media="screen">
      li {
        text-indent: -1em;
      }
    </style>
    <![endif]-->
    <style type="text/css" media="all">
      body,
.section-text-area,
.section-text-area-wrapper,
.section-text-cell {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}
body {
    width: 100% !important;
    min-width: 100% !important;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    mso-line-height-rule: exactly;
}
p {
    margin-block: 0;
}
@media only screen and (max-width:  593px ) {
    table#newsletter-table {
        border: 0 !important;
    }
    table#newsletter-email {
        width: 100% !important;
    }
    img.section-scaleable-image,
    img.section-empty-img {
        max-width: 100% !important;
        height: auto !important;
    }
    .bg-none {
        background: none !important;
    }
    .hauto {
        height: auto !important;
    }
    .show-desktop-only {
        display: none !important;
    }
    .show-mobile-only {
        display: block !important;
        float: none !important;
        line-height: auto !important;
        max-height: inherit !important;
        max-width: inherit !important;
        margin-top: 0px !important;
        overflow: visible !important;
        visibility: inherit !important;
        width: auto !important;
    }
    .stack-cell-wrap {
        display: block !important;
    }
    .stack-cell-up {
        display: table-header-group !important;
    }
    .stack-cell-down {
        display: table-footer-group !important;
    }
    .mw100p {
        max-width: 100% !important;
    }
    .section-horizontal-padding,
    .padding-mobile-both {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .padding-mobile-left {
        padding-left: 22px !important;
    }
    .padding-mobile-right {
        padding-right: 22px !important;
    }
    .text-left {
        text-align: left !important;
    }
    .text-right {
        text-align: right !important;
    }
    .w100p {
        width: 100% !important;
    }
}
.button-style-solid:hover,
.button-style-rounded:hover {
    opacity: .8 !important;
}
a:hover {
    text-decoration: none !important;
}
span.mail-merge-preview {
    border-bottom: 2px dotted currentColor;
    display: inline-block;
    line-height: 1em !important;
    margin-bottom: .125em !important;
}
table#newsletter-section-body .linked-site-title-link {
    color: #3333c1 !important;
}
#header-header-section-stacked-top-0 .brand-name .linked-site-title-link {
    color: #200814;
    text-decoration: none;
}
#footer-footer-section-stacked-top-0 .brand-name .linked-site-title-link {
    color: #fbf8f8;
    text-decoration: none;
}
#footer-footer-section-stacked-top-0 .footer-text .linked-site-title-link {
    color: #3333c1;
}
#button-button-section-3 .button-style-outline:hover {
    background-color: #000 !important;
    border: 1px solid #000 !important;
}
#button-button-section-3 .button-style-outline:hover .button-section-label {
    color: #fff !important;
}
body.renderedPreview #line-line-section-4 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}
body.renderedPreview #line-line-section-7 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}
body.renderedPreview #line-line-section-10 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}
body.renderedPreview #line-line-section-12 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}
body.renderedPreview #line-line-section-19 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}
body.renderedPreview #line-line-section-21 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}
body.renderedPreview #line-line-section-23 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}
body.renderedPreview #line-line-section-25 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}
#button-button-section-28 .button-style-outline:hover {
    background-color: #fffffd !important;
    border: 1px solid #fffffd !important;
}
#button-button-section-28 .button-style-outline:hover .button-section-label {
    color: #000 !important;
}
body.renderedPreview #line-line-section-29 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}
#button-button-section-31 .button-style-outline:hover {
    background-color: #000 !important;
    border: 1px solid #000 !important;
}
#button-button-section-31 .button-style-outline:hover .button-section-label {
    color: #fff !important;
}
body.renderedPreview #line-line-section-32 div.basic-line[data-line="dashed"] {
    border-width: .5px 0 !important;
}

    </style>
    
    
    <!--[if mso]>
    <noscript>
      <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
      </xml>
    </noscript>
    <![endif]-->
    
    <!--[if (mso)|(mso 16)]>
      <style type="text/css">
        a {text-decoration: none;}
      </style>
    <![endif]-->
  </head>
  <body style="padding:0;margin:0;text-align:center;background-color:#fffffd;">
    <table role="article" aria-label="The Shape of Things: issue 18" lang="en-US" cellpadding="0" cellspacing="0" border="0" align="center" id="newsletter-table" style="font-size:16px;font-weight:normal;width:100%;padding:0px;background-color:#fffffd;border-top:44px solid #fffffd;border-bottom:44px solid #fffffd;margin:0 auto;text-align:center;table-layout:fixed;">
  <tbody><tr>
    <td align="center" valign="top" bgcolor="#FFFFFD" id="newsletter-cell" style="font-size:.875em;">
      <div data-ignore-plain-text class="newsletter-preview-text" style="color:transparent;display:none !important;height:0;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;visibility:hidden;width:0;">
        
            
            A Case for Color: Part 2   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏   ͏
        
      </div>
      <table border="0" cellpadding="0" cellspacing="0" width="594" bgcolor="#FFFFFD" id="newsletter-email">
        <tbody><tr>
          <td align="center" valign="top" id="newsletter-email-wrapper" class="book-sans">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" id="newsletter-section-header">
              <tbody><tr>
                <td align="center" valign="middle" id="newsletter-section-header-cell">
                  
<div id="header-header-section-stacked-top-0">




<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="view-in-browser-table" style="background-color:#fffffd;">
  <tbody><tr>
    <td align="right" valign="middle" class="section-text-area section-header-view-in-browser section-content-cell">
      <p class="view-in-browser" style="color:inherit;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;margin-bottom:11px;"><a href="#" class="view-in-browser-link" style="color:#3333c1 !important;text-decoration-line:underline;text-decoration-color:#000000;"><span class="view-in-browser-link-text" style="font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;color:#000000;">View in Browser</span></a></p>
    </td>
  </tr>
</tbody></table>





<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="section-content header-section header-section-stacked" style="background-color:#fffffd;">
  <tbody><tr>
    <td align="center" valign="middle" class="section-text-area section-content-cell" style="padding-top:22px;padding-right:22px;padding-bottom:0px;padding-left:22px;">
      
  
  
  
    
  

      
    </td>
  </tr>
</tbody></table>

</div>
                </td>
              </tr>
            </tbody></table>
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" id="newsletter-section-body">
              <tbody><tr>
                <td align="center" valign="top" width="100%" id="newsletter-section-body-cell">
                  
<div id="image-image-section-thumbnail-0">


<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#FFFFFD" class="image-section thumbnail-layout section-content">
  
    

    <tbody><tr>
        

      <td>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tbody><tr>
            
            
              
                

<td align="center" valign="middle" class="section-image-cell section-content-cell section-hoverable-image" data-aspect="ORIGINAL" style="padding:0;">

  <a href="https://www.marathondaystudio.com" style="color:#3333c1 !important;"><img class="section-thumbnail-image" src="https://images.squarespace-cdn.com/content/63d3075d54d0e50ee5d3d7ee/64e76e65-7f19-4fea-8fca-b677b84d2c57/marathonday_logoB_withText.jpg?content-type=image%2Fjpeg&amp;format=750w" width="118" style="font-size:.5833333333333334em;display:block;border:0;text-decoration:none;line-height:0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;height:auto;max-width:100%;max-height:250px;width:118px;" alt=""></a>

</td>

                
            
          </tr>
        </tbody></table>
      </td>
        

    </tr>
    

  
</tbody></table>

</div>
<div id="image-image-section-below-1">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="image-section below-layout section-content">

  
  <tbody><tr>
    <td class="spacing-above" height="16"></td>
  </tr>


  
    <tr>
      <td>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tbody><tr>
              

            <td align="left" valign="middle" class="section-image-cell section-content-cell section-hoverable-image" data-aspect="ORIGINAL" style="padding:0;">
              
  <img class="section-scaleable-image" src="https://images.squarespace-cdn.com/content/63d3075d54d0e50ee5d3d7ee/a130f383-198e-46a1-a45d-a8d23507a155/Logo-rainbow2.jpg?content-type=image%2Fjpeg&amp;format=750w" width="594" alt="" style="font-size:.5833333333333334em;display:block;border:0;text-decoration:none;line-height:0;background-color:transparent;font-weight:normal;height:auto;width:100%;max-width:100%;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">


            </td>
              

          </tr>
        </tbody></table>
      </td>
    </tr>
    
  
  


</tbody></table>

</div>
<div id="text-text-section-2">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:12px;padding-right:51px;padding-bottom:22px;padding-left:50px;color:#000;background-color:#fffffd;">
      <p style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-top:0;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center;" class=""><strong><span data-letter-spacing="5" style="font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;letter-spacing:0.4em;">issue no. 18</span></strong></p>
    </td>
  </tr>
</tbody></table>

</div>
<div id="button-button-section-3">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="button-section section-content" style="width:100%;background-color:#fffffd;">
  <tbody><tr>
    <td align="center" valign="middle" class="section-content-cell section-text-area" style="padding-top:22px;padding-right:22px;padding-bottom:15px;padding-left:22px;">
      
      <a href="mailto:hello@marathondaystudio.com?subject=Sign%20me%20up!&amp;body=Please%20add%20me%20to%20the%20subscriber%20list%20so%20I%20can%20receive%20newsletters%20%2B%20updates." class="button-section-box button-style-outline" style="color:#3333c1 !important;display:inline-block;line-height:11px;margin:0;mso-padding-alt:0;text-align:center;text-decoration:none;transition:.15s;width:auto;background-color:transparent;border:1px solid #000;padding:16px 0;"><i class="button-section-mso" style="letter-spacing:29.92px;mso-font-width:-100%;mso-text-raise:26.950000000000003px;">&nbsp;</i><span class="button-section-label" style="font-weight:inherit;line-height:inherit;margin:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#000;display:inline-block;font-size:11px;min-width:1px;mso-text-raise:15.95px;"><span data-letter-spacing="3" style="font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;letter-spacing:0.2em;"> SUBSCRIBE</span></span><i class="button-section-mso" style="letter-spacing:29.92px;mso-font-width:-100%;mso-text-raise:26.950000000000003px;">&nbsp;</i></a>
    </td>
  </tr>
</tbody></table>

</div>
<div id="line-line-section-4">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:45px;padding-right:0;padding-bottom:35px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#f908b5;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
<div id="text-text-section-5">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:0px;padding-right:66px;padding-bottom:17px;padding-left:59px;color:#000;background-color:#fffffd;">
      <h2 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:2.953125em;mso-line-height-alt:2.953125em;margin-top:0;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:-.01em;text-align:center;"><strong>A Case for Color</strong></h2>
    </td>
  </tr>
</tbody></table>

</div>
<div id="text-text-section-6">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-right" style="padding-top:0px;padding-right:43px;padding-bottom:34px;padding-left:29px;color:#000;background-color:#fffffd;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;text-align:center;">Welcome back!</h4><h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;text-align:center;"><strong>In our last issue, we covered some basics of how color exists + why we perceive it the way we do. This week, we dive into its psychological effects + how we can use it to create a positive experience in our built environment.</strong></h4><h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;text-align:center;"><strong>2 of 2</strong></h4>
    </td>
  </tr>
</tbody></table>

</div>
<div id="line-line-section-7">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:11px;padding-right:0;padding-bottom:35px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#f908b5;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
<div id="image-image-section-below-8">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="transparent" class="image-section below-layout section-content">

  

  
    <tbody><tr>
      <td>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tbody><tr>
              

            <td align="left" valign="middle" class="section-image-cell section-content-cell section-hoverable-image" data-aspect="ORIGINAL" style="padding:0;">
              
  <img class="section-scaleable-image" src="https://images.squarespace-cdn.com/content/63d3075d54d0e50ee5d3d7ee/3069eab7-a641-4d3b-b881-2603abbd9bbd/GettyImages-1163082272-086b7391595642ab9378cb3115219792.jpg?content-type=image%2Fjpeg&amp;format=750w" width="594" alt="" style="font-size:.5833333333333334em;display:block;border:0;text-decoration:none;line-height:0;background-color:transparent;font-weight:normal;height:auto;width:100%;max-width:100%;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">


            </td>
              

          </tr>
        </tbody></table>
      </td>
    </tr>
    
    <tr>
      <td>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tbody><tr>
              

            <td valign="top" class="section-text-cell section-content-cell" style="padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;">
              <div class="section-caption-text" style="position:relative;"><p style="font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-top:0;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#313131;text-align:right;" class=""><em>Getty Images</em></p></div>
            </td>
              

          </tr>
        </tbody></table>
      </td>
    </tr>
    
  
  


</tbody></table>

</div>
<div id="text-text-section-9">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:0px;padding-right:43px;padding-bottom:48px;padding-left:43px;color:#000;background-color:#fffffd;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;"><strong>A (very) brief history</strong></h4><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Newton’s introduction of the color spectrum in his three-part series Opticks (1704) focused on light reflection + refraction. His revelation of the color wheel informed a new sense of order, showing the physical relationship between colors. This discovery impacted many artists + works that followed, including painters such as Van Gogh. </p><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">While most of our limited color history is told through the lens of Western culture, there were several who came before + from elsewhere. Iraqi-born (965-1040), Hasan Ibn al-Haytham, was considered the father of modern optics and wrote <em>Kitāb al-manāẓir</em> (“Optics”). Drawing on Ptolemy’s previous works, it featured the effects of light reflection + refraction as well as how the eye perceives color as it combined mathematics with scientific experimentation. </p>
    </td>
  </tr>
</tbody></table>

</div>
<div id="line-line-section-10">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:11px;padding-right:0;padding-bottom:8px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#f908b5;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
<div id="text-text-section-11">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:26px;padding-right:43px;padding-bottom:26px;padding-left:43px;color:#859419;background-color:#fffffd;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;text-align:center;"><em><strong>“The history of painting is one thing; the history of
colors is another – and altogether more vast.”</strong></em></h4><p style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center;" class="">-Michele Pastoureau</p>
    </td>
  </tr>
</tbody></table>

</div>
<div id="line-line-section-12">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:11px;padding-right:0;padding-bottom:8px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#f908b5;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
<div id="text-text-section-13">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:50px;padding-right:43px;padding-bottom:37px;padding-left:43px;color:#000;background-color:#fffffd;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;"><strong>Theory in practice</strong></h4><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Color’s psychological impact is prevalent. From advertising to automobiles, we are constantly at the mercy of the manipulation of our perceptions through the use of color. Companies invest immense sums of time + money studying + selecting colors to influence consumer behavior. In fact, the color of a product or brand can account for nearly 90% of the initial impression of consumers.</p><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Color can also influence people in more dangerous ways. A study of 1.5 million cars by the IIHS (Insurance Institute of Highway Safety) found that red cars were 12% more likely to be involved in accidents. Another study by AAA revealed that the propensity for theft was 25% higher for a red car than for any other color. </p>
    </td>
  </tr>
</tbody></table>

</div>
<div id="image-image-section-below-14">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="transparent" class="image-section below-layout section-content">

  

  
    <tbody><tr>
      <td>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tbody><tr>
              

            <td align="left" valign="middle" class="section-image-cell section-content-cell section-hoverable-image" data-aspect="ORIGINAL" style="padding:0;">
              
  <img class="section-scaleable-image" src="https://images.squarespace-cdn.com/content/63d3075d54d0e50ee5d3d7ee/5066b39d-4477-4f92-aa5d-5f2ecad0de47/pinkjail.jpg?content-type=image%2Fjpeg&amp;format=750w" width="594" alt="" style="font-size:.5833333333333334em;display:block;border:0;text-decoration:none;line-height:0;background-color:transparent;font-weight:normal;height:auto;width:100%;max-width:100%;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">


            </td>
              

          </tr>
        </tbody></table>
      </td>
    </tr>
    
  
  


</tbody></table>

</div>
<div id="text-text-section-15">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:50px;padding-right:43px;padding-bottom:50px;padding-left:43px;color:#000;background-color:#fffffd;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;"><strong>Drunk Tank Pink</strong></h4><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">In 1979, a study was performed by Professor Alexander Schauss that proposed that the controlled exposure of (cisgender) men to a bubblegum pink hue would effectively decrease levels of aggression. The positive results were so consistent that he proposed the extension of the study to prison cells. </p><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;"><em>Now, for this exercise, we won’t get into how problematic the prison industrial complex is or how mass incarceration unfairly targets black + brown people and is undeniably an extension of Jim Crow (check out Michelle Alexander's book The New Jim Crow), but instead we will focus on the impact of color + psychology.</em></p><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">The first location to adopt this was the U.S. Naval Correctional Center in Seattle. Any newly arriving inmates would be brought to one cell that had been painted pink. The results were impressive- while all of the inmates arrived agitated, within 15 minutes they were calm, and for the full 7 months that followed, there was not a single violent incident reported. Later, in the 1980’s when implemented in holding cells for violent drunks, the color was unofficially coined “drunk tank pink” + had become a cultural sensation. </p><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">However, the same success was not experienced unilaterally. In a Santa Clara prison, there was an <em>increase</em> in violent incidents. The calm that the prisoners felt after the initial 15 minutes turned to increased agitation shortly after. This proves that it is nearly impossible to generalize a study to apply to everyone. As we learned in part 1, our response to color is influenced by several factors, including our own personal experience.   </p>
    </td>
  </tr>
</tbody></table>

</div>
<div id="image-image-section-below-16">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="transparent" class="image-section below-layout section-content">

  

  
    <tbody><tr>
      <td>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tbody><tr>
              

            <td align="left" valign="middle" class="section-image-cell section-content-cell section-hoverable-image" data-aspect="ORIGINAL" style="padding:0;">
              
  <img class="section-scaleable-image" src="https://images.squarespace-cdn.com/content/63d3075d54d0e50ee5d3d7ee/ebdeb00a-3d6c-41b6-87b0-e5879d0f9039/nycaerial.jpg?content-type=image%2Fjpeg&amp;format=750w" width="594" alt="" style="font-size:.5833333333333334em;display:block;border:0;text-decoration:none;line-height:0;background-color:transparent;font-weight:normal;height:auto;width:100%;max-width:100%;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">


            </td>
              

          </tr>
        </tbody></table>
      </td>
    </tr>
    
    <tr>
      <td>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tbody><tr>
              

            <td valign="top" class="section-text-cell section-content-cell" style="padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;">
              <div class="section-caption-text" style="position:relative;"><p style="font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-top:0;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#313131;text-align:right;" class=""><em>Getty Images: NYC</em></p></div>
            </td>
              

          </tr>
        </tbody></table>
      </td>
    </tr>
    
  
  


</tbody></table>

</div>
<div id="text-text-section-17">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:0px;padding-right:43px;padding-bottom:0px;padding-left:43px;color:#000;background-color:#fffffd;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;"><strong>Remake our world</strong></h4><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">So, let’s think about this as it pertains to our own environments. Moving through the streets of most urban cities, we are bombarded by gray + glass. Skyscrapers that bleed into asphalt- an overwhelmingly uninspiring monolith of blehhh. While concrete, steel + glass may be more “modern” in their materiality, this idea of neutrality in color as prevalent in a trending timeline is very how shall we say…colonial.</p><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Many Western ideologies have viewed color as a primitive approach. In the words of Johann Wolfgang von Goethe (1810), “Savage nations, uneducated people, + children have a great predilection for vivid colors.” <em>Can you say….racism + classism?</em> But we know better. Color has the power to impact how we feel + move and ultimately transform our experience and well-being. </p><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Maybe we can all agree to stop upholding the abundance of beige + gray everything that our western world has somehow deemed a signifier of taste. Imagine waking up to a rainbow cityscape? Colors that motivate + inspire, evoking safety + comfort. While we may not be Christo’s wrapping islands in color, as designers + architects, we have a responsibility to deeply consider color’s impact on well-being. </p>
    </td>
  </tr>
</tbody></table>

</div>
<div id="image-image-section-thumbnail-18">


<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="transparent" class="image-section thumbnail-layout section-content">
  
    
  <tbody><tr>
    <td class="spacing-above" height="44"></td>
  </tr>


    <tr>
        

      <td>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tbody><tr>
            
            
              
                

<td align="center" valign="middle" class="section-image-cell section-content-cell section-hoverable-image" data-aspect="ORIGINAL" style="padding:0;">

  <img class="section-thumbnail-image" src="https://images.squarespace-cdn.com/content/63d3075d54d0e50ee5d3d7ee/ebdeb00a-3d6c-41b6-87b0-e5879d0f9039/nycaerial.jpg?content-type=image%2Fjpeg&amp;format=750w" width="250" style="font-size:.5833333333333334em;display:block;border:0;text-decoration:none;line-height:0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;height:auto;max-width:100%;max-height:250px;width:250px;" alt="">

</td>

                
                <td width="0" height="0"></td>

              
                

<td align="center" valign="middle" class="section-image-cell section-content-cell section-hoverable-image" data-aspect="ORIGINAL" style="padding:0;">

  <img class="section-thumbnail-image" src="https://images.squarespace-cdn.com/content/63d3075d54d0e50ee5d3d7ee/f17cd950-51d5-4d5f-9b90-7af4388b7ea9/haiti-portauprince.jpg?content-type=image%2Fjpeg&amp;format=750w" width="250" style="font-size:.5833333333333334em;display:block;border:0;text-decoration:none;line-height:0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;height:auto;max-width:100%;max-height:250px;width:250px;" alt="">

</td>

                
            
          </tr>
        </tbody></table>
      </td>
        

    </tr>
    
  <tr>
    <td bgcolor="transparent" class="spacing-below" height="44"></td>
  </tr>


  
</tbody></table>

</div>
<div id="line-line-section-19">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:11px;padding-right:0;padding-bottom:32px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#f908b5;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
<div id="text-text-section-20">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:0px;padding-right:43px;padding-bottom:0px;padding-left:43px;color:#859419;background-color:#fffffd;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;text-align:center;"><em><strong>“I think of beauty as an absolute necessity. I don’t think it’s a privilege or an indulgence; it’s not even a quest. I think it’s almost like knowledge, which is to say, it’s what we’re born for.”</strong></em></h4><p style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center;" class="">- Toni Morrison</p>
    </td>
  </tr>
</tbody></table>

</div>
<div id="line-line-section-21">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:29px;padding-right:0;padding-bottom:8px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#f908b5;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
<div id="text-text-section-22">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both padding-mobile-left" style="padding-top:22px;padding-right:40px;padding-bottom:22px;padding-left:43px;color:#000;background-color:#fffffd;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;"><strong>How does this apply to me?</strong></h4><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Every color evokes different emotions. Below is a high-level look at some of the general emotions people feel when encountering certain colors. However, just like with Schauss’s experiment with pink, the human response to color may vary based on experience + culture. </p><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;"><strong>Examples of Variance:</strong></p><ul data-rte-list="default" style="padding-left:25px;"><li style="font-weight:normal;margin-top:0px;margin-bottom:0px;margin-left:15px;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;"><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-top:0;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Eastern culture sees white as mourning + death, while Western culture sees purity + harmony.</p></li><li style="font-weight:normal;margin-top:0px;margin-bottom:0px;margin-left:15px;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;"><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-top:0;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Chinese culture views red as good fortune, while Western cultures see it as cautionary, (and also love). </p></li><li style="font-weight:normal;margin-top:0px;margin-bottom:0px;margin-left:15px;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;"><p class="" style="color:inherit;font-size:.875em;line-height:1.618em;margin:0 0 1.25em 0;font-weight:normal;margin-top:0;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">What are some ways you respond to the colors below that are different from what is shown?</p></li></ul>
    </td>
  </tr>
</tbody></table>

</div>
<div id="line-line-section-23">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:11px;padding-right:0;padding-bottom:32px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#f908b5;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
<div id="text-text-section-24">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell" style="padding-top:0px;padding-right:22px;padding-bottom:0px;padding-left:28px;color:#859419;background-color:#fffffd;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;text-align:center;"><strong>Color is complex. Most color theory is based on products + branding. Good color application in the built environment requires context, as well as our understanding of hue, chroma + value.</strong></h4>
    </td>
  </tr>
</tbody></table>

</div>
<div id="line-line-section-25">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:40px;padding-right:0;padding-bottom:3px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#f908b5;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
<div id="image-image-section-below-26">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="transparent" class="image-section below-layout section-content">

  

  
    <tbody><tr>
      <td>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tbody><tr>
              

            <td align="left" valign="middle" class="section-image-cell section-content-cell section-hoverable-image" data-aspect="ORIGINAL" style="padding:0;">
              
  <img class="section-scaleable-image" src="https://images.squarespace-cdn.com/content/63d3075d54d0e50ee5d3d7ee/b1304c7b-37da-4570-8a40-eab3c64bc1ec/color+chart-revised.jpg?content-type=image%2Fjpeg&amp;format=750w" width="594" alt="" style="font-size:.5833333333333334em;display:block;border:0;text-decoration:none;line-height:0;background-color:transparent;font-weight:normal;height:auto;width:100%;max-width:100%;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;">


            </td>
              

          </tr>
        </tbody></table>
      </td>
    </tr>
    
  
  


</tbody></table>

</div>
<div id="text-text-section-27">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#F908B5" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:36px;padding-right:61px;padding-bottom:26px;padding-left:61px;color:#fffffd;background-color:#f908b5;">
      <h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-top:0;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;text-align:center;"><strong>What are some of your favorite experiences or ways to use color?</strong></h4>
    </td>
  </tr>
</tbody></table>

</div>
<div id="button-button-section-28">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#F908B5" class="button-section section-content" style="width:100%;background-color:#f908b5;">
  <tbody><tr>
    <td align="center" valign="middle" class="section-content-cell section-text-area" style="padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;">
      
      <a href="mailto:hello@marathondaystudio.com?subject=Color%20Stories" class="button-section-box button-style-outline" style="color:#3333c1 !important;display:inline-block;line-height:11px;margin:0;mso-padding-alt:0;text-align:center;text-decoration:none;transition:.15s;width:auto;background-color:transparent;border:1px solid #fffffd;padding:16px 0;"><i class="button-section-mso" style="letter-spacing:29.92px;mso-font-width:-100%;mso-text-raise:26.950000000000003px;">&nbsp;</i><span class="button-section-label" style="font-weight:inherit;line-height:inherit;margin:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#fffffd;display:inline-block;font-size:11px;min-width:1px;mso-text-raise:15.95px;"><span data-letter-spacing="3" style="font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;letter-spacing:0.2em;">Share Your Color Stories</span></span><i class="button-section-mso" style="letter-spacing:29.92px;mso-font-width:-100%;mso-text-raise:26.950000000000003px;">&nbsp;</i></a>
    </td>
  </tr>
</tbody></table>

</div>
<div id="line-line-section-29">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:33px;padding-right:0;padding-bottom:12px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#08f916;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
<div id="text-text-section-30">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="text-section section-content">
  <tbody><tr>
    <td valign="top" class="section-text-area section-content-cell padding-mobile-both" style="padding-top:24px;padding-right:88px;padding-bottom:31px;padding-left:88px;color:#000;background-color:#fffffd;">
      <h3 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.96875em;mso-line-height-alt:1.96875em;margin-top:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:0em;text-align:center;"><strong><span data-letter-spacing="2" style="font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;letter-spacing:0.1em;">Every space has a story. </span></strong></h3><h4 style="color:inherit;margin:1.414em 0 .5em;font-weight:400;line-height:1.25em;font-size:1.3125em;mso-line-height-alt:1.3125em;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing:.02em;text-align:center;"><strong><span data-letter-spacing="2" style="font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;letter-spacing:0.1em;">What’s yours?</span></strong></h4>
    </td>
  </tr>
</tbody></table>

</div>
<div id="button-button-section-31">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="button-section section-content" style="width:100%;background-color:#fffffd;">
  <tbody><tr>
    <td align="center" valign="middle" class="section-content-cell section-text-area" style="padding-top:22px;padding-right:22px;padding-bottom:0px;padding-left:22px;">
      
      <a href="https://www.marathondaystudio.com" class="button-section-box button-style-solid" style="color:#3333c1 !important;display:inline-block;line-height:11px;margin:0;mso-padding-alt:0;text-align:center;text-decoration:none;transition:.15s;width:auto;background-color:#000;border:0;padding:17px 0;"><i class="button-section-mso" style="letter-spacing:29.92px;mso-font-width:-100%;mso-text-raise:26.950000000000003px;">&nbsp;</i><span class="button-section-label" style="font-weight:inherit;line-height:inherit;margin:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#efefef;display:inline-block;font-size:11px;min-width:1px;mso-text-raise:15.95px;"><span data-letter-spacing="3" style="font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;letter-spacing:0.2em;">Discover Your Story</span></span><i class="button-section-mso" style="letter-spacing:29.92px;mso-font-width:-100%;mso-text-raise:26.950000000000003px;">&nbsp;</i></a>
    </td>
  </tr>
</tbody></table>

</div>
<div id="line-line-section-32">

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="line-section section-content">
  <tbody><tr>
    <td align="center" valign="middle" width="100%">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="line-section-table section-content" style="width:100%;min-width:100%;">
        <tbody><tr>
          <td align="center" valign="middle" class="section-content-cell" width="100%" style="padding-top:26px;padding-right:0;padding-bottom:12px;padding-left:0;">
            <div class="basic-line" data-line="solid" style="background:none;font-size:0;margin:0;line-height:0;height:0;width:100%;border-style:solid none;border-width:1px 0 0px;border-color:#08f916;">&nbsp;</div>
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

</div>
                </td>
              </tr>
            </tbody></table>
            
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" id="newsletter-section-footer">
                <tbody><tr>
                  <td align="center" valign="top" id="newsletter-section-footer-cell">
                    
<div id="footer-footer-section-stacked-top-0">



<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFD" class="footer-section footer-section-stacked section-content" style="background-color:#fffffd;">
  <tbody><tr>
    <td align="center" valign="top" class="section-text-area section-content-cell" style="padding-top:47px;padding-right:22px;padding-bottom:22px;padding-left:22px;">
      
  
  
  
    
    <a class="brand-logo-link" href="https://www.marathondaystudio.com/" style="color:#3333c1 !important;"><img class="brand-logo" src="https://images.squarespace-cdn.com/content/63d3075d54d0e50ee5d3d7ee/64e76e65-7f19-4fea-8fca-b677b84d2c57/marathonday_logoB_withText.jpg?content-type=image%2Fjpeg&amp;format=750w" height="90" alt="Marathon Day" style="font-size:.5833333333333334em;border:0;text-decoration:none;line-height:0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;margin-bottom:13.75px;color:#fffffd;display:inline;height:auto;max-height:90px;max-width:100%;width:auto;"></a>
    
  

      
  <table role="presentation" class="social-links" cellpadding="0" cellspacing="0" border="0">
    <tbody><tr>
    
    
      <td valign="top" width="30" height="52">
        <a href="https://www.instagram.com/MARATHON.DAY/" style="color:#3333c1 !important;text-decoration:none;">
          <img class="social-link-icon" src="https://assets.squarespace.com/composer/assets/images/email/social-icons/instagram+dark.png" width="22" height="22" max-width="22" alt="instagram" style="font-size:.5833333333333334em;text-decoration:none;line-height:0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;display:block;margin:0 auto;border:0;">
        </a>
      </td>
    
      

<td class="" width="20"></td>

    
      <td valign="top" width="30" height="52">
        <a href="https://www.linkedin.com/company/marathon-day/" style="color:#3333c1 !important;text-decoration:none;">
          <img class="social-link-icon" src="https://assets.squarespace.com/composer/assets/images/email/social-icons/linkedin+dark.png" width="22" height="22" max-width="22" alt="linkedin" style="font-size:.5833333333333334em;text-decoration:none;line-height:0;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;display:block;margin:0 auto;border:0;">
        </a>
      </td>
    
    </tr>
  </tbody></table>


      
      
  
    <p class="footer-company-info" style="line-height:1.618em;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#fffffd;font-size:11px;margin:0 0 13.75px 0;padding:0;">
  <a style="color:#fffffd;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;cursor:default;">Marathon Day, 
  Nassau Avenue, 
  Brooklyn, NY, 
  United States</a>
</p>
  

      
<p class="footer-links" style="line-height:1.618em;font-weight:normal;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;color:#313131;margin:0 0 13.75px 0;padding:0;">
  Powered by <a href="https://www.squarespace.com?channel=product_refer&amp;subchannel=customer&amp;source=email_campaigns_button&amp;campaign=63d3075d54d0e50ee5d3d7ee&amp;utm_medium=product_refer&amp;utm_source=email_campaigns_button" class="sqsp-link" style="color:#313131;text-decoration:underline;display:inline-block;">Squarespace</a>
</p>


      <p class="footer-links" style="line-height:1.618em;font-weight:normal;margin-bottom:0;font-family:'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;color:#313131;margin:0 0 13.75px 0;padding:0;">
  <a href="#" class="unsubscribe-link" style="color:#313131;text-decoration:underline;">
    <span class="unsubscribe-link-text" style="font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;">Unsubscribe</span>
  </a>
</p>

    </td>
  </tr>
</tbody></table>

</div>
                  </td>
                </tr>
              </tbody></table>
            
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

  
</body></html>
