1.x/docs/guides/index.html

<!doctype html>
<html class="no-js">
    <head>
        <meta charset="utf-8">

        <title>Guides - USPTO UI Design Library</title>

        <meta name="description" content="">
        <meta name="keywords" contnet="">

        <meta name="viewport" content="width=device-width">
        <meta name="theme-color" content="#004c97">

        <meta property="og:title" content="Guides">
        <meta property="og:description" content="">

        <link rel="shortcut icon" href="/1.x/generated/favicon.ico">

        <!--[if lt IE 9]>
            <script src="/1.x/generated/vendor/html5shiv/html5shiv.min.js"></script>
        <![endif]-->

        <link href="/1.x/generated/styles/vendor.css" rel="stylesheet"/>
        <link href="/1.x/generated/styles/main.css" rel="stylesheet"/>        

    </head>
    <body>
    <!--[if lt IE 9]>
        <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <header class="pl-header navbar navbar-fixed-top navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <a href="/index.html" class="navbar-brand"><strong>USPTO</strong> <span class="light">Design</span></a>
                <button type="button" class="nav-collapse btn btn-link"><i class="icon icon-inverse icon-bars"></i></button>
                <button data-toggle="collapse" data-target="#pl-navbar-collapse" type="button" class="btn navbar-toggle collapsed"><i class="icon icon-inverse icon-angle-down"></i></button>
            </div>
            <div class="navbar-collapse collapse" id="pl-navbar-collapse">
                <ul class="nav navbar-nav">
                    <li  >
                        <a href="/index.html">About</a>
                    </li>
                    <li  >
                        <a href="/1.x/docs/index.html">Library</a>
                    </li>
                    <li  >
                        <a href="/1.x/docs/resources.html">Resources</a>
                    </li>
                    <li  class="active"  >
                        <a href="/1.x/docs/guides/">Guides</a>
                    </li>
                    <li  >
                        <a href="/1.x/docs/changelog.html">Changelog</a>
                    </li>                    
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="https://github.com/nicholas-b-carter/usptostrap-sass-gulp" title="View on Github" ><i class="icon icon-inverse icon-github"></i> &nbsp; View on Github</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <div class="pl-container">
        <nav class="pl-sidebar">
            <ul class="nav nav-stacked">
                
                    <li class="category">project</li>
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                            
                                
                                    <li  >
                                        <a  href="/1.x/docs/guides/project/project-close.html"> Transitions </a>
                                    </li>
                                
                            
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                
                    <li class="category">research</li>
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                
                    <li class="category">requirements</li>
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                
                    <li class="category">design</li>
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                
                    <li class="category">evaluation</li>
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                        
                            
                                
                                    <li  >
                                        <a  href="/1.x/docs/guides/evaluation/usability-testing.html"> Usability testing </a>
                                    </li>
                                
                            
                        
                    
                        
                    
                        
                    
                        
                    
                        
                    
                
            </ul>
        </nav>
        <section class="pl-content">
            <noscript>
                <div class="pl-preview-header" style="margin-bottom: 0">
                    <div class="alert alert-danger" style="line-height: 25px;">
                        <p>For full functionality of this site it is necessary to enable JavaScript.</p>
                        <p>Here are the <a href="http://www.enable-javascript.com/" target="_blank"> instructions how to enable JavaScript in your web browser</a>.</p>
                    </div>
                </div>
            </noscript>
            
            <div class="pl-empty-state" style="padding: 20px; padding-top: 80px; margin: auto; max-width: 600px;">
    <h2>Guides and templates</h2>
    <p class="text-muted" style="font-size: 16px;">This design library includes guides and tips for creating design related artifacts.</p>
    <p class="text-muted"><a href="mailto:contactUXD@uspto.gov?subject=USPTO UI Design Library">Send us feedback or ask a question.</a></p>
    <p class="text-muted" style="font-size: 11px;">This is a product of the U.S. Patent and Trademark Office - User Experience Division.</p>
</div>

        </section>
    </div>

        <script src="/1.x/generated/scripts/vendor.js"></script>
        <script src="/1.x/generated/scripts/plugins.js"></script>

        <script src="//components.uspto.gov/js/ais/2-4-pattern-library.js"></script>

        <script src="/1.x/generated/scripts/main.js"></script>

    </body>
</html>