White Website Designs ~ Featured On CSSDA

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="robots" content="index, follow" /> <meta name="author" content="CSS Design Awards" /> <meta name="referrer" content="origin-when-cross-origin" /> <title>White Website Designs ~ Featured On CSSDA</title> <meta name="description" content="A showcase of the best White color website designs via CSS Design Awards, an international web design awards platform that honors and showcases freelance designers, studios and agencies for work that pushes the boundaries of creativity, functionality and usability." /> <link rel="canonical" href="https://www.cssdesignawards.com/" /> <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/images/favicons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/images/favicons/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/images/favicons/android-chrome-192x192.png" sizes="192x192"> <link rel="shortcut icon" href="/images/favicons/favicon.ico"> <link rel="stylesheet" href="/css/style-main.min.css" type="text/css" media="all"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet"> <link rel="stylesheet" href="/css/vendor/jcf.css" type="text/css" media="all"> </head> <body> <div id="page"> <header class="main"> <nav class="header__main-wrapper"> <div class="flex-grid"> <a href="/" class="header__site-logo"> <img src="/imgs/logo.svg" alt="CSS Design Awards"> </a> </div> <div class="flex-grid text-center mobile-hidden"> <div class="header__fade-slider"> <div class="header__fade-slider__slide active"> <a href="https://kinsta.com/wordpress-hosting/agencies/?utm_source=cssdesignawards&utm_medium=Referral&utm_campaign=homepage" target="_blank" rel="nofollow"> <img src="/imgs/content/2025/kinsta-for-agencies-logo.svg" width="150" height="100" alt="Kinsta"> </a> </div> <div class="header__fade-slider__slide"> <a href="https://redcollar.co/" target="_blank" rel="nofollow"> <img src="/imgs/content/2025/red-collar-logo.svg" width="150" height="100" alt="Red Collar"> </a> </div> <div class="header__fade-slider__slide"> <a href="http://www.bowenmedia.com/" target="_blank" rel="nofollow"> <img src="/imgs/content/2025/bowen.svg" width="150" height="100" alt="Bowen Media"> </a> </div> </div> </div> <div class="flex-grid text-right"> <div class="header__side-elements"> <a href="#" class="menu-hamburger" data-modal-open="header-main-menu"></a> <a href="#" class="search" data-modal-open="header-search"> <img src="/imgs/loupe.svg" alt="Search"> </a> <a href="/submit" class="cust-btn mobile-hidden">SUBMIT</a> </div> </div> </nav> <div data-modal="header-main-menu" class="modal header-modal-menu"> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <nav class="header__main-menu"> <div class="header__main-menu__wrapper"> <button class="modal__close">X</button> <ul class="header__main-menu__list"> <li><a href="/" class="cust-btn">Home</a></li> <li><a href="/wotd-award-nominees" class="cust-btn">Nominees</a></li> <li><a href="/wotd-award-winners" class="cust-btn">Winners</a></li> <li><a href="/about" class="cust-btn">About</a></li> <li><a href="/judges" class="cust-btn">Judges</a></li> <li><a href="/blog" class="cust-btn">Blog</a></li> <li><a href="/contact" class="cust-btn">Contact</a></li> <li><a href="/terms" class="cust-btn">Terms / Privacy</a></li> </ul> <ul class="header__main-menu__add-on"> <li><a href="/submit" class="cust-btn special-button">SUBMIT</a></li> <li><a href="/jpanel" target="_blank">JLogin</a></li> </ul> </div> </nav> </div>  </div> </div> </div>  <div data-modal="header-search" class="modal header-modal-search"> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <form action="/search" method="get" id="frmSearch"> <input type="search" id="search_term" name="search_term" placeholder="Search" autofocus> <a class="modal__close">X</a> </form> </div>  </div> </div> </div>  </header> <div class="filters gallery-filters"> <nav class="filters__nav gallery-filters__nav"> <div class="container text-center"> <ul class="filters__list gallery-filters__list"> <li class="filters__list-item gallery-filters__list-item"> <a href="/wotd-award-nominees" class="filters__link gallery-filters__link">Nominees</a> </li> <li class="filters__list-item gallery-filters__list-item"> <a href="/wotd-award-winners" class="filters__link gallery-filters__link">WOTD</a> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="winners"> More Sites </button> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="features"> Features </button> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="industry"> Industry </button> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="colour"> Color </button> </li> </ul> </div> </nav> <div class="filters__drawers gallery-filters__drawers" data-drawer-container> <div class="subfilters gallery-subfilters" data-drawer="winners"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/special-kudos-award-winners">Special Kudos</a>,   <a href="/wotm-award-winners">WOTM</a>,   <a href="/woty-award-winners">WOTY</a> </div> </div> </div> <div class="subfilters gallery-subfilters" data-drawer="features"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/website-gallery?feature=animated">animated</a>,  <a href="/website-gallery?feature=colorful">colorful</a>,  <a href="/website-gallery?feature=eCommerce">eCommerce</a>,  <a href="/website-gallery?feature=flat+design">flat design</a>,  <a href="/website-gallery?feature=fullscreen">fullscreen</a>,  <a href="/website-gallery?feature=grid">grid</a>,  <a href="/website-gallery?feature=illustrated">illustrated</a>,  <a href="/website-gallery?feature=jQuery">jQuery</a>,  <a href="/website-gallery?feature=liquid">liquid</a>,  <a href="/website-gallery?feature=material+design">material design</a>,  <a href="/website-gallery?feature=minimal">minimal</a>,  <a href="/website-gallery?feature=one+page">one page</a>,  <a href="/website-gallery?feature=parallax">parallax</a>,  <a href="/website-gallery?feature=photographic">photographic</a>,  <a href="/website-gallery?feature=responsive">responsive</a>,  <a href="/website-gallery?feature=scroll">scroll</a>,  <a href="/website-gallery?feature=SVG">SVG</a>,  <a href="/website-gallery?feature=typographic">typographic</a>,  <a href="/website-gallery?feature=video%2Fsound">video/sound</a>,  <a href="/website-gallery?feature=VR">VR</a>,  <a href="/website-gallery?feature=WebGL">WebGL</a> </div> </div> </div> <div class="subfilters gallery-subfilters" data-drawer="industry"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/website-gallery?industry=agency">agency</a>,  <a href="/website-gallery?industry=app">app</a>,  <a href="/website-gallery?industry=art">art</a>,  <a href="/website-gallery?industry=blog">blog</a>,  <a href="/website-gallery?industry=community">community</a>,  <a href="/website-gallery?industry=education">education</a>,  <a href="/website-gallery?industry=entertainment">entertainment</a>,  <a href="/website-gallery?industry=fashion">fashion</a>,  <a href="/website-gallery?industry=food%2Fdrink">food/drink</a>,  <a href="/website-gallery?industry=graphic+design">graphic design</a>,  <a href="/website-gallery?industry=photography">photography</a>,  <a href="/website-gallery?industry=products">products</a>,  <a href="/website-gallery?industry=real+estate">real estate</a>,  <a href="/website-gallery?industry=services">services</a>,  <a href="/website-gallery?industry=sport">sport</a>,  <a href="/website-gallery?industry=travel">travel</a>,  <a href="/website-gallery?industry=web+design%2Fdev">web design/dev</a>,  <a href="/website-gallery?industry=wellbeing">wellbeing</a>,  <a href="/website-gallery?industry=other">other</a> </div> </div> </div> <div class="subfilters gallery-subfilters" data-drawer="colour"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/website-gallery?color=Red">Red</a>,  <a href="/website-gallery?color=Black">Black</a>,  <a href="/website-gallery?color=Yellow">Yellow</a>,  <a href="/website-gallery?color=Blue">Blue</a>,  <a href="/website-gallery?color=Orange">Orange</a>,  <a href="/website-gallery?color=Grey">Grey</a>,  <a href="/website-gallery?color=Purple">Purple</a>,  <a href="/website-gallery?color=Green">Green</a>,  <a href="/website-gallery?color=Pink">Pink</a>,  <a href="/website-gallery?color=Beige">Beige</a>,  <a href="/website-gallery?color=Brown">Brown</a>,  <a href="/website-gallery?color=White">White</a>,  <a href="/website-gallery?color=Multi">Multi</a> </div> </div> </div> </div> </div> <h3 style="text-align: center; margin-bottom: 50px;">White Sites</h3> <section class="gallery-projects"> <div class="container"> <div class="gallery-projects__list projects__list"> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2025/202501/20250104042850.jpg" width="360" alt="Thailand Privilege Card website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">JAN 4</span> </div> <a href="/sites/thailand-privilege-card/46858/" class="sp__full-size-link"></a> <a href="https://www.thaielite.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Thailand Privilege Card website"></a> <span class="sp__view-info">Vote</span> </div> </div> <h3 class="single-project__title"><a href="/sites/thailand-privilege-card/46858/">Thailand Privilege Card</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2025/202501/20250103094759.jpg" width="360" alt="Forgge website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">JAN 3</span> </div> <a href="/sites/forgge/46856/" class="sp__full-size-link"></a> <a href="https://forgge-studio.webflow.io/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Forgge website"></a> <span class="sp__view-info">Vote</span> </div> </div> <h3 class="single-project__title"><a href="/sites/forgge/46856/">Forgge</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2025/202501/20250102115331.jpg" width="360" alt="Alina Papazova website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">JAN 2</span> </div> <a href="/sites/alina-papazova/46850/" class="sp__full-size-link"></a> <a href="https://alinapapazova.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Alina Papazova website"></a> <span class="sp__view-info">Vote</span> </div> </div> <h3 class="single-project__title"><a href="/sites/alina-papazova/46850/">Alina Papazova</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241231052901.jpg" width="360" alt="Best Made Company website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">DEC 31</span> </div> <a href="/sites/best-made-company/46840/" class="sp__full-size-link"></a> <a href="https://www.bestmadeco.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Best Made Company website"></a> <span class="sp__view-info">Vote</span> </div> </div> <h3 class="single-project__title"><a href="/sites/best-made-company/46840/">Best Made Company</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241230090956.jpg" width="360" alt="Martistel website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">DEC 30</span> </div> <a href="/sites/martistel/46839/" class="sp__full-size-link"></a> <a href="https://martistel.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Martistel website"></a> <span class="sp__view-info">Vote</span> </div> </div> <h3 class="single-project__title"><a href="/sites/martistel/46839/">Martistel</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241230064312.jpg" width="360" alt="Fotiscloud website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">JAN 4</span> </div> <a href="/sites/fotiscloud/46836/" class="sp__full-size-link"></a> <a href="https://www.fortiscloud.de/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Fotiscloud website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/fotiscloud/46836/">Fotiscloud</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> <span class="sp__single-score jpanel">JPANEL 6.56</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241227134611.jpg" width="360" alt="PARCO website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">JAN 3</span> </div> <a href="/sites/parco/46831/" class="sp__full-size-link"></a> <a href="https://parco.jp/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="PARCO website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/parco/46831/">PARCO</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.67</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241226134821.jpg" width="360" alt="Amby Legal website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">JAN 3</span> </div> <a href="/sites/amby-legal/46825/" class="sp__full-size-link"></a> <a href="https://ambylegal.by/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Amby Legal website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/amby-legal/46825/">Amby Legal</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> <span class="sp__single-score jpanel">JPANEL 6.42</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241225094900.jpg" width="360" alt="Pivotte Studio website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">DEC 25</span> </div> <a href="/sites/pivotte-studio/46819/" class="sp__full-size-link"></a> <a href="https://pivottestudio.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Pivotte Studio website"></a> <span class="sp__view-info">Vote</span> </div> </div> <h3 class="single-project__title"><a href="/sites/pivotte-studio/46819/">Pivotte Studio</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241225083151.jpg" width="360" alt="SystemOne website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">JAN 4</span> </div> <a href="/sites/systemone/46820/" class="sp__full-size-link"></a> <a href="https://www.systemonesoftware.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="SystemOne website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/systemone/46820/">SystemOne</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.37</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241222043421.jpg" width="360" alt="‘24Reflection website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">JAN 3</span> </div> <a href="/sites/24reflection/46807/" class="sp__full-size-link"></a> <a href="https://24ref.usestate.org/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="‘24Reflection website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/24reflection/46807/">‘24Reflection</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.38</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241219135158.jpg" width="360" alt="Hype: Tattoo Studio website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">DEC 19</span> </div> <a href="/sites/hype-tattoo-studio/46803/" class="sp__full-size-link"></a> <a href="https://hype-tattoo.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Hype: Tattoo Studio website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/hype-tattoo-studio/46803/">Hype: Tattoo Studio</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241219054840.jpg" width="360" alt="Bespoke Partners website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">DEC 28</span> </div> <a href="/sites/bespoke-partners/46798/" class="sp__full-size-link"></a> <a href="https://www.bespokepartners.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Bespoke Partners website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/bespoke-partners/46798/">Bespoke Partners</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.16</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241218120920.jpg" width="360" alt="Boatico Yacht Charter website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">DEC 28</span> </div> <a href="/sites/boatico-yacht-charter/46795/" class="sp__full-size-link"></a> <a href="https://www.boatico.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Boatico Yacht Charter website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/boatico-yacht-charter/46795/">Boatico Yacht Charter</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.84</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241216133725.jpg" width="360" alt="Helga Digital Agency website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">DEC 20</span> </div> <a href="/sites/helga-digital-agency/46784/" class="sp__full-size-link"></a> <a href="https://www.helga.ch/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Helga Digital Agency website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/helga-digital-agency/46784/">Helga Digital Agency</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.56</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241214061647.jpg" width="360" alt="Smart Trek website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">DEC 20</span> </div> <a href="/sites/smart-trek/46778/" class="sp__full-size-link"></a> <a href="https://smarttrek.com.ua/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Smart Trek website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/smart-trek/46778/">Smart Trek</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 6.73</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241213101442.jpg" width="360" alt="Clearstreet website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">DEC 30</span> </div> <a href="/sites/clearstreet/46773/" class="sp__full-size-link"></a> <a href="https://www.clearstreet.io/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Clearstreet website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/clearstreet/46773/">Clearstreet</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.84</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202412/20241213013637.jpg" width="360" alt="AmsterSup website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">DEC 18</span> </div> <a href="/sites/amstersup/46768/" class="sp__full-size-link"></a> <a href="https://amsterrsup.tilda.ws/en" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="AmsterSup website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/amstersup/46768/">AmsterSup</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.25</span> </div> </div> </article> </div> <div class="gallery-projects__pagination"> <div class="pagination text-center"> <ul class="pagination__list"> <li class="pagination__item current"><a href="/website-gallery?color=White&page=1" class="pagination__link">1</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=2" class="pagination__link">2</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=3" class="pagination__link">3</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=4" class="pagination__link">4</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=5" class="pagination__link">5</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=6" class="pagination__link">6</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=7" class="pagination__link">7</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=8" class="pagination__link">8</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=9" class="pagination__link">9</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=10" class="pagination__link">10</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=11" class="pagination__link">11</a></li> <li class="pagination__item">...</li> <li class="pagination__item"><a href="/website-gallery?color=White&page=248" class="pagination__link">248</a></li> <li class="pagination__item"><a href="/website-gallery?color=White&page=2" class="pagination__link">›</a></li> </ul>  </div>  </div> </div> </section> <div class="page-modals"> </div> <div class="container smsc-button-wrapper"> <a class="smsc-button light" href="#">Go to Top</a> </div> <footer class="main light"> <div class="flex-grid">CSS DESIGN AWARDS © 2009 - 2025</div> <div class="flex-grid text-center mobile-top"> <ul class="social-icons"> <li><a href="https://www.facebook.com/CSSDesignAwards/" target="_blank" style="background-image: url(/imgs/social-icons/facebook.svg);"><img src="/imgs/social-icons/facebook.svg" alt="facebook"></a></li> <li><a href="https://x.com/cssdesignawards" target="_blank" style="background-image: url(/imgs/social-icons/x.svg);"><img src="/imgs/social-icons/x.svg" alt="twitter/X"></a></li> <li><a href="https://www.linkedin.com/in/cssda/" target="_blank" style="background-image: url(/imgs/social-icons/linkedin.svg);"><img src="/imgs/social-icons/linkedin.svg" alt="linkedin"></a></li> <li><a href="https://www.instagram.com/cssdesignaward/" target="_blank" style="background-image: url(/imgs/social-icons/instagram.svg);"><img src="/imgs/social-icons/instagram.svg" alt="instagram"></a></li> </ul> </div> <div class="flex-grid text-right mobile-hidden">BE INSPIRED. BE INSPIRING.</div> </footer> </div> <div id="scripts"> <script type="text/javascript" src="/js/vendor/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="/js/vendor/jcf.js"></script> <script type="text/javascript" src="/js/vendor/jcf.select.js"></script> <script type="text/javascript" src="/js/vendor/jcf.checkbox.js"></script> <script type="text/javascript" src="/js/vendor/jcf.file.js"></script> <script type="text/javascript" src="/js/script.min.js"></script> </div> </body> </html>

CINXE.COM

White Website Designs ~ Featured On CSSDA