PageSourceSearch

https://fakeclients.com/guides/login-page-design

html fakeclients.com collected 2026-10-03 23:34:07 UTC 47,460 bytes, 538 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta http-equiv="X-UA-Compatible" content="ie=edge">
8    <link rel="stylesheet" href="https://fakeclients.com/style.css?v=94">
9    <link rel="stylesheet" href="https://fakeclients.com/feedbackcss.css?v=94">
10    <link rel="stylesheet" href="https://fakeclients.com/style/upgradeform.css?v=94">
11    <link rel="apple-touch-icon" sizes="180x180" href="https://fakeclients.com/favicon/apple-touch-icon.png">
12    <link rel="icon" type="image/png" sizes="32x32" href="https://fakeclients.com/favicon/favicon-32x32.png">
13    <link rel="icon" type="image/png" sizes="16x16" href="https://fakeclients.com/favicon/favicon-16x16.png">
14    <link rel="manifest" href="https://fakeclients.com/manifest.json">
15    <link rel="mask-icon" href="https://fakeclients.com/favicon/safari-pinned-tab.svg" color="#5bbad5">
16    <title>How to design a login page - Design & Art Guides, Tutorials and more - FakeClients</title>
17    <meta name="keywords" content="fakeclients, logo, logo design, logodesign, web design, webdesign, design, graphic design, designer, clients, briefs, practice, fake, icon, businesses, companies, producthunt, reddit, briefbox" />
18    <meta name="author" content="August van de Ven">
19    <meta name="robots" content="index, follow" />
20    <meta name="revisit-after" content="3 month" />
21    
22            <meta property="og:image:width" content="">
23        <meta property="og:image:height" content="">
24        <meta property="og:image" content="https://fakeclients.com/imgs/login.png">
25        <meta property="twitter:image:src" content="https://fakeclients.com/imgs/login.png">
26    
27    <meta name="description" content="" />
28    <meta property="twitter:card" content="summary_large_image">
29    <meta property="twitter:title" content="How to design a login page - Design Inspiration, Examples & Ideas - FakeClients">
30    <meta property="twitter:description" content="">
31    <meta name="twitter:site" content="@fakeclients" />
32    <meta name="twitter:creator" content="@augustvandeven" />
33    
33<script src="https://fakeclients.com/jquery.min.js"></script>
33               
34    <!-- fakeclients, practice, logo design -->
35            <style type="text/css">
36            .blog {
37                padding-bottom: 0;
38            }
39        </style>
40        <style type="text/css">
41        .briefimgs {
42            max-width: 100%;
43            max-height: 200px;
44            margin: 0px auto;
45        }
46    </style>
47            <style type="text/css">
48            .userdropdown:before {
49                background-image: url(https://fakeclients.com/profilepictures/) !important;
50                border-radius: 100px;
51            }
52        </style>
vendor: 85 bytes, lines 52-54
52
53    
54                <script async src="https://www.googletagmanager.com/gtag/js?id=
54G-C0CZEC30ZT
vendor: 24 bytes, lines 54-55
54"></script>
55            
55<script>
56                
vendor: 192 bytes, lines 56-60
56window.dataLayer = window.dataLayer || [];
57                function gtag(){dataLayer.push(arguments);}
58                
59                gtag('js', new Date());
60                gtag('config', '
60G-C0CZEC30ZT
vendor: 16 bytes, lines 60-61
60');
61            
61</script>
61
62    
63            
63<script>
64                var _paq = window._paq = window._paq || [];
65                _paq.push(['trackPageView']);
66                _paq.push(['enableLinkTracking']);
67                (function() {
68                    var u="//fakeclients.com/matomo/";
69                    _paq.push(['setTrackerUrl', u+'matomo.php']);
70                    _paq.push(['setSiteId', '2']);
71                    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
72                    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
73                })();
74            </script>
74
75            <noscript><p><img src="//fakeclients.com/matomo/matomo.php?idsite=2&amp;rec=1" style="border:0;" alt="" /></p></noscript>
76    
77            
77<script type="text/javascript">
78                var sc_project=11617750; 
79                var sc_invisible=1; 
80                var sc_security="afbe2945"; 
81                var scJsHost = (("https:" == document.location.protocol) ?
82                "https://secure." : "http://www.");
83            </script>
83
84            
84<script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>
84
85
86            
86<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3411751508906535" crossorigin="anonymous"></script>
86 
87</head>
88<body class="" >
89
90    <div class="pagecontainer">
91        
92<div class="sidemenu container">
93    <div class="menutop">
94        <a href="https://fakeclients.com/" class="logolink"><h1 class="menubarlogo"><span>FakeClients</span></h1></a>
95        <ul>
96            <li><a href="https://fakeclients.com"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/home.svg"></span>Home</a></li>
97            <li class="desktopmenuitem"><a href="https://fakeclients.com"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/briefgenerators.svg"></span><span class="longmenutext">Brief Generators</span><span class="shortmenutext">Generators</span></a></li>
98            <div class="sidemenusub">
99                <ul>
100                    <li><a href="https://fakeclients.com/logodesign"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/logo.svg"></span>Logo Design</a></li>
101                    <li><a href="https://fakeclients.com/webdesign"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/web.svg"></span>Web Design</a></li>
102                    <li><a href="https://fakeclients.com/graphicdesign"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/graphic.svg"></span>Graphic Design</a></li>
103                    <li><a href="https://fakeclients.com/illustration"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/illustration.svg"></span>Illustration</a></li>
104                    <li><a href="https://fakeclients.com/painting"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/painting.svg"></span>Painting</a></li>
105                    <li><a href="https://fakeclients.com/ux"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/ux.svg"></span>UX Design</a></li>
106                    <li><a href="https://fakeclients.com/ui"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/ui.svg"></span>UI Design</a></li>
107                    <li><a href="https://fakeclients.com/dynamic-poses"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/dynamicposes.svg"></span>Dynamic Poses</a></li>
108                    <li><a href="https://fakeclients.com/writing"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/writing.svg"></span>Writing</a></li>
109                </ul>
110            </div>
111            <li class="desktopmenuitem"><a href="https://fakeclients.com/upgrade"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/progenerator.svg"></span><span class="longmenutext">Pro Brief Generators</span><span class="shortmenutext">Pro Generators</span></a></li>
112            <div class="sidemenusub">
113                <ul>
114                    <li><a href="https://fakeclients.com/upgrade" class="promenuitem"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/logo.svg"></span>Logo Design</a></li>
115                    <li><a href="https://fakeclients.com/upgrade" class="promenuitem"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/web.svg"></span>Web Design</a></li>
116                    <li><a href="https://fakeclients.com/upgrade" class="promenuitem"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/graphic.svg"></span>Graphic Design</a></li>
117                    <li><a href="https://fakeclients.com/upgrade" class="promenuitem"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/ux.svg"></span>UX Design</a></li>
118                    <li><a href="https://fakeclients.com/upgrade" class="promenuitem"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/ui.svg"></span>UI Design</a></li>
119                    <li><a href="https://fakeclients.com/upgrade" class="promenuitem"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/illustration.svg"></span>Illustration</a></li>
120                </ul>
121                            </div>
122            <li><a href="https://fakeclients.com/briefs/"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/writtenbriefs.svg"></span><span class="longmenutext">Written Briefs</span><span class="shortmenutext">Briefs</span></a></li>
123            <div class="sidemenusub">
124                <ul>
125                    <li><a href="https://fakeclients.com/briefs/logo-design"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/logo.svg"></span>Logo Design</a></li>
126                    <li><a href="https://fakeclients.com/briefs/web-design"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/web.svg"></span>Web Design</a></li>
127                    <li><a href="https://fakeclients.com/briefs/graphic-design"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/graphic.svg"></span>Graphic Design</a></li>
128                    <li><a href="https://fakeclients.com/briefs/illustration"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/illustration.svg"></span>Illustration</a></li>
129                    <li><a href="https://fakeclients.com/briefs/ux-design"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/ux.svg"></span>UX Design</a></li>
130                    <li><a href="https://fakeclients.com/briefs/ui-design"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/ui.svg"></span>UI Design</a></li>
131                    <li><a href="https://fakeclients.com/briefs/writing"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/writing.svg"></span>Writing</a></li>
132                </ul>
133                            </div>
134            <li class="desktopmenuitem"><a href="https://fakeclients.com/dailybrief"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/dailybrief.svg"></span>Daily Brief</a></li>
135            <li><a href="https://fakeclients.com/feedback"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/feedback.svg"></span>Feedback
136            </a></li>
137            <li><a href="https://fakeclients.com/blog/"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/blog.svg"></span>Blog</a></li>
138            <li class="mobileexpand"><a href="#"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/more.svg"></span>More</a></li>
139            <div class="sidemenusub">
140                <ul>
141                    <li><a href="https://fakeclients.com/exercises/"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/exercises.svg"></span>Exercises</a></li>
142                    <li><a href="https://fakeclients.com/inspiration/"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/inspiration.svg"></span>Inspiration</a></li>
143                    <li><a href="https://fakeclients.com/guides/"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/guides.svg"></span>Guides</a></li>
144                    <li class="mobilemenuitem"><a href="https://fakeclients.com/dailybrief"><span class="menuimgwrap"><img class="lazy" data-src="https://fakeclients.com/imgs/dailybrief.svg"></span>Daily Brief</a></li>
145                </ul>
146            </div>
147
148            <li class="mobilemenuitem"><a href="#" class="signInModalButton"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/account.svg"></span>Sign in</a>
149                    </ul>
150    </div>
151    <div class="signinbutton desktopmenuitem">
152        <ul>
153                    <li><a href="#" class="signInModalButton"><span class="menuimgwrap"><img src="https://fakeclients.com/imgs/account.svg"></span>Sign in</a>
154            </ul>    </div>
155</div>        <div class="pagebody">
156            <div class="toppagead">
157    <!-- Page-top -->
158    <ins class="adsbygoogle"
159        style="display:block;"
160        data-ad-client="ca-pub-3411751508906535"
161        data-ad-slot="8820312921"
162        data-ad-format="auto"
163        data-full-width-responsive="true"></ins>
164    
164<script>
165        (adsbygoogle = window.adsbygoogle || []).push({});
166    </script>
166
167    <p class="small dasubtext"><a href="https://fakeclients.com/advertise">Advertise on FakeClients</a> ・ Remove ads: <a href="https://fakeclients.com/upgrade">Upgrade to Pro</a></p></div>            <div class="blog inspirationpage ">
168                                    <a href="https://fakeclients.com/guides/" class="pagebackbtn"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"></path></svg> All Guides</a>
169                
170	<h1>How to design a login page</h1>
171
172	<div class="blogdate">Feb 20, 2024 - By <a href="https://fakeclients.com/profile?i=2" target="_blank">August van de Ven</a></div>
173
174	<div class="generatepromo"><h3>Generate Unlimited Design Ideas</h3><div class="generatepromotext">Use FakeClients' design prompts and briefs to practice design and build your portfolio</div><a class="btn-primary" href="https://fakeclients.com">Generate Prompts</a></div>
175
176	<img class="guidetopimg lazy" data-src="https://fakeclients.com/imgs/login.png">
177	<div class="briefcontentinner"><p>A login page is a simple page where you can log in and in most cases also create a new account. In most cases this page just has an email and password field, a button, a forgot-password-link and a link to a page where you can create a new account. The login form often also has a checkbox to remember your details for future logins.</p><h2> How to Design a Login Page</h2><h3> Layout and Interface Design</h3><p>Start by sketching out a layout that prioritizes usability and simplicity. Place login fields prominently, with clear labels and ample space between elements to avoid clutter. Ensure intuitive navigation with a logical flow from username/email to password entry, followed by options for forgotten passwords or account creation.</p><h3> Typography and Visual Hierarchy</h3><p>Choose a font that balances readability and aesthetics. Utilize hierarchy to guide users' attention, making login fields and action buttons stand out while maintaining consistency with your brand's typography. Employ font weights and styles to distinguish between headings, labels, and input text.</p><h3> Color Scheme</h3><p>Select a color palette that aligns with your brand identity while promoting visual harmony and usability. Use contrasting colors for text and background to enhance readability, and consider incorporating subtle gradients or shadows to add depth and visual interest. Ensure color choices comply with accessibility standards for users with visual impairments.</p><h3> Visual Elements</h3><p>Incorporate visual elements such as icons or illustrations to reinforce the login process and convey meaning efficiently. Use icons for actions like 'login,' 'forgot password,' or 'create account' to enhance clarity and ease of use. Ensure visual consistency with other elements on your website for a cohesive user experience.</p><h3> Feedback and Iteration</h3><p>Seek feedback from users or stakeholders to refine the visual design of your login page. Conduct usability testing to identify any areas of confusion or inefficiency and iterate on your design based on user insights. Continuously refine and optimize the visual elements to enhance usability and engagement.</p><h3> Responsiveness and Compatibility</h3><p>Design your login page to be responsive and compatible with various devices and screen sizes. Test the visual design across different browsers and devices to ensure consistency and usability, making adjustments as needed to accommodate different viewing experiences.</p><h3> Finalization</h3><p>Once satisfied with the visual design of the login page, document the design specifications and finalize high-resolution versions in appropriate file formats.  </p><h2>Login page design examples</h2><div class="inspirationrow inlineposts grid-s"><div class="design-post container" id="2956">
178                <div class="img-wrap">
179                    <a href="https://fakeclients.com/uploads/79a90da92eea0f7dc0373e
1796225180278.png" target="_blank" class="imgfullscreenbtn">
180                        <svg style="width:35px;height:35px" viewBox="0 0 24 24">
181                            <path fill="#000000" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" />
182                        </svg>
183                    </a>
184                    <span class="marker"></span>
185                    <img class="lazy" data-src="https://fakeclients.com/uploads/79a90da92eea0f7dc0373e6225180278.png">
186                </div>
187
188                <div class="postdetails">
189                    <h3><a href="https://fakeclients.com/feedback?post=2956">TN Sandwich Bar - Employee Web Portal Login Page</a></h3>
190                    <div class="subText">4 years ago by <a href="https://fakeclients.com/profile?i=24744"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=24744">Sebastian Yuri</a> • 4 years ago </div>
191                    <div class="pastbrief">Hey, <br>I am Jim, owner of TN Sandwich bar. For a while now, I've been looking for a good website for my Sandwich bar. We need <a href='https://skillshare.eqcm.net/69Y5r' target='_blank' rel='noopener' class='briefinnerlinkext1'>a new login-page</a> for our employee web portal. We primarily use the color blue <sp
191an class='nb'>(<a href='https://www.color-hex.com/color/007fff' target='_blank'>#007fff</a>).</span> Can you help us out?</div>
192                </div>
193                <div class="designpostbuttons">
194                    <div class="inlinesubtext"><a href="https://fakeclients.com/profile?i=24744"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=24744">Sebastian Yuri</a> • 4 years ago </div>
195                    <div class="likeButton" data-postid="2956"><span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.06461 10.8396C4.46138 13.5597 9.61938 17.3161 12 19C14.3806 17.3161 19.5386 13.5597 19.9354 10.8396C20.3888 7.73087 18.3483 6.56511 17.158 6.1765C15.9677 5.78789 12.7935 5.78792 12 8.89662C11.2065 5.78792 8.03231 5.78789 6.842 6.17651C5.65168 6.56512 3.61116 7.73088 4.06461 10.8396Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg><span class="likeNumber">1</span></span></div>
196
197                    <a class="commentButton" href="https://fakeclients.com/feedback?post=2956">
198                        <span><img src="https://fakeclients.com/imgs/feedback.svg" alt="comment"><span class="commentNumber">1</span></span>
199                    </a>
200                </div>
201            </div><div class="design-post container" id="1604">
202                <div class="img-wrap">
203                    <a href="https://fakeclients.com/uploads/3c3fe6ff870111e926fc15210f08aa70.jpg" target="_blank" class="imgfullscreenbtn">
204                        <svg style="width:35px;height:35px" viewBox="0 0 24 24">
205                            <path fill="#000000" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" />
206                        </svg>
207                    </a>
208                    <span class="marker"></span>
209                    <img class="lazy" data-src="https://fakeclients.com/uploads/3c3fe6ff870111e926fc15210f08aa70.jpg">
210                </div>
211
212                <div class="postdetails">
213                    <h3><a href="https://fakeclients.com/feedback?post=1604">Authentic Chicago Pizzas</a></h3>
214                    <div class="subText">5 years ago by <a href="https://fakeclients.com/profile?i=11333"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=11333">caroline</a> • 5 years ago </div>
215                    <div class="pastbrief">Hey, <br>I'm Julius, I just founded a new business called Authentic Chicago Pizzas. I'm looking for someone that can create a simple website for my Pizzas. We need <a href='https://skillshare.eqcm.net/69Y5r' target='_blank' rel='noopener'>a new login-page</a> for our employee web portal. We would love to work with you!</div>
216                </div>
217                <div class="designpostbuttons">
218                    <div class="inlinesubtext"><a href="https://fakeclients.com/profile?i=11333"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=11333">caroline</a> • 5 years ago </div>
219                    <div class="likeButton" data-postid="1604"><span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.06461 10.8396C4.46138 13.5597 9.61938 17.3161 12 19C14.3806 17.3161 19.5386 13.5597 19.9354 10.8396C20.3888 7.73087 18.3483 6.56511 17.158 6.1765C15.9677 5.78789 12.7935 5.78792 12 8.89662C11.2065 5.78792 8.03231 5.78789 6.842 6.17651C5.65168 6.56512 3.61116 7.73088 4.06461 10.8396Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg><span class="likeNumber">2</span></span></div>
220
221                    <a class="commentButton" href="https://fakeclients.com/feedback?post=1604">
222                        <span><img src="https://fakeclients.com/imgs/feedback.svg" alt="comment"><span class="commentNumber">1</span></span>
223                    </a>
224                </div>
225            </div><div class="design-post container" id="1496">
226                <div class="img-wrap">
227                    <a href="https://fakeclients.com/uploads/3f0bfbf4ef0f9105820b20e962a04c28.jpg" target="_blank" class="imgfullscreenbtn">
228                        <svg style="width:35px;height:35px" viewBox="0 0 24 24">
229                            <path fill="#000000" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" />
230                        </svg>
231                    </a>
232                    <span class="marker"></span>
233                    <img class="lazy" data-src="https://fakeclients.com/uploads/3f0bfbf4ef0f9105820b20e962a04c28.jpg">
234                </div>
235
236                <div class="postdetails">
237                    <h3><a href="https://fakeclients.com/feedback?post=1496">Login page design for the site</a></h3>
238                    <div class="subText">5 years ago by <a href="https://fakeclients.com/profile?i=12446"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=12446">kavish</a> • 5 years ago </div>
239                    
240                </div>
241                <div class="designpostbuttons">
242                    <div class="inlinesubtext"><a href="https://fakeclients.com/profile?i=12446"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=12446">kavish</a> • 5 years ago </div>
243                    <div class="likeButton" data-postid="1496"><span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.06461 10.8396C4.46138 13.5597 9.61938 17.3161 12 19C14.3806 17.3161 19.5386 13.5597 19.9354 10.8396C20.3888 7.73087 18.3483 6.56511 17.158 6.1765C15.9677 5.78789 12.7935 5.78792 12 8.89662C11.2065 5.78792 8.03231 5.78789 6.842 6.17651C5.65168 6.56512 3.61116 7.73088 4.06461 10.8396Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg><span class="likeNumber">3</span></span></div>
244
245                    <a class="commentButton" href="https://fakeclients.com/feedback?post=1496">
246                        <span><img src="https://fakeclients.com/imgs/feedback.svg" alt="comment"><span class="commentNumber">1</span></span>
247                    </a>
248                </div>
249            </div><div class="design-post container" id="4415">
250                <div class="img-wrap">
251                    <a href="https://fakeclients.com/uploads/f6e656a0802a064782f72a6b160332c7.png" target="_blank" class="imgfullscreenbtn">
252                        <svg style="width:35px;height:35px" viewBox="0 0 24 24">
253                            <path fill="#000000" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" />
254                        </svg>
255                    </a>
256                    <span class="marker"></span>
257                    <img class="lazy" data-src="https://fakeclients.com/uploads/f6e656a0802a064782f72a6b160332c7.png">
258                </div>
259
260                <div class="postdetails">
261                    <h3><a href="https://fakeclients.com/feedback?post=4415">Steakhouse Website </a></h3>
262                    <div class="subText">3 years ago by <a href="https://fakeclients.com/profile?i=46236"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=46236">erin</a> • 3 years ago </div>
263                    <div class="pastbrief"><a class="underline" href="https://fakeclients.com/upgrade">Pro Brief</a></div>
264                </div>
265                <div class="designpostbuttons">
266                    <div class="inlinesubtext"><a href="https://fakeclients.com/profile?i=46236"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=46236">erin</a> • 3 years ago </div>
267                    <div class="likeButton" data-postid="4415"><span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.06461 10.8396C4.46138 13.5597 9.61938 17.3161 12 19C14.3806 17.3161 19.5386 13.5597 19.9354 10.8396C20.3888 7.73087 18.3483 6.56511 17.158 6.1765C15.9677 5.78789 12.7935 5.78792 12 8.89662C11.2065 5.78792 8.03231 5.78789 6.842 6.17651C5.65168 6.56512 3.61116 7.73088 4.06461 10.8396Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg><span class="likeNumber">3</span></span></div>
268
269                    <a class="commentButton" href="https://fakeclients.com/feedback?post=4415">
270                        <span><img src="https://fakeclients.com/imgs/feedback.svg" alt="comment"><span class="commentNumber">5</span></span>
271                    </a>
272                </div>
273            </div><div class="design-post container" id="3941">
274                <div class="img-wrap">
275                    <a href="https://fakeclients.com/uploads/c63ed3415cb5353d1c4129669dd504a6.png" target="_blank" class="imgfullscreenbtn">
276                        <svg style="width:35px;height:35px" viewBox="0 0 24 24">
277                            <path fill="#000000" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" />
278                        </svg>
279                    </a>
280                    <span class="marker"></span>
281                    <img class="lazy" data-src="https://fakeclients.com/uploads/c63ed3415cb5353d1c4129669dd504a6.png">
282                </div>
283
284                <div class="postdetails">
285                    <h3><a href="https://fakeclients.com/feedback?post=3941">Freshly Dropped UI App</a></h3>
286                    <div class="subText">3 years ago by <a href="https://fakeclients.com/profile?i=10749"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=10749">Diana</a> • 3 years ago </div>
287                    <div class="pastbrief"><a class="underline" href="https://fakeclients.com/brief/freshly-dropped">Freshly Dropped</a><span class="briefbadge ui">ui</span></div>
288                </div>
289                <div class="designpostbuttons">
290                    <div class="inlinesubtext"><a href="https://fakeclients.com/profile?i=10749"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=10749">Diana</a> • 3 years ago </div>
291                    <div class="likeButton" data-postid="3941"><span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.06461 10.8396C4.46138 13.5597 9.61938 17.3161 12 19C14.3806 17.3161 19.5386 13.5597 19.9354 10.8396C20.3888 7.73087 18.3483 6.56511 17.158 6.1765C15.9677 5.78789 12.7935 5.78792 12 8.89662C11.2065 5.78792 8.03231 5.78789 6.842 6.17651C5.65168 6.56512 3.61116 7.73088 4.06461 10.8396Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg><span class="likeNumber">5</span></span></div>
292
293                    <a class="commentButton" href="https://fakeclients.com/feedback?post=3941">
294                        <span><img src="https://fakeclients.com/imgs/feedback.svg" alt="comment"><span class="commentNumber">2</span></span>
295                    </a>
296                </div>
297            </div><div class="design-post container" id="3789">
298                <div class="img-wrap">
299                    <a href="https://fakeclients.com/uploads/2adf20cfc34a042220afbdaac4ccd90e.png" target="_blank" class="imgfullscreenbtn">
300                        <svg style="width:35px;height:35px" viewBox="0 0 24 24">
301                            <path fill="#000000" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" />
302                        </svg>
303                    </a>
304                    <span class="marker"></span>
305                    <img class="lazy" data-src="https://fakeclients.com/uploads/2adf20cfc34a042220afbdaac4ccd90e.png">
306                </div>
307
308                <div class="postdetails">
309                    <h3><a href="https://fakeclients.com/feedback?post=3789">Pet sitting app</a></h3>
310                    <div class="subText">3 years ago by <a href="https://fakeclients.com/profile?i=34071"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=34071">Shantelle Chissell-Davis</a> • 3 years ago </div>
311                    <div class="pastbrief"><a class="underline" href="https://fakeclients.com/upgrade">Pro Brief</a></div>
312                </div>
313                <div class="designpostbuttons">
314                    <div class="inlinesubtext"><a href="https://fakeclients.com/profile?i=34071"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=34071">Shantelle Chissell-Davis</a> • 3 years ago </div>
315                    <div class="likeButton" data-postid="3789"><span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.06461 10.8396C4.46138 13.5597 9.61938 17.3161 12 19C14.3806 17.3161 19.5386 13.5597 19.9354 10.8396C20.3888 7.73087 18.3483 6.56511 17.158 6.1765C15.9677 5.78789 12.7935 5.78792 12 8.89662C11.2065 5.78792 8.03231 5.78789 6.842 6.17651C5.65168 6.56512 3.61116 7.73088 4.06461 10.8396Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg><span class="likeNumber">7</span></span></div>
316
317                    <a class="commentButton" href="https://fakeclients.com/feedback?post=3789">
318                        <span><img src="https://fakeclients.com/imgs/feedback.svg" alt="comment"><span class="commentNumber">2</span></span>
319                    </a>
320                </div>
321            </div><div class="design-post container" id="2948">
322                <div class="img-wrap">
323                    <a href="https://fakeclients.com/uploads/a07273b48d300240a2e153e63c15e0ce.jpg" target="_blank" class="imgfullscreenbtn">
324                        <svg style="width:35px;height:35px" viewBox="0 0 24 24">
325                            <path fill="#000000" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" />
326                        </svg>
327                    </a>
328                    <span class="marker"></span>
329                    <img class="lazy" data-src="https://fakeclients.com/uploads/a07273b48d300240a2e153e63c15e0ce.jpg">
330                </div>
331
332                <div class="postdetails">
333                    <h3><a href="https://fakeclients.com/feedback?post=2948">Sign up and sign in page UI design</a></h3>
334                    <div class="subText">4 years ago by <a href="https://fakeclients.com/profile?i=24423"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=24423">Gloria Ojo</a> • 4 years ago </div>
335                    
336                </div>
337                <div class="designpostbuttons">
338                    <div class="inlinesubtext"><a href="https://fakeclients.com/profile?i=24423"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=24423">Gloria Ojo</a> • 4 years ago </div>
339                    <div class="likeButton" data-postid="2948"><span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.06461 10.8396C4.46138 13.5597 9.61938 17.3161 12 19C14.3806 17.3161 19.5386 13.5597 19.9354 10.8396C20.3888 7.73087 18.3483 6.56511 17.158 6.1765C15.9677 5.78789 12.7935 5.78792 12 8.89662C11.2065 5.78792 8.03231 5.78789 6.842 6.17651C5.65168 6.56512 3.61116 7.73088 4.06461 10.8396Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg><span class="likeNumber">1</span></span></div>
340
341                    <a class="commentButton" href="https://fakeclients.com/feedback?post=2948">
342                        <span><img src="https://fakeclients.com/imgs/feedback.svg" alt="comment"><span class="commentNumber">1</span></span>
343                    </a>
344                </div>
345            </div><div class="design-post container" id="2686">
346                <div class="img-wrap">
347                    <a href="https://fakeclients.com/uploads/0f36e04366820a2ad16529b7eb2963fa.png" target="_blank" class="imgfullscreenbtn">
348                        <svg style="width:35px;height:35px" viewBox="0 0 24 24">
349                            <path fill="#000000" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" />
350                        </svg>
351                    </a>
352                    <span class="marker"></span>
353                    <img class="lazy" data-src="https://fakeclients.com/uploads/0f36e04366820a2ad16529b7eb2963fa.png">
354                </div>
355
356                <div class="postdetails">
357                    <h3><a href="https://fakeclients.com/feedback?post=2686">Ladarna Employee Login Website 1</a></h3>
358                    <div class="subText">4 years ago by <a href="https://fakeclients.com/profile?i=17309"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=17309">Meagan Austin</a> • 4 years ago </div>
359                    <div class="pastbrief"><a class="underline" href="https://fakeclients.com/upgrade">Pro Brief</a></div>
360                </div>
361                <div class="designpostbuttons">
362                    <div class="inlinesubtext"><a href="https://fakeclients.com/profile?i=17309"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=17309">Meagan Austin</a> • 4 years ago </div>
363                    <div class="likeButton" data-postid="2686"><span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.06461 10.8396C4.46138 13.5597 9.61938 17.3161 12 19C14.3806 17.3161 19.5386 13.5597 19.9354 10.8396C20.3888 7.73087 18.3483 6.56511 17.158 6.1765C15.9677 5.78789 12.7935 5.78792 12 8.89662C11.2065 5.78792 8.03231 5.78789 6.842 6.17651C5.65168 6.56512 3.61116 7.73088 4.06461 10.8396Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg><span class="likeNumber">3</span></span></div>
364
365                    <a class="commentButton" href="https://fakeclients.com/feedback?post=2686">
366                        <span><img src="https://fakeclients.com/imgs/feedback.svg" alt="comment"><span class="commentNumber">3</span></span>
367                    </a>
368                </div>
369            </div><div class="design-post container" id="2157">
370                <div class="img-wrap">
371                    <a href="https://fakeclients.com/uploads/5e913148b0dd316984f7560f7615eb5b.jpg" target="_blank" class="imgfullscreenbtn">
372                        <svg style="width:35px;height:35px" viewBox="0 0 24 24">
373                            <path fill="#000000" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" />
374                        </svg>
375                    </a>
376                    <span class="marker"></span>
377                    <img class="lazy" data-src="https://fakeclients.com/uploads/5e913148b0dd316984f7560f7615eb5b.jpg">
378                </div>
379
380                <div class="postdetails">
381                    <h3><a href="https://fakeclients.com/feedback?post=2157">Freshly Dropped App Design</a></h3>
382                    <div class="subText">5 years ago by <a href="https://fakeclients.com/profile?i=17301"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=17301">Francis Bello</a> • 5 years ago </div>
383                    <div class="pastbrief"><a class="underline" href="https://fakeclients.com/brief/freshly-dropped">Freshly Dropped</a><span class="briefbadge ui">ui</span></div>
384                </div>
385                <div class="designpostbuttons">
386                    <div class="inlinesubtext"><a href="https://fakeclients.com/profile?i=17301"><div class="postprofilepicture lazy" ></div></a><a href="https://fakeclients.com/profile?i=17301">Francis Bello</a> • 5 years ago </div>
387                    <div class="likeButton" data-postid="2157"><span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.06461 10.8396C4.46138 13.5597 9.61938 17.3161 12 19C14.3806 17.3161 19.5386 13.5597 19.9354 10.8396C20.3888 7.73087 18.3483 6.56511 17.158 6.1765C15.9677 5.78789 12.7935 5.78792 12 8.89662C11.2065 5.78792 8.03231 5.78789 6.842 6.17651C5.65168 6.56512 3.61116 7.73088 4.06461 10.8396Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg><span class="likeNumber">1</span></span></div>
388
389                    <a class="commentButton" href="https://fakeclients.com/feedback?post=2157">
390                        <span><img src="https://fakeclients.com/imgs/feedback.svg" alt="comment"><span class="commentNumber">1</span></span>
391                    </a>
392                </div>
393            </div></div></div>
394			<div class="generatepromo"><h3>Generate Unlimited Design Ideas</h3><div class="generatepromotext">Use FakeClients' design prompts and briefs to practice design and build your portfolio</div><a class="btn-primary" href="https://fakeclients.com">Generate Prompts</a></div>
395	
396
397<i class="inspirationcopyright">All images' copyrights belong to their respective owners</i>
398</div>
399
400 
401        </div>
402    </div>
403    
404    	<footer class="footer">
405		<div class="footerinner">
406			<div class="footerblock">
407				<img class="lazy" data-src="https://fakeclients.com/imgs/logo-compact.png" alt="fakeclients logo small">
408			</div><div class="footerblock">
409				<ul>
410					<li>Details</li>
411					<li><a href="https://fakeclients.com/about">About</a></li>
412					<li><a href="https://fakeclients.com/contact">Contact</a></li>
413					<li><a href="https://fakeclients.com/advertise">Advertise</a></li>
414					<li><a href="https://fakeclients.com/affiliate">Affiliate</a></li>
415				</ul>
416			</div><div class="footerblock">
417				<ul>
418					<li>Generators</li>
419					<li><a href="https://fakeclients.com/logodesign">Logo Design</a></li>
420					<li><a href="https://fakeclients.com/webdesign">Web Design</a></li>
421					<li><a href="https://fakeclients.com/graphicdesign">Graphic Design</a></li>
422					<li><a href="https://fakeclients.com/illustration">Illustration</a></li>
423					<li><a href="https://fakeclients.com/painting">Painting</a></li>
424					<li><a href="https://fakeclients.com/ux">UX Design</a></li>
425					<li><a href="https://fakeclients.com/ui">UI Design</a></li>
426					<li><a href="https://fakeclients.com/writing">Writing</a></li>
427					<li><a href="https://fakeclients.com/dynamic-poses">Dynamic Poses</a></li>
428				</ul>
429			</div><div class="footerblock">
430				<ul>
431					<li>Written Briefs</li>
432					<li><a href="https://fakeclients.com/briefs/">All Briefs</a></li>
433					<li><a href="https://fakeclients.com/briefs/logo-design">Logo Design</a></li>
434					<li><a href="https://fakeclients.com/briefs/web-design">Web Design</a></li>
435					<li><a href="https://fakeclients.com/briefs/graphic-design">Graphic Design</a></li>
436					<li><a href="https://fakeclients.com/briefs/illustration">Illustration</a></li>
437					<li><a href="https://fakeclients.com/briefs/ux-design">UX Design</a></li>
438					<li><a href="https://fakeclients.com/briefs/ui-design">UI Design</a></li>
439					<li><a href="https://fakeclients.com/briefs/writing">Writing</a></li>
440				</ul>
441			</div><div class="footerblock">
442				<ul>
443					<li>Design Guides</li>
444					<li><a href="https://fakeclients.com/guides/">All Guides</a></li>
445					<li><a href="https://fakeclients.com/guides/lettermark-logo">Lettermark Logo</a></li>
446					<li>
446<a href="https://fakeclients.com/guides/pictorial-mark-logo">Pictorial Mark Logo</a></li>
447					<li><a href="https://fakeclients.com/guides/combination-mark-logo">Combination Mark Logo</a></li>
448					<li><a href="https://fakeclients.com/guides/mascot-logo">Mascot Logo</a></li>
449					<li><a href="https://fakeclients.com/guides/abstract-mark-logo">Abstract Mark Logo</a></li>
450					<li><a href="https://fakeclients.com/guides/poster-design">Poster Design</a></li>
451					<li><a href="https://fakeclients.com/guides/login-page-design">Login Page Design</a></li>
452				</ul>
453			</div><div class="footerblock">
454				<ul>
455					<li>Links</li>
456					<li><a href="https://fakeclients.com/upgrade">Upgrade to Pro</a></li>
457					<li><a href="https://fakeclients.com/feedback">FakeClients Feedback</a></li>
458					<li><a href="https://play.google.com/store/apps/details?id=com.fakeclients.twa" target="_blank" rel="noopener">Android App</a></li>
459					<li><a href="https://setpose.com">Online Drawing Mannequin</a></li>
460					<li><a href="https://standuplist.com" target="_blank" rel="noopener">Standup List</a></li>
461				</ul>
462			</div><div class="footerblock">
463				<ul>
464					<li>Social</li>
465					<li><a href="https://twitter.com/fakeclients" target="_blank" rel="noopener">Twitter</a></li>
466					<li><a href="https://instagram.com/fakeclients" target="_blank" rel="noopener">Instagram</a></li>
467					<li><a href="https://facebook.com/fakeclients" target="_blank" rel="noopener">Facebook</a></li>
468					<li><a href="https://pinterest.com/fakeclients" target="_blank" rel="noopener">Pinterest</a></li>
469					<li><a href="https://www.tiktok.com/@fakeclients.com" target="_blank" rel="noopener">TikTok</a></li>
470				</ul>
471			</div>
472			<div class="footerbottom">
473			    <div class="copyright">© 2026 — <a href="https://fakeclients.com">FakeClients™</a></div>
474			    <div class="legal"><a href="https://fakeclients.com/terms.html" target="_blank">Terms</a> • <a href="https://fakeclients.com/privacy.html" target="_blank">Privacy</a></div>
475			</div>
476		</div>
477	</footer>
478    <div class="exitpopup" style="display:none">
479            <div class="exitmessage fcpromo">
480                <svg style="width: 20px;height: 20px;position: absolute;right: 20px;" viewBox="0 0 24 24" id="skshpromo-close">
481                    <path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"></path>
482                </svg>
483            
484                <h2>Generate Unlimited Design Briefs for Free</h2>
485                <p>Start using the FakeClients brief generator to learn design or improve your skills by taking on realistic projects. </p>
486                <a href="https://fakeclients.com/?ref=popup" class="link actionreflinkinline">Generate Briefs</a>
487            </div>
488        </div>    
489    <div class="popupupgradecont briefupgrade" style="display: none;"></div>
490    
491    <div class="notification"></div>
492
493    
494<div class="popUpBack " ></div>
495
496    <div class="SignUpInForm " style="display:none;">
497        <span class="SignUpInFormClose topRightIcon"></span>
498        <form class="signupform" onsubmit="return false">
499            <h2>Create an account</h2>
500            <label for="fullname">Name</label>
501            <input type="text" name="fullname" id="signupname" required>
502            <label for="email">Email</label>
503            <input type="email" name="email" id="signupemail" required>
504            <label for="password">Password</label>
505            <input type="Password" name="password" id="signuppassword" minlength="8" required>
506            <input type="submit" name="submit" value="Create Account" class="btn-primary" id="signupbutton">
507            <div class="terms">By signing up, you agree to the <a href="https://fakeclients.com/terms.html" target="_blank">Terms and conditions</a> and the <a href="https://fakeclients.com/privacy.html" target="_blank">Privacy policy</a></div>
508        </form>
509        <form class="signinform" onsubmit="return false">
510            <h2>Sign In</h2>
511            <label for="email">Email</label>
512            <input type="email" name="email" id="signinemail" required>
513            <label for="password">Password</label>
514            <input type="Password" name="password" id="signinpassword" required>
515            <input type="checkbox" id="rememberme" class="checkbox" name="rememberme" value="yes">
516            <label for="rememberme" style="display: inline-block;">Stay signed in</label>
517            <input type="submit" name="submit" value="Sign in" class="btn-primary" id="signinbutton">
518            <div class="terms">Forgot your password? <a href="https://fakeclients.com/forgotpassword" target="_blank">Reset Password</a></div>
519        </form>
520    </div>
521
522    
523    
523<script type="text/javascript">
524                $(document).ready(function() {
525            $('<ins class="adsbygoogle" style="display:block;margin-bottom:1rem" data-ad-client="ca-pub-3411751508906535" data-ad-slot="6818475008" data-ad-format="auto" data-full-width-responsive="true"></ins>').insertAfter(".briefcontentinner > p:nth-of-type(1)");
526            (adsbygoogle = window.adsbygoogle || []).push({});
527            $('<ins class="adsbygoogle" style="display:block;margin-bottom:1rem" data-ad-client="ca-pub-3411751508906535" data-ad-slot="6818475008" data-ad-format="auto" data-full-width-responsive="true"></ins>').insertAfter(".briefcontentinner > p:nth-of-type(8)");
528            (adsbygoogle = window.adsbygoogle || []).push({});
529        });
530            </script>
530
531    
531<script src="https://fakeclients.com/briefs/briefsjs.js?v=16"></script>
531
532    
532<script src="https://fakeclients.com/jquery.min.js"></script>
532
533    
533<script src="https://fakeclients.com/jquery.lazy.min.js"></script>
533
534    
534<script src="https://fakeclients.com/jsarray.js?v=16"></script>
534
535    
535<script src="https://fakeclients.com/js.js?v=16"></script>
535
536    
536<script src="https://fakeclients.com/feedbackjs.js?v=16"></script>
536
537</body>
538</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.