<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="icon" type="image/svg+xml" href="/static/favicon.svg" sizes="any">
    <link rel="shortcut icon" href="/static/favicon.ico">
    
    <link rel="stylesheet" href="/styles.css">
    <link rel="stylesheet" href="/fonts.css">
    <link rel="stylesheet" href="/heroimage.css">
    <link rel="stylesheet" href="/typetest-faybasis.css">
    <link rel="stylesheet" href="/glyphmap.css">

    <script type="text/javascript" src="navbar.js"></script>  

    <title>FayType</title>

    <meta name="description" content="FayType is an independent type design studio for typefaces that add a new personality to existing standards">
    <meta property="og:type" content="website">
    <meta property="og:url" content="faytype.com">
    <meta property="og:title" content="FayType">
    <meta property="og:description" content="FayType is an independent type design studio for typefaces that add a new personality to existing standards">
    <meta property="og:image" content="https://www.faytype.com/images/FayType_Metaimage.png">
    <meta name="twitter:title" content="FayType">
    <meta name="twitter:description" content="Independent type design studio for typefaces that add a new personality to existing standards">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://www.faytype.com/images/FayType_Metaimage.png">
    <meta name="theme-color" content="#3355ff">

    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
    <link rel="manifest" href="/static/site.webmanifest">
    <link rel="mask-icon" href="/static/safari-pinned-tab.svg" color="#3355ff">
    <link rel="shortcut icon" href="/static/favicon.ico">
    <meta name="apple-mobile-web-app-title" content="FayType">
    <meta name="application-name" content="FayType">
    <meta name="msapplication-TileColor" content="#3355ff">
    <meta name="msapplication-config" content="/static/browserconfig.xml">

    <meta name="robots" content="noindex">


</head>
<body>
<input type="checkbox" id="switch" class="checkbox checkbox--menu">
<input type="checkbox" id="themebutton" class="checkbox checkbox--menu">

    <nav class="globalnav">
        <ul class="topbar">
            <li>
                <a href="./index.html" tabindex="1">
                    <svg class="topbar__logo" viewBox="0 0 5314 1618" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
                        <rect id="FayType-Logo-Wordmark-Horizontal-White" serif:id="FayType Logo Wordmark Horizontal White" x="0" y="0" width="5313.81" height="1618" style="fill:none;"/>
                        <path id="constructed-F" serif:id="constructed F" d="M196.624,332.21L0,279.525L0,0L1000,267.949L1000,547.474L376.583,380.43L730,801.615L730,614.89L1000,687.236L1000,966.761L825.457,919.992C872.56,991.118 900,1076.38 900,1168C900,1416.36 698.362,1618 450,1618C201.638,1618 0,1416.36 0,1168C0,1013.58 77.954,877.214 196.624,796.154L196.665,796.126L372.403,1005.56C311.856,1034.57 270,1096.43 270,1168C270,1267.35 350.655,1348 450,1348C549.345,1348 630,1267.35 630,1168C630,1123.97 614.157,1083.61 587.865,1052.32L196.624,586.054L196.624,332.21ZM1344.36,1348L1344.36,687.236L1822.44,687.236L1822.44,823.276L1509.55,823.276L1509.55,944.74L1784.55,944.74L1784.55,1080.78L1509.55,1080.78L1509.55,1348L1344.36,1348ZM2016.79,687.236L2215.99,687.236L2429.76,1348L2264.57,1348L2216.96,1192.53L2015.82,1192.53L1968.2,1348L1803.01,1348L2016.79,687.236ZM2058.57,1056.49L2174.2,1056.49L2116.87,867.974L2058.57,1056.49ZM2563.86,1348L2563.86,1080.78L2342.31,687.236L2507.5,687.236L2646.46,920.447L2784.44,687.236L2949.63,687.236L2729.05,1080.78L2729.05,1348L2563.86,1348ZM3177.98,1348L3177.98,823.276L2993.36,823.276L2993.36,687.236L3527.8,687.236L3527.8,823.276L3343.17,823.276L3343.17,1348L3177.98,1348ZM3793.08,1348L3793.08,1080.78L3571.53,687.236L3736.72,687.236L3875.67,920.447L4013.66,687.236L4178.85,687.236L3958.27,1080.78L3958.27,1348L3793.08,1348ZM4387.76,1348L4222.57,1348L4222.57,687.236L4547.12,687.236C4688.02,687.236 4762.85,758.171 4762.85,881.578C4762.85,979.721 4712.32,1080.78 4547.12,1080.78L4387.76,1080.78L4387.76,1348ZM4529.63,823.276L4387.76,823.276L4387.76,944.74L4529.63,944.74C4572.39,944.74 4597.65,928.221 4597.65,881.578C4597.65,838.823 4572.39,823.276 4529.63,823.276ZM4835.72,1348L4835.72,687.236L5313.81,687.236L5313.81,823.276L5000.91,823.276L5000.91,944.74L5275.91,944.74L5275.91,1080.78L5000.91,1080.78L5000.91,1211.96L5313.81,1211.96L5313.81,1348L4835.72,1348Z"/>
                    </svg>
                </a>
            </li>
            <li >
                <a class="topbar__type top__link nav--desktop" href="#" tabindex="2">Typefaces</a>
            </li>
            <li >
                <a class="topbar__info top__link  nav--desktop" href="#" tabindex="5">Information</a>
            </li>
            <li class="buttonset">
                <button class="nav--desktop button--theme">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
                        <path d="M480.28-106q-77.19 0-145.35-29.26-68.15-29.27-119.29-80.5Q164.5-267 135.25-335.05 106-403.09 106-480.46q0-77.45 29.26-145.11 29.27-67.65 80.5-118.79Q267-795.5 335.05-824.75 403.09-854 480.46-854q77.45 0 145.11 29.26 67.65 29.27 118.79 80.5Q795.5-693 824.75-625.19T854-480.28q0 77.19-29.26 145.35-29.27 68.15-80.5 119.29Q693-164.5 625.19-135.25T480.28-106ZM521-175.5q111-13.5 188.5-99.74T787-480q0-118.06-76-203.53T521-784v608.5Z"/>
                    </svg>
                </button>
                <!--
                <label for="themebutton" class="nav--desktop button--theme">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#ffffff">
                        <path d="M480.28-106q-77.19 0-145.35-29.26-68.15-29.27-119.29-80.5Q164.5-267 135.25-335.05 106-403.09 106-480.46q0-77.45 29.26-145.11 29.27-67.65 80.5-118.79Q267-795.5 335.05-824.75 403.09-854 480.46-854q77.45 0 145.11 29.26 67.65 29.27 118.79 80.5Q795.5-693 824.75-625.19T854-480.28q0 77.19-29.26 145.35-29.27 68.15-80.5 119.29Q693-164.5 625.19-135.25T480.28-106ZM521-175.5q111-13.5 188.5-99.74T787-480q0-118.06-76-203.53T521-784v608.5Z"/>
                    </svg>
                </label>
                
                <button class="nav--desktop">2</button>
                <label for="switch" class="switch nav--mobile">
                    <span class="material-icons topbar__icon topbar__icon--back">arrow_back</span>
                </label>-->
            </li>
        </ul>
<div class="wrapper">
<div class="navbar topbar-hover">
    <div class="navbargrid2 navtype navbar__container">
        <p class="nav__headline">Typefaces</p>
        <ul>
            <li class="nav__li"><a href="./typefaces/fay-basis.html" class="nav__link" tabindex="3">FAY Basis</a></li>
        </ul>
    </div>
    <div class="navbargrid3 navtype navbar__container">
        <p class="nav__headline">Type Articles</p>
        <ul>
            <li class="nav__li"><a href="#" class="nav__link" tabindex="4">FAY Basis: Structure and Style</a></li>
        </ul>
    </div>

    <div class="navbargrid2 navinfo navbar__container">
        <p class="nav__headline">Information</p>
        <ul>
            <li class="nav__li"><a href="#" class="nav__link" tabindex="6">Articles</a></li>
            <li class="nav__li"><a href="./about.html" class="nav__link" tabindex="7">About</a></li>
            <li class="nav__li"><a href="#" class="nav__link" tabindex="8">Licensing</a></li>
            <li class="nav__li"><a href="#" class="nav__link" tabindex="9">FAQ</a></li>
        </ul>

    </div>
    <div class="navbargrid3 navinfo navbar__container">
        <p class="nav__headline" >Support</p>
        <ul>
            <li class="nav__li"><a href="#" class="nav__link" tabindex="10">Contact</a></li>
            <li class="nav__li"><a href="#" class="nav__link" tabindex="11">Custom Typefaces</a></li>
        </ul>
    </div>
</div>

</div>
       
    </nav>
<div class="nav-curtain"></div>

    <main>
 <section class="section">
  <h1 class="heroheadline">404</h1>
  <!--<h2 class="herosubheadline">Part of a new generation of typography, guided by its history.</h2>-->
<p class="sectionparagraph gridstart1 gridspan2">This page doesn't seem to exist.<br><a href="./index.html">Return home</a> or if our website has an error <a href="./about.html#contact">please contact us</a>.</p>
</section>

    </main>
    <footer class="footer">
        <li>
            <a href="#">
                <svg class="footer__logo" viewBox="0 0 5314 1618" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
                    <rect id="FayType-Logo-Wordmark-Horizontal-White" serif:id="FayType Logo Wordmark Horizontal White" x="0" y="0" width="5313.81" height="1618" style="fill:none;"/>
                    <path id="constructed-F" serif:id="constructed F" d="M196.624,332.21L0,279.525L0,0L1000,267.949L1000,547.474L376.583,380.43L730,801.615L730,614.89L1000,687.236L1000,966.761L825.457,919.992C872.56,991.118 900,1076.38 900,1168C900,1416.36 698.362,1618 450,1618C201.638,1618 0,1416.36 0,1168C0,1013.58 77.954,877.214 196.624,796.154L196.665,796.126L372.403,1005.56C311.856,1034.57 270,1096.43 270,1168C270,1267.35 350.655,1348 450,1348C549.345,1348 630,1267.35 630,1168C630,1123.97 614.157,1083.61 587.865,1052.32L196.624,586.054L196.624,332.21ZM1344.36,1348L1344.36,687.236L1822.44,687.236L1822.44,823.276L1509.55,823.276L1509.55,944.74L1784.55,944.74L1784.55,1080.78L1509.55,1080.78L1509.55,1348L1344.36,1348ZM2016.79,687.236L2215.99,687.236L2429.76,1348L2264.57,1348L2216.96,1192.53L2015.82,1192.53L1968.2,1348L1803.01,1348L2016.79,687.236ZM2058.57,1056.49L2174.2,1056.49L2116.87,867.974L2058.57,1056.49ZM2563.86,1348L2563.86,1080.78L2342.31,687.236L2507.5,687.236L2646.46,920.447L2784.44,687.236L2949.63,687.236L2729.05,1080.78L2729.05,1348L2563.86,1348ZM3177.98,1348L3177.98,823.276L2993.36,823.276L2993.36,687.236L3527.8,687.236L3527.8,823.276L3343.17,823.276L3343.17,1348L3177.98,1348ZM3793.08,1348L3793.08,1080.78L3571.53,687.236L3736.72,687.236L3875.67,920.447L4013.66,687.236L4178.85,687.236L3958.27,1080.78L3958.27,1348L3793.08,1348ZM4387.76,1348L4222.57,1348L4222.57,687.236L4547.12,687.236C4688.02,687.236 4762.85,758.171 4762.85,881.578C4762.85,979.721 4712.32,1080.78 4547.12,1080.78L4387.76,1080.78L4387.76,1348ZM4529.63,823.276L4387.76,823.276L4387.76,944.74L4529.63,944.74C4572.39,944.74 4597.65,928.221 4597.65,881.578C4597.65,838.823 4572.39,823.276 4529.63,823.276ZM4835.72,1348L4835.72,687.236L5313.81,687.236L5313.81,823.276L5000.91,823.276L5000.91,944.74L5275.91,944.74L5275.91,1080.78L5000.91,1080.78L5000.91,1211.96L5313.81,1211.96L5313.81,1348L4835.72,1348Z"/>
                </svg>
            </a>
        </li>
        <div class="navbargrid2">
            <p class="footer__headline">Typefaces</p>
            <ul>
                <li class="footer__li"><a href="#" class="footer__link">FAY Basis</a></li>
            </ul>
    
        </div>
        <div class="navbargrid3">
            <p class="footer__headline">Information</p>
            <ul>
                <li class="footer__li"><a href="#" class="footer__link" >Articles</a></li>
                <li class="footer__li"><a href="#" class="footer__link" >About</a></li>
                <li class="footer__li"><a href="#" class="footer__link" >Licensing</a></li>
                <li class="footer__li"><a href="#" class="footer__link" >Imprint</a></li>
            </ul>
        </div>
        <div class="navbargrid4">
            <p class="footer__headline" >Contact & Follow</p>
            <ul>
                <li class="footer__li"><a href="#" class="footer__link" >Contact</a></li>
                <li class="footer__li"><a href="#" class="footer__link" >Instagram</a></li>
            </ul>
        </div>
    </footer>
</body>
</html>

