<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Figma</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no" />
<meta name="x-apple-disable-message-reformatting" />
<meta name="color-scheme" content="light dark" />
<meta name="supported-color-schemes" content="light dark" />
<style type="text/css">
/*<![CDATA[*/
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
@font-face {
font-family: 'Whyte';
font-style: normal;
font-weight: normal;
src: /*url(.eot?#iefix) format('embedded-opentype'),
url(.woff2) format('woff2'),
url(.ttf) format('truetype'),*/
url(https://static.figma.com/uploads/9254519927cf4912e61627442d7ab7a5a9226581.woff) format('woff');
mso-font-alt: 'Arial';
}
h1{font-size: 26px; line-height:32px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; font-weight: normal; margin: 0;}
h2{font-size: 20px; line-height:28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: center; font-weight: normal;margin: 0;}
h3{font-weight:bold; font-size: 20px; line-height: 28px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; text-align: left;margin: 0;}
h4{font-size:18px; line-height: 24px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#333333; font-weight: normal;margin: 0;}
h5{font-size: 36px; font-weight:bold; line-height: 42px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; margin: 0;}
h6{font-weight:bold; font-size: 32px; line-height: 38px; font-family:'Whyte', Helvetica, Arial, sans-serif; color:#000000; letter-spacing:-1px; margin: 0;}
sup{font-size: 12px; color: #9747FF; font-weight: bold; font-family:'Whyte', Helvetica, Arial, sans-serif; vertical-align: top; line-height: 0; mso-font-size: 12px !important; mso-text-raise:40%;}
a{outline:none;color:#000; text-decoration:none;}
a:hover{text-decoration:none !important;}
.h-u a{text-decoration:underline;}
.h-u a:hover, .active-t a:hover{text-decoration:none !important;}
a[x-apple-data-detectors]{color:inherit !important; text-decoration:none !important;}
.active-i a:hover,
.active-t:hover{opacity:0.8;}
.active-i a,
.active-t{transition:all 0.3s ease;}
.link:hover { text-decoration:none !important; }
.cta-border:hover { border-bottom: 1px solid transparent !important; }
.fadeimg {
transition: 0.3s!important;
opacity: 1!important;
}
.fadeimg:hover {
transition: 0.3s!important;
opacity: 0.8!important;
}
.cta { transition: 0.3s !important; }
a img{border:none; outline: none; text-decoration: none;}
b, strong{font-weight:700;}
p{margin:0;}
th{padding:0;}
table, td{mso-table-lspace:0; mso-table-rspace:0; border-spacing: 0; border: 0;}
.ns span,
.ns a{color:inherit !important; text-decoration:none !important; border:none !important;}
.text-secondary { color: rgba(0,0,0,0.5) !important; }
.gmail-emoji-fix img{height:1em;width:1em}
@media only screen and (max-width:375px) and (min-width:320px) {
.gmail-fix{min-width:320px !important;}
}
@media only screen and (max-width:414px) and (min-width:413px) {
.gmail-fix{min-width:413px !important;}
}
@media screen and (max-width: 800px) {
.w-100p{width:100%!important;}
.wi-100p img{width:100%!important;height:auto!important;}
.wi-33p img{width:33%!important;height:auto!important;}
.tflex{display:block!important;width:100%!important;}
.thold{display:table!important;width:100%!important;}
.trow{display:table-row!important;width:100%!important;}
.tfoot{display:table-footer-group!important;width:100%!important;}
.fs-18{font-size:18px!important;}
.fs-22{font-size:22px!important;}
.fs-32{font-size:32px!important;}
.lh-38{line-height: 38px!important;}
.lh-26{line-height: 26px!important;}
.pt-0{padding-top:0!important;}
.pt-24{padding-top:24px!important;}
.pt-40{padding-top:40px!important;}
.pt-60{padding-top:60px!important;}
.pt-70{padding-top:70px!important;}
.pb-0{padding-bottom:0!important;}
.pb-24{padding-bottom:24px!important;}
.pb-40{padding-bottom:40px!important;}
.pb-60{padding-bottom:50px!important;}
.pb-70{padding-bottom:70px!important;}
.pl-0{padding-left:0px!important;}
.pl-20{padding-left:20px!important;}
.pl-35{padding-left:35px!important;}
.pr-0{padding-right:0px!important;}
.pr-20{padding-right:20px!important;}
.pr-35{padding-right:35px!important;}
.plr-15{padding-left:15px!important;padding-right:15px!important;}
.plr-25{padding-left:25px!important;padding-right:25px!important;}
.ptb-24{padding-top:24px!important;padding-bottom:24px!important;}
.ptb-45{padding-top:45px!important;padding-bottom:45px!important;}
.ptb-60{padding-top:60px!important;padding-bottom:60px!important;}
}
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
@media (prefers-color-scheme: dark) {
/* Shows Dark Mode-Only Content, Like Images */
.dark-img {
display: block !important;
width: auto !important;
overflow: visible !important;
float: none !important;
max-height: inherit !important;
max-width: inherit !important;
line-height: auto !important;
margin-top: 0px !important;
visibility: inherit !important;
}
/* Hides Light Mode-Only Content, Like Images */
.light-img {
display: none;
display: none !important;
}
/* Custom Dark Mode Background Color */
.darkmode {
background-color: #000000 !important;
}
/* Custom Dark Mode Font Colors */
h1, h2, h3, h4, h5, h6, p, ul, li {
color: #fdfdfd !important;
}
span {
color: #fdfdfd !important;
}
a {
color: #fdfdfd !important;
}
/* Custom Dark Mode Text Link Color */
.link { color: #ffffff !important;}
.footer a { color: #fdfdfd !important; }
.cta-border { color: #fdfdfd !important; border: 3px solid #fdfdfd !important; }
.cta-border span { color: #7EABCE !important; }
.btn-black { background-color: #fdfdfd !important; color: #000000 !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-color: #000000 !important; mso-border: 3px solid #fdfdfd !important; mso-border-radius: 5px !important;}
.btn-white { background-color: #fdfdfd !important; color: #000000 !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-color: #000000!important; mso-border: 3px solid #fdfdfd !important; mso-border-radius: 5px !important;}
.btn-white2 { background-color: #000000 !important; color: #ffffff !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-color: #ffffff !important; mso-border: 3px solid #fdfdfd !important; mso-border-radius: 5px !important; }
.text-secondary { color: rgba(255,255,255,0.7) !important; }
.bc { border-color: #444444 !important; mso-border-color: #444444 !important; }
}
/* Copy dark mode styles for android support */
/* Shows Dark Mode-Only Content, Like Images */
[data-ogsc] .dark-img {
display: block !important;
width: auto !important;
overflow: visible !important;
float: none !important;
max-height: inherit !important;
max-width: inherit !important;
line-height: auto !important;
margin-top: 0px !important;
visibility: inherit !important;
}
/* Hides Light Mode-Only Content, Like Images */
[data-ogsc] .light-img {
display: none;
display: none !important;
}
/* Custom Dark Mode Background Color */
[data-ogsc] .darkmode {
background-color: #000000 !important;
}
[data-ogsc] .darkmode2, [data-ogsc] .callout {
background-color: #1c1c1c !important;
}
/* Custom Dark Mode Font Colors */
[data-ogsc] h1, [data-ogsc] h2, [data-ogsc] h3, [data-ogsc] h4, [data-ogsc] h5, [data-ogsc] h6, [data-ogsc] p, [data-ogsc] li, [data-ogsc] ul {
color: #fdfdfd !important;
}
[data-ogsc] span {
color: #000000 !important;
}
[data-ogsc] a {
color: #000000 !important;
}
/* Custom Dark Mode Text Link Color */
[data-ogsc] .link { color: #ffffff !important;}
[data-ogsc] .btn-link { color: #ffffff !important; text-decoration: none !important;}
[data-ogsc] .footer a { color: #fdfdfd !important; }
[data-ogsc] .cta-border { color: #7EABCE !important; border-bottom: 3px solid #7EABCE !important; }
[data-ogsc] .cta-border span { color: #7EABCE !important; }
[data-ogsc] .btn-black { background-color: #fdfdfd !important; color: #000000 !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-background-color-alt: #fdfdfd !important; mso-color-alt: #000000 !important; mso-border-alt: 3px solid #fdfdfd !important; mso-border-radius-alt: 5px !important;}
[data-ogsc] .btn-white { background-color: #fdfdfd !important; color: #000000 !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-background-color-alt: #fdfdfd !important; mso-color-alt: #000000!important; mso-border-alt: 3px solid #fdfdfd !important; mso-border-radius-alt: 5px !important;}
[data-ogsc] .btn-white2 { background-color: #000000 !important; color: #ffffff !important; border: 3px solid #fdfdfd !important; border-radius: 5px !important; mso-color-alt: #ffffff !important; mso-border-alt: 3px solid #fdfdfd !important; mso-border-radius-alt: 5px !important; mso-background-color-alt: #000000 !important;}
[data-ogsc] .bc { border-color: #444444 !important; mso-border-color: #444444 !important; }
/*]]>*/
</style>
</head>
<!--target dark mode-->
<!-- Allow for better image rendering on Windows hi-DPI displays. -->
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<!--to support dark mode meta tags-->
<!--[if (gte mso 9)|(IE)]>
<!-->
<!--<![endif]-->
<!--mobile styles-->
<!--mobile styles-->
<!--dark mode styles-->
<!--dark mode styles-->
<!--[if gte mso 9]>
<style>
sup { font-size: 60% !important; }
</style>
<![endif]-->
<body
id="body"
class="darkmode"
style="background-color:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:'Whyte', Helvetica, Arial, sans-serif;"
>
<div
style="display:none;font-size:1px;color:#fff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;"
>
Gijs commented
</div>
<table
align="center"
class="darkmode gmail-fix"
width="100%"
style="margin:0 auto;min-width:320px"
cellspacing="0"
cellpadding="0"
>
<tr>
<td align="center" width="580">
<table
class="w-100p darkmode"
width="580"
style="padding:10px;"
cellpadding="0"
cellspacing="0"
>
<tr>
<td align="left" class="pb-32 darkmode" style="padding-bottom:48px">
<a
style="text-decoration:none"
href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro6iNogAVanEscp0loLKSYLl5InJ-2F4vBf4mY5jN1MJL8jGUcuzCFNEbp3NMAuKslu7t7cZKhViRYQpd7Y6nHO7No-3DsQm7_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG4zasccsnWbdMRWPYka4wq57NACThd0nHpe0Qkb6o5-2BOk-2BMQv96IGiQG5R9JjnQgxuskhPWOoAx5Ss-2B3s0n-2FwqECvduIHgvFJpr7ubYoQPSImhuIHk5HCGkvZlTEwmnxTUv-2FxPAtWImxh9fC-2BRphtzfy8M4vRWOTCqmzAQKo4-2FuNHm1J8Gbzh0TqN02xFT0FS180Yr5TU6E0GWrXohrP-2Bls-3D"
>
<img
class="light-img"
src="https://static.figma.com/uploads/fd222b164c8e5d3814c3cfb3476d3a32ed159390"
width="65"
height="25"
style="max-width:65px;max-height:25px;font-size:22px;vertical-align:top;line-height:24px;color:#000000;text-align:center;"
alt="Figma"
/>
<!--[if !mso]> <! -->
<div
class="dark-img"
style="display:none;overflow:hidden;float:left;width:0px;max-height:0px;max-width:0px;line-height:0px;visibility:hidden;"
align="left"
>
<img
src="https://static.figma.com/uploads/c2698d9a70dc8fe5ec7bc50d0141f831bf2ab2df"
width="65"
height="25"
style="max-width:65px;max-height:25px;font-size:22px;vertical-align:top;line-height:24px;color:#000000;text-align:center;"
alt="Figma"
/>
</div>
<!--<![endif]-->
</a>
</td>
</tr>
<tr>
<td class="darkmode">
<table cellpadding="0">
<tr>
<td style="vertical-align:middle;mso-padding-right-alt:10px">
<a style="text-decoration:none" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro3nySutAgQPt34lNFAjvKx3JriH04-2FlFtlnSOMc4K-2B32Fz9SEqvhZq07DDjSwAD6vRB6180PkYINvSTbSXdGbDM-3DiZKf_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FKpKixVPTS3mtYHKtrb9NZEtFvjS5cOqfh9BDlo-2FNUJoh3BeO-2B2S5OR0UeUeUhKla43Mi6cQWVmucFBYK4sa7u3kn26zkaxGhGapZjlHz-2Bv1k6OaGU74b2-2BrncPdRF-2FCakbY5q9EUx9qRCKKiKZYlVn7N-2FclYi8c734RivmdblCoS8DKprURXZHM7mwZen-2FO3k-3D">
<img
style="max-width:24px;max-height:24px;float:left;padding-right:10px;"
width="24"
height="24"
src="https://static.figma.com/uploads/8202cd8f494fa04610e67f5a3c1372ea5733984e" />
</a>
</td>
<td>
<p
style="font-family:'Whyte',Arial,Helvetica,sans-serif;font-size:16px;line-height:24px;font-weight:normal;color:#808080;font-weight:normal;margin:0;"
>
BBP
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td
class="darkmode"
align="left"
style="padding-top:8px;text-align:left;"
>
<p
style="font-family:'Whyte',Arial,Helvetica,sans-serif;font-size:24px;line-height:32px;font-weight:bold;color:#000;margin:0;padding-bottom:0px;"
>
3 new comments from Gijs
</p>
</td>
</tr>
<tr>
<td
class="wi-100p darkmode"
align="center"
style="padding-top:32px;mso-padding-alt:14px 0px;"
>
<a
class="link active-t darkmode"
style="padding:12px 24px;color:#fff;background-color:#0d99ff;text-align:center;text-decoration:none;font-family:'Whyte',Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:24px;display:block;border-radius:4px;"
href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro3nySutAgQPt34lNFAjvKx3JriH04-2FlFtlnSOMc4K-2B32Fz9SEqvhZq07DDjSwAD6ve8VZHGZg-2FMJatzGrCeTQ0k-3DwUT9_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UGwFcr0oVnDjDdcXqqaOZM4ZhADqH6QevjEDQ7Rv9t0xcH8bXZ2dSdgPJgcbY1ka1I4luTpxxwodZ-2Fpi1-2BatAbLV0B42Lay5dcrinvt3jQ0rRMfhSqjFv9-2FT0Af0bNNrHwaaXiqvp1Va-2FyOgSewbS9hqadZTAzLKyP2hsx4sC9Px8eCUwAcuEv7kszmIO4ZQNVSdmMbG6k3uxQzxe6BKOUGQ-3D"
>
View in Figma
</a>
</td>
</tr>
<tr>
<td>
<!-- This partial represents a comment thread, we keep it as a partial because we render comment
threads in multiple emails and we want to keep the look and feel consistent -->
<table
align="center"
class="w-100p darkmode"
width="100%"
style="border:2px solid #e6e6e6;border-radius:8px;margin-top:32px;"
cellpadding="0"
cellspacing="0"
>
<tr style="height:280px">
<td
class="plr-15 wi-100p darkmode"
align="center"
style="padding:24px 0px;border-radius:6px 6px 0px 0px;background-color:#f0f0f0 !important;"
>
<a href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro3nySutAgQPt34lNFAjvKx3JriH04-2FlFtlnSOMc4K-2B32Ru83csIOcp4jozKiVBwPCm4XS56xE3F5uO8Ebp30XMXqMjsPbkqKbKa5rb3dwBUW50l6FOWQy7Kpa8gxfkUxhLyeMlygdMMzukBfVrqgJeE-3D1nDp_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG-2FIBAa5zlj75y-2FCkBHvHNkN9weAsP3d0YVn1f-2F2QJBVqjW9G14NZ3qcrIJQvSk47i732AaLiRicrD3GCt2TEu74Hv4WNxJFTlrkYqyXc3UtzV6c3J0Y-2Fl9PZma96Qaw0H6z0ScvFA-2Fbpl56WjMj-2F6S-2FHvuiDnPZgeEm1PtxEijGCdAZzyfGFv85KsWnERb9ANwWqoptTKBLbv-2BdXoZHIGug-3D">
<img
src="https://api-cdn.figma.com/resize/images/f1d24d05-8c85-4bc4-8810-7bdc1d506d53?height=500&width=800&mode=embed&commentx=310&commenty=85&fb"
height="232"
width="371.20000000000005"
style="font-size:14px;color:#000;vertical-align:top;line-height:18px;text-align:center;"
alt="View the comment in the file"
/>
</a>
</td>
</tr>
<tr>
<td
class="plr-25 darkmode"
style="padding:16px 40px 0px">
<table cellpadding="0">
<tr style="opacity:1">
<td class="darkmode" style="width:32px;padding:24px 16px 0px 0px;vertical-align:top">
<img
src="https://s3-alpha.figma.com/profile/e62fab3f-135e-48d7-bbff-7464834fec4c"
width="32"
height="32"
style="max-width:32px;max-height:32px;border-radius:50%;"
alt="Avatar image of Gijs"
/>
</td>
<td
class="darkmode"
align="left"
style="padding-top:24px"
>
<span
style="font-family:'Whyte',Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:26px;color:#000;margin:0;padding-bottom:0px;"
>
Gijs
</span>
</td>
</tr>
<tr style="opacity:1">
<td></td>
<td
class="darkmode"
align="left"
style="padding: 4px 0px 4px;"
>
<div
style="font-family:'Whyte',Arial,Helvetica,sans-serif;font-size:18px;line-height:26px;font-weight:normal;color:#000;margin:0px"
>
<p style="margin:0">Font properties wijken af voor functional header component?</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td
align="center"
class="wi-100p darkmode"
style="padding:24px 40px 40px;"
>
<table cellpadding="0" width="100%">
<tr>
<td align="center" class="wi-100p plr-25 darkmode" style="border:3px solid #000000;border-radius:4px;mso-padding-alt:12px 24px;">
<a
class="link active-t darkmode btn-white2"
style="padding:12px 24px;color:#000000;text-align:center;text-decoration:none;font-family:'Whyte',Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:24px;display:block"
href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro3nySutAgQPt34lNFAjvKx3JriH04-2FlFtlnSOMc4K-2B32Ru83csIOcp4jozKiVBwPCm4XS56xE3F5uO8Ebp30XMXqMjsPbkqKbKa5rb3dwBUW50l6FOWQy7Kpa8gxfkUxhLyeMlygdMMzukBfVrqgJeE-3DF2PA_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG3wUbLQ7F2VsLc8y2VRx9VIMZa8Zsf1lDzr7-2FNJ5IAi4jmRaPfShNnLR7u8NxSvXYJeqRG7mN6YRwwSEcW1KDqlH-2FqrkZ3YA1V8d7mUf2-2F-2Bb-2BInDQTXTfHHKbkDWuwE8p-2BG88e85GzGrY5ZJj-2Fg-2FPkKTxwMbliHXLHVLLOCrajxUMI-2F-2FHsOZLYbHiLbqK2fZlivKLcE6cHlF4QWq5-2B86HC0-3D"
>
View in Figma
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- This partial represents a comment thread, we keep it as a partial because we render comment
threads in multiple emails and we want to keep the look and feel consistent -->
<table
align="center"
class="w-100p darkmode"
width="100%"
style="border:2px solid #e6e6e6;border-radius:8px;margin-top:32px;"
cellpadding="0"
cellspacing="0"
>
<tr style="height:280px">
<td
class="plr-15 wi-100p darkmode"
align="center"
style="padding:24px 0px;border-radius:6px 6px 0px 0px;background-color:#f0f0f0 !important;"
>
<a href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro3nySutAgQPt34lNFAjvKx3JriH04-2FlFtlnSOMc4K-2B32Ru83csIOcp4jozKiVBwPCm4XS56xE3F5uO8Ebp30XMXqMjsPbkqKbKa5rb3dwBUW50l6FOWQy7Kpa8gxfkUxhD4muZhc6G-2ByQxQHTBFM9ko-3DRMCb_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG5OE98jqtnuqgChO2i2WWb-2FfcUabTAvnmY-2FQMIkJcGN98D6BhFnR4-2BveSUbYfwq93Zji87LRStcCrRsaXjJ5s7AOPfAZl-2BNaCEsRZltqLPcexs9pdnO9z86krxzZL71O9YsqgqBS-2FeKULJsaXpvZzm-2Fng8p4qacEfdg7ajsfGdQ-2FEMzrUXe4zhokshyFNO-2B4cVdjaR67Gk9QNmk49cgWzRE-3D">
<img
src="https://api-cdn.figma.com/resize/images/f1d24d05-8c85-4bc4-8810-7bdc1d506d53?height=500&width=800&mode=embed&commentx=1287&commenty=491&fb"
height="232"
width="371.20000000000005"
style="font-size:14px;color:#000;vertical-align:top;line-height:18px;text-align:center;"
alt="View the comment in the file"
/>
</a>
</td>
</tr>
<tr>
<td
class="plr-25 darkmode"
style="padding:16px 40px 0px">
<table cellpadding="0">
<tr style="opacity:1">
<td class="darkmode" style="width:32px;padding:24px 16px 0px 0px;vertical-align:top">
<img
src="https://s3-alpha.figma.com/profile/e62fab3f-135e-48d7-bbff-7464834fec4c"
width="32"
height="32"
style="max-width:32px;max-height:32px;border-radius:50%;"
alt="Avatar image of Gijs"
/>
</td>
<td
class="darkmode"
align="left"
style="padding-top:24px"
>
<span
style="font-family:'Whyte',Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:26px;color:#000;margin:0;padding-bottom:0px;"
>
Gijs
</span>
</td>
</tr>
<tr style="opacity:1">
<td></td>
<td
class="darkmode"
align="left"
style="padding: 4px 0px 4px;"
>
<div
style="font-family:'Whyte',Arial,Helvetica,sans-serif;font-size:18px;line-height:26px;font-weight:normal;color:#000;margin:0px"
>
<p style="margin:0">Donkergrijs - rood combinatie scoort te laag op contrast.<br />Foreground: #333332<br />Background: #D53D5E<br />Contrast ratio: 2.8:1<br /><br />Vereist minimum is 4.5:1.</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td
align="center"
class="wi-100p darkmode"
style="padding:24px 40px 40px;"
>
<table cellpadding="0" width="100%">
<tr>
<td align="center" class="wi-100p plr-25 darkmode" style="border:3px solid #000000;border-radius:4px;mso-padding-alt:12px 24px;">
<a
class="link active-t darkmode btn-white2"
style="padding:12px 24px;color:#000000;text-align:center;text-decoration:none;font-family:'Whyte',Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:24px;display:block"
href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro3nySutAgQPt34lNFAjvKx3JriH04-2FlFtlnSOMc4K-2B32Ru83csIOcp4jozKiVBwPCm4XS56xE3F5uO8Ebp30XMXqMjsPbkqKbKa5rb3dwBUW50l6FOWQy7Kpa8gxfkUxhD4muZhc6G-2ByQxQHTBFM9ko-3DBDKI_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG-2FnBBjkI8xBWmJYX8VjscbZJnEhMPPslk6LfrcZ7izjNXxKhOqzouAfPyhawyCY248x4DWdGoMaKCb1rIcllAdlgY5-2BK35sqzIdw9AmuIZLBSlCDOmRBSLEi06n1rgCumZPBID9lb7P522u9qdJEipnqH63IGc76Y3JT9tC0XE6Mp-2BmarZiGXNJ8UWmjj5TdW0Qst0-2B4vdiPeFzgkv66Cw0-3D"
>
View in Figma
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- This partial represents a comment thread, we keep it as a partial because we render comment
threads in multiple emails and we want to keep the look and feel consistent -->
<table
align="center"
class="w-100p darkmode"
width="100%"
style="border:2px solid #e6e6e6;border-radius:8px;margin-top:32px;"
cellpadding="0"
cellspacing="0"
>
<tr style="height:280px">
<td
class="plr-15 wi-100p darkmode"
align="center"
style="padding:24px 0px;border-radius:6px 6px 0px 0px;background-color:#f0f0f0 !important;"
>
<a href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro3nySutAgQPt34lNFAjvKx3JriH04-2FlFtlnSOMc4K-2B32Ru83csIOcp4jozKiVBwPCm4XS56xE3F5uO8Ebp30XMXqMjsPbkqKbKa5rb3dwBUW50l6FOWQy7Kpa8gxfkUxhLdZUEi706Z0JgYC8Yx5Q-2FI-3DimOs_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG1UFbpBWp4XvE2YCpAJO2dB5togPEIIn6Wg-2F3tLO89mRxJwFUZCJARw1iUxoWoVFp7FJJ8OcfL6vvc29zZASFLQdg-2FhhhAq-2BMPkanYDr2pexnVy3iLAKzAc6t2IJHcr7nu1XtMJHkZet5Uu8rkFtjtJa75YH-2FJ89zbksPuEYMHUEXRDBRlXeRo9Lst9DmbM4BrrBQExxDc6ZvF49q8xn0jg-3D">
<img
src="https://api-cdn.figma.com/resize/images/f1d24d05-8c85-4bc4-8810-7bdc1d506d53?height=500&width=800&mode=embed&commentx=1337&commenty=434&fb"
height="232"
width="371.20000000000005"
style="font-size:14px;color:#000;vertical-align:top;line-height:18px;text-align:center;"
alt="View the comment in the file"
/>
</a>
</td>
</tr>
<tr>
<td
class="plr-25 darkmode"
style="padding:16px 40px 0px">
<table cellpadding="0">
<tr style="opacity:1">
<td class="darkmode" style="width:32px;padding:24px 16px 0px 0px;vertical-align:top">
<img
src="https://s3-alpha.figma.com/profile/e62fab3f-135e-48d7-bbff-7464834fec4c"
width="32"
height="32"
style="max-width:32px;max-height:32px;border-radius:50%;"
alt="Avatar image of Gijs"
/>
</td>
<td
class="darkmode"
align="left"
style="padding-top:24px"
>
<span
style="font-family:'Whyte',Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:26px;color:#000;margin:0;padding-bottom:0px;"
>
Gijs
</span>
</td>
</tr>
<tr style="opacity:1">
<td></td>
<td
class="darkmode"
align="left"
style="padding: 4px 0px 4px;"
>
<div
style="font-family:'Whyte',Arial,Helvetica,sans-serif;font-size:18px;line-height:26px;font-weight:normal;color:#000;margin:0px"
>
<p style="margin:0">Deze gekleurde compnenten bestaan niet in het design system?</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td
align="center"
class="wi-100p darkmode"
style="padding:24px 40px 40px;"
>
<table cellpadding="0" width="100%">
<tr>
<td align="center" class="wi-100p plr-25 darkmode" style="border:3px solid #000000;border-radius:4px;mso-padding-alt:12px 24px;">
<a
class="link active-t darkmode btn-white2"
style="padding:12px 24px;color:#000000;text-align:center;text-decoration:none;font-family:'Whyte',Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:24px;display:block"
href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro3nySutAgQPt34lNFAjvKx3JriH04-2FlFtlnSOMc4K-2B32Ru83csIOcp4jozKiVBwPCm4XS56xE3F5uO8Ebp30XMXqMjsPbkqKbKa5rb3dwBUW50l6FOWQy7Kpa8gxfkUxhLdZUEi706Z0JgYC8Yx5Q-2FI-3DYDnm_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG2GdSOE3PM2Zqqt1zVGy9prU4rPjqVbRWMIaqDSuG1I7iEcE3gIkGdf2nLARYxzQ0WGszAqcu3i0D-2Bkhui8ryfXkC2hN3jKkJ4NM2sgbi0qDf7UIjEjFblE2rJUfNtvJ6nbaQNlqrgAWCag-2FeO4sbba4rLdtxZZ0z0RGThuP-2FRSrnx0SL8CE3nkH-2F-2F-2BX9QGsoajie4eZkFxClc3zMNTzLF4-3D"
>
View in Figma
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td
align="center"
class="darkmode"
style="padding:64px 32px 0px;text-align:center;"
>
<p
style="font-family:'Whyte',Arial,Helvetica,sans-serif;font-size:14px;line-height:26px;font-weight:bold;color:#000;font-weight:normal;margin:0;padding-bottom:24px;"
>
<a
class="link"
href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kroyuPdqPbGlbujbbDNN4Wv4Jy6Q9ib6sXdri86I9jmd06LFxrwOM7KarjXh2hWG7L0z9HKqaLzZjfpnMEGGcb8bsaaOvD13vbJcJv2ztFvHkLPwID-2Fiwo94j5-2FRkd2n6y0Q-3D-3Dj37C_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG2NGwe-2B9fOQLiglYDt286p06t9UOrFUXeau6B1XWJDAFOA-2BjVhhh-2BEpbyiR14Pj-2Bd9Tx17Sevd7G3K8BnF3686mhbvC1MSzJRRdKptlP9pi3jgOkS92YTwZygDqirzImkUW9D7Rx3irQuTDf4PhHhwFT-2BkTkGthmCjMe-2Bq6ltRcllrDLBgUzK1VEQNZAFhjnK8lkeu-2B9eCtReT1ne-2F5kJdw-3D"
style="color:#000000;font-weight:bold;text-decoration:none"
>
Turn off comment notifications for this file
</a>
</p>
</td>
</tr>
<!-- Mobile app download prompt -->
<tr>
<td>
<table class="w-100p darkmode" width="540" align="center" style="max-width: 540px; margin: 0 auto;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="pt-60 darkmode" align="center" style="border-top: 1px solid #DEDEDE; color: #000000; font-size: 18px; line-height: 32px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: center; padding: 48px 24px 32px;">Try the Figma mobile app to stay on top of activity like comments, replies, and @mentions when you’re on the go.</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table class="w-100p darkmode" width="400" align="center" style="max-width: 400px; margin: 0 auto; padding: 0 0 48px 0;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="active-i" style="line-height: 1px; font-size: 1px; mso-line-height-rule: at-least;"><img src="https://static.figma.com/uploads/9b6de78ffe5b3506e4f575b27a6febb8d407b1cf" width="24" style="width: 24px; max-width: 24px; font-size: 10px; line-height: 12px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #000; background-color: #fff; vertical-align: top; text-align: center; border-radius: 50%" alt="Apple Logo" /></td>
<td width="12" style="font-size: 1px; line-height: 1px;"></td>
<td style="font-size: 18px; color: #000000; font-weight:700; text-decoration: underline; font-family: 'Whyte', Arial, Helvetica, sans-serif;"><a style="color: #000000;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kroyE2N5BfQwHW5r7VVPqtrBxp3cf-2BHaa0byfDJiShATLBf10MJ-2FbnURQAGsAFlaQIyPywnL9Lkf27bAvXXloZEak-3D6MpC_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FKIZzDn6C80CUultXMxD3AiRd1yHKZrr0pnQH5CWGBq8R8149kovMJV8rahH80lLeyIzN7mOENZVg6jxCSIPLhaRpzNUz-2F9xMBe3y4N67naEzzwObke6j8SBbco6pXdjrjEf3QZSDbtokEOJahD2t2R3o2YxaKleKdyLv6Pxjaw-2FqexsfKkzwOZpgX9wsJHQbE-3D">Figma for iOS</a></td>
<td width="40" style="font-size: 1px; line-height: 1px;"></td>
<td class="active-i" style="line-height: 1px; font-size: 1px; mso-line-height-rule: at-least;"><img src="https://static.figma.com/uploads/29a5c50202d5452241687c5e999e2b51dd6c1ed7" width="24" style="width: 30px; max-width: 24px; font-size: 10px; line-height: 12px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color:
#000; background-color: #fff; vertical-align: top; text-align: center; border-radius: 50%" alt="Android logo" /></td>
<td width="12" style="font-size: 1px; line-height: 1px;"></td>
<td style="font-size: 18px; color: #000000; font-weight:700; text-decoration: underline; font-family: 'Whyte', Arial, Helvetica, sans-serif;"><a style="color: #000000;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro0-2BsUcSs9U-2BIPbjaIjigaS36igTaU8W1FdZi-2BFE5n9MYTKJ45JTSibLrM37XPGbMCs5nht8BssqpSRv3lsKfXiImIvSBTbfQrbvoXMVF-2FfviXped_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FJ8LrWGwGxHNuLgOQtfhsY-2FWRwK48w4pJh10MP4vtwXPI0tQdWKy226s2NTFS5guL46QeFxGpqkSnY55RxoPeFvU43t84Uj0tvBkQBz5nE5EYFC66mHaf4rQVi3PUUMXgYpdlRYPxkRlSlBcxH7qy2prtDThgFWMteR-2F8yvK6ybpz35ieHmteEiv-2FvnHbNfSrg-3D">Figma for Android</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td>
<table class="w-100p darkmode" width="540" align="center" style="max-width: 540px; margin: 0 auto;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
class="pt-60 darkmode"
align="center"
style="border-top: 1px solid #DEDEDE; color: #a5a5a5; font-size: 14px; line-height: 18px; font-family: 'Whyte', Arial, Helvetica, sans-serif; text-align: center; padding: 60px 24px 32px;">
Figma is a design platform for teams who build products together. Born on the Web, Figma helps the entire product team create, test, and ship better designs, faster.
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding:0px 0 32px;">
<table align="center" style="margin:0 auto;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;"><a style="text-decoration:none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro9iU1g4EgDF4lynDWvrPdW2xWmXgdVgxRdFc8Iyo8Lp-2FBvzu_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FKQ-2FwBOgqiIl5BPPZ5zD8w8Fk5iyuDJqhbEL4PCVJTzQ9PvUXctKGpfpP-2B-2BCp1kyuAvNC9jzn98-2BfXfAd4-2FRRfMXNFuNfCft1w4cQtKKAVVPZzBGTh8P3yiOAxFJonCQgArWeLg0SGv-2FYhTTbkwGJRcOlYwblAFOWAFzJZ4tjfth2SQzRpp1VU0CfsLS1zrMyU-3D"> <img class="light-img" src="https://static.figma.com/uploads/a9c9c230c0a9395f5eaa1c4acb6ee89d13782987" width="30" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" alt="Figma" />
<!--[if !mso]>
<! -->
</a>
<div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left">
<a style="text-decoration: none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro9iU1g4EgDF4lynDWvrPdW2xWmXgdVgxRdFc8Iyo8Lp-2FUiNw_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FK3EjN16LLyyTC3LWJ1g-2F2i8uF6w8ELFTvKy97MmQ-2B4M9EwKTaakZSt7wtXB9ntvs3VV9L6L1sIn8ThN0NsaaGmd2xSkEXb6jCUYnN2r1x33pL6uJchpc1zDSZInR7wxGxz4zNMSxmbgHnQaW-2BLobM-2FNAYtY-2BiaL8-2F-2B2949-2F6-2FdMC5H00SGQTNmv8T2OYC3TLw-3D"> <img src="https://static.figma.com/uploads/769e425786691503108639759683aa50ea3f530b" width="30" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" alt="Figma" /></a>
</div>
<!--<![endif]-->
</td>
<td width="30" style="font-size:1px; line-height:1px;"></td>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;"><a style="text-decoration:none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro8p7Xi5v7v6SFAmcp9-2F0kHcgRV9KFzD3WEzDWOCfKfmf_rNP_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FI9WgjehyBHySsMEkhLGJh7O14XSVaHT1aFzlB9E9fJT7EXxDNv9qgoWDtpn2dShteptk-2BMcpqLmIRIy5jtUo70hQ84asg86JANfkFz9Xm3zxkl4mxbBE7-2F7x-2B-2F4SncKMDxwYakK82qyE-2BOMbWZO7rM6xwXR-2BS6LKMOfwj369Ot5C1lFmB948i83DsVCR0-2Bdio-3D"> <img class="light-img" src="https://static.figma.com/uploads/5bb05074a2c9507b003979dd88c1bb852fb875b7" width="30" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" alt="Twitter" />
<!--[if !mso]>
<! -->
</a>
<div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left">
<a style="text-decoration: none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro8p7Xi5v7v6SFAmcp9-2F0kHcgRV9KFzD3WEzDWOCfKfmfmP8z_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FJJBBONzstX77W727OCaX-2Buv5wEVLMq-2FXcZZWfKslABq8S-2BLScZc6n0tUogUTsK8aWkiJtCmBwrMG0YR713yM2-2Fjln0SSQ-2FzQ-2Fpm2xPk31vcVSvm0isvOZKngBZ83nFM-2Bu3uXefm7QAYr0jigCPi6uKeNie5SETx-2FIQkROttp2hu-2FQaRLm1aj0zwcIDmAshkpA-3D"> <img src="https://static.figma.com/uploads/c52f06a7ea02bb178ecbfd8b511e30d4bcc35ae3" width="30" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" alt="Twitter" /></a>
</div>
<!--<![endif]-->
</td>
<td width="30" style="font-size:1px; line-height:1px;"></td>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;"><a style="text-decoration:none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kroyr8brYUchnrj1AjxYQid5oNY7dUSeZRO5LzForE7KEkWVEP_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FJCL-2BThEE-2F7rfheEtHba-2B5vALmRLEwrbwLF57o8G8d0zRDe8Io9EPlIT81UGu4ftuhQ0DjkHN8JvvnGL5dvlDd6uQPQN4S0HO60tA72mfPXJsqDGOUoJgqOcx5-2FDU02Y1R1AwdfvVwnAJBE-2FrxfIKAxMlKgQ1P924CiSx2QP51XHR1qAR1bMv0PZk6U75RrVa4-3D"> <img class="light-img" src="https://static.figma.com/uploads/9dc8394d92432c5cd16ab9e61ee574da29434ec8" width="30" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" alt="Instagram" />
<!--[if !mso]>
<! -->
</a>
<div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left">
<a style="text-decoration: none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kroyr8brYUchnrj1AjxYQid5oNY7dUSeZRO5LzForE7KEkGvDD_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FKL50iYKtJaLPQaI5wTNMgG21Rn-2B4hBquMiLs-2Fpl5w9-2FEoi-2F82UwvFsVMe8KnYayYiRQHe7AmW7-2BSgE9df2imawD6JD0O4ZU2HKNp0nIsKayUWciEIhizKnbwiR8oWLKcWYOfSs4lS2wMpGheoEXzCzt0fUiMY2xeb-2BuLDgqJqUspc-2B53v5QVUk1-2F48BVIhr4c-3D"> <img src="https://static.figma.com/uploads/84f161959a9a78266ee5955b0abc7961bec5e7c8" width="30" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" alt="Instagram" /></a>
</div>
<!--<![endif]-->
</td>
<td width="30" style="font-size:1px; line-height:1px;"></td>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;"><a style="text-decoration:none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro0B02RORAwk0CprqhQX5GEMepjMHMScd8mdy-2FcrVP7GNuyHt_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FKD-2BOhGUPJ-2BE6dSnGtoPIK68wCFmtmfTj0Vr4RYszARNC-2FHruMK3EiujUQLuSOrMMW-2Fvpm6OKV02n8ECMU93qmmmN3xAWVVZyrVvKhR5By-2FEocAXwedgPsBPW6R2OkOtOon-2FE3hBDPC4jxEwG5WkseQde3K7ZeI-2Bn0hs5T-2BLovxiO3VqT-2BTfCXth0TFOiveoXo-3D"> <img class="light-img" src="https://static.figma.com/uploads/4db5401f0db17df56b55b663da4ec93b18f2d707" width="30" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" alt="YouTube" />
<!--[if !mso]>
<! -->
</a>
<div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left">
<a style="text-decoration: none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro0B02RORAwk0CprqhQX5GEMepjMHMScd8mdy-2FcrVP7GNj3bm_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UG8IcNr4LxRRua6lsUouP7-2FKhU0tAfGTph0wExFKphBommdxgmVMMJ8JSO6CVnNMWUAsTsHk-2BCYE1wA-2Bp-2FvDcJ8bKr6DFk8uxRZLgXofgJSe0Qkq8ISkZaFHyYAx0IfCzx76QxNITwJ93raVPclYPxbu-2BCYR2TLAHcaeg715KLQoJpjaMmS-2FU5LZ1fsq6lQ72cQdjRMTd69-2Ff3cl7MX1mZmc-3D"> <img src="https://static.figma.com/uploads/e9ea90d138f7a23ad8bbe972be6617d61ee85ba1" width="30" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" alt="YouTube" /></a>
</div>
<!--<![endif]-->
</td>
<td width="30" style="font-size:1px; line-height:1px;"></td>
<td align="left" class="active-i" style=" line-height:1px; font-size:1px; mso-line-height-rule:at-least;"><a style="text-decoration:none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro41-2FVUsZr59cvuUaCCnX0VMIymN8ZDK1QugqleQGsdYFB6jq_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UGwFcr0oVnDjDdcXqqaOZM4arUAmAJYQNQaOaC1aONe7fYi2oZXNB8O-2B66wa8Jn7kqLg8cUKAd0uZjozr4pTKS-2FgYpFZ6B2j2vMUDJOzetCAPkbxTTEbOIVi3VQpDZ5nbSO7HAioUmy94-2B-2Bhfb7-2FfN7yqEMvhvck7xE094iK3TrRzyU3-2Fe9XFQvnNKEdLbwPknaQ1vZjl6aQJ-2BlxZIHrtOKo-3D"> <img class="light-img" src="https://static.figma.com/uploads/02676955b299a6571870721434fcc596c6b8de56" width="30" style="width:30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#000000; vertical-align:top; text-align: center;" alt="LinkedIn" />
<!--[if !mso]>
<! -->
</a>
<div class="dark-img" style="display: none; overflow: hidden; float: left; width: 0px; max-height: 0px; max-width: 0px; line-height: 0px; visibility: hidden;" align="left">
<a style="text-decoration: none;" href="https://u3302489.ct.sendgrid.net/ls/click?upn=5jn-2BNVr6mWrJbcZ1z4kro41-2FVUsZr59cvuUaCCnX0VMIymN8ZDK1QugqleQGsdYFJBK-_Sk9novD-2F9QSVzEwM1y78QtIhZNM0Sp9uW0spIxNgm5RkYKUA5cNfo1zM4nAgbppXnZ-2FYGrJ4PoXWdtMpRh3UGwFcr0oVnDjDdcXqqaOZM4YRnju-2Bt-2FAC5jNVjlVhChg3uNCKJGb4EIx0ge27JoIUHD3oDz6EPkjy7y2FEVhgEaqQOvtheha2LaY009Voah8g2C-2FqG6AGm05M1ROJ3kOznbuug-2FKMNBe1OG5zv4ACmrbVMefEZbM2O5ko796qkzJpFozvGpP2vgmOmMWkwOZgWiBMYaNrQIP4bsHG1asSSoo-3D"> <img src="https://static.figma.com/uploads/c94ec9dc33c98e9c1553d601d31aede0d120d98d" width="30" style="width: 30px; max-width: 30px; font-size:10px; line-height:12px; font-family:'Whyte', Arial, Helvetica, sans-serif; color:#ffffff; vertical-align:top; text-align: center;" alt="LinkedIn" /></a>
</div>
<!--<![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" style="font-size: 12px; line-height: 17px; font-family: 'Whyte', Arial, Helvetica, sans-serif; color: #a5a5a5; padding: 0 0 32px;">760 Market Street, Floor 10<br />
San Francisco, CA, 94102</td>
</tr>
</table>
</td>
</tr>
</table>
<img src="https://u3302489.ct.sendgrid.net/wf/open?upn=zbDfEpA3P6auHg2c9gRsuqop9QuWLNhNr5aGGJJa36YnbjZw-2FooPae3vR81vWXa1OOb7Nnc10DVE7WuUJkBzDh3WCTQ9Sup1jiyMkbalQdtHbPk4oezgD9s-2BG-2FZKPfoWZZmpU8VzifFJJR4CJntKuHJ3yzPITVNYc3nCweU-2Fh4fh4AdtFfLA7Q7DJZzDShMOBXL1WHDVSn1zKBoIGdStTUTX-2BMsluPNAX4xWd0Vb8cSqwEoTFEEpYduz93JjclzyCGfxSTop38B-2Ba9AksNit4KYyVaU9IpXB1jFAdJSmYNU-3D" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/></body>
</html>