{"id":48512,"date":"2023-07-04T07:56:23","date_gmt":"2023-07-04T14:56:23","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=48512"},"modified":"2023-07-12T01:47:16","modified_gmt":"2023-07-12T08:47:16","slug":"90s-websites-examples","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/","title":{"rendered":"90s Websites \u2013 Key Characteristics &amp; Examples"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min-1024x512.png\" alt=\"90s website min\" class=\"wp-image-48515\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Trends have a way of repeating themselves. This is perhaps most apparent in fashion \u2013 the 1970s drew inspiration from the 1950s, and in a cycle that repeated itself about every 20 years. That said, this design cycle is not exclusive to clothing trends \u2013 it can also be seen in other areas, including website design.&nbsp;<\/p>\n\n\n\n<p>In recent years, we\u2019ve seen quite a few references to the early days of the world wide web. In this piece, we discuss the main traits of 90s-inspired digital design and give you a few most prominent examples. If you\u2019d like to give your designs that 1990s \u2018feel\u2019, you\u2019ve come to the right place.<\/p>\n\n\n\n<p>Build realistic prototypes of websites or apps in minutes in UXPin. Make your prototypes behave like an end-product with UXPin&#8217;s powerful features like variables, states, and expressions. Start prototyping. <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Sign up for a free trial<\/a>.<\/p>\n\n\n\n<section class=\"try-uxpin-banner\">\n    <div class=\"try-uxpin__container\">\n        <div class=\"try-uxpin__left\">\n            <p class=\"try-uxpin__heading\">Build advanced prototypes<\/p>\n            <p class=\"try-uxpin__text\">Design better products with States, Variables, Auto Layout and more.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"try-uxpin__button\">Try UXPin<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-signup.png\" class=\"try-uxpin__image\" alt=\"Try UXPin\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.try-uxpin-banner {\n    margin: 40px 0px;\n}\n\n.try-uxpin__container {\n    display: flex;\n    max-width: 689px;\n    height: 210px;\n    padding: 20px;\n    padding-left: 24px;\n    border: 2px solid black;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: space-between;\n    background-color: white;\n    box-shadow: 10px 10px black;\n}\n\n.try-uxpin__left {\n    width: 54%;\n}\n\n\n.try-uxpin__heading {\n    font-size: 28px !important;\n    font-weight: bold;\n}\n\n.try-uxpin__left p {\n    margin: 10px 0px !important;\n    color: black !important;\n}\n\n.try-uxpin__text {\n    margin: 0 !important;\n    font-size: 18px !important;\n    line-height: 22px !important;\n}\n\n.try-uxpin__button {\n    width: 135px;\n    height: 44px;\n    background: black;\n    margin: 10px 0px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 2px;\n    color: white;\n    font-size: 16px;\n    text-align: center;\n}\n\n.try-uxpin__button:hover {\n    cursor: pointer;\n}\n\n.try-uxpin__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -21px;\n    margin-bottom: -6px;\n}\n\n@media (max-width: 760px) {\n    .try-uxpin__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .try-uxpin__container {\n        flex-direction: column;\n    }\n\n    .try-uxpin__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-90s-website-key-characteristics\">90s Website Key Characteristics<\/h2>\n\n\n\n<p><a href=\"https:\/\/www.makeuseof.com\/history-of-world-wide-web\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">The early days of the world wide web were iconic<\/a>, but not nearly as efficient as today&#8217;s Internet experience. This breakdown of the most eye-catching and enjoyable aspects of 90s website design is intended to be used as a muse.<\/p>\n\n\n\n<p>When the right amount of nostalgia is mixed with decades of advancement, beautiful and functional websites can be created.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-patterned-background\">Patterned background<\/h3>\n\n\n\n<p>The 90s were a lot of things, but they certainly weren\u2019t <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/3-techniques-perfect-minimalist-site\/\" target=\"_blank\" rel=\"noreferrer noopener\">minimalistic<\/a>! Bright colors and patterns were a staple of the decade, especially when it came to <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/3-ways-to-design-breathtaking-hd-website-backgrounds\/\" target=\"_blank\" rel=\"noreferrer noopener\">website backgrounds<\/a>. The night sky, studded metal, bright geometric patterns, and repeating logos were just a few of the bold backgrounds that would catch your eye some 20-30 years ago.<\/p>\n\n\n\n<p>The busy nature of these backgrounds might make them seem unreasonable, especially when streamlining <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/web-design-basics\/\" target=\"_blank\" rel=\"noreferrer noopener\">website design<\/a> for ease of use. In cases where these designs overwhelm other factors on the web page that might be true. Still, the human brain loves patterns. Research suggests that <a href=\"https:\/\/around.uoregon.edu\/content\/human-brain-would-rather-look-nature-city-streets\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">looking at repeating patterns can reduce stress<\/a>, since they are a form of visual stimuli often found in nature.<\/p>\n\n\n\n<p>So how can you create your own 90s-inspired website background? You have a few options, with the most simplistic being a search for \u201cfree repeating background\u201d.&nbsp;<\/p>\n\n\n\n<p>If you find something you like, add it to your site, and if you don\u2019t, check out sites like <a href=\"https:\/\/pixabay.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Pixabay<\/a>. A search for repeating patterns will provide you with hundreds of options. If you\u2019re still not satisfied with your findings, create your own design or you hire an artist to bring your background pattern ideas to life.<\/p>\n\n\n\n<p>For some extra 90s magic, you can incorporate an animated background. Sites like <a href=\"https:\/\/textures.neocities.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Textures Town<\/a> offer 3D animated designs to fit a variety of themes. The site itself is also a great source of retro inspiration.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-navigation\">Navigation<\/h3>\n\n\n\n<p>Today, website <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/navigation-ui\/\" target=\"_blank\" rel=\"noreferrer noopener\">navigation<\/a> is a core factor when it comes to user experience and attention retention. But that wasn\u2019t always the case. In the 90s most websites were cluttered with links and options that lacked clean categories.<\/p>\n\n\n\n<p><a href=\"http:\/\/www.aliweb.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">AliWeb<\/a>, the world&#8217;s oldest search engine, is an interactive example of this navigation style. You\u2019ll quickly notice that the navigation of this site is \u201cstacked\u201d unlike navigation on similar search engines, like Google.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/ali-web-90s-website-1024x460.png\" alt=\"ali web 90s website\" class=\"wp-image-48518\" width=\"750\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/ali-web-90s-website-1024x460.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/ali-web-90s-website-668x300.png 668w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/ali-web-90s-website-768x345.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/ali-web-90s-website.png 1436w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sub-navigation systems, most commonly identified as drop-down menus, were not invented until the late 90s to early 2000s. As a result, the most iconic 90s websites used lists of links, icons, or flash animations. User-friendly navigation and 90s-era navigation don\u2019t have to be mutually exclusive.&nbsp;<\/p>\n\n\n\n<p>Research suggests that the <a href=\"https:\/\/uxpajournal.org\/examining-the-order-effect-of-website-navigation-menus-with-eye-tracking\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">order of website menu items has little effect on the ease with which people locate their options<\/a>, but the best results come from menus with 10 or fewer options. This suggests that the right balance of 90s-designed menu options can be both, functional and fashionable.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-clickable-icons\">Clickable icons<\/h3>\n\n\n\n<p>Menu icons and banners are a common sight on most webpage templates. These simple navigation tools allow <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-writing-disconnect\/\" target=\"_blank\" rel=\"noreferrer noopener\">words to guide visitors through sites<\/a>, but icons used to be a preferred method. Embedding images with links allowed early websites a creative and eye-catching alternative to simply listing links with uniform text.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/custom-styles-use-css-to-style-elements-in-uxpin\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS<\/a>, or cascading style sheets, used to simplify the structure of current web pages was not available in the 90s. Icons offered a simplified and stylish form of navigation that was easy to identify. In some cases, the icons would be suited to their background as if they were interacting with it, or they would stand in stark contrast to it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-web-design-1024x576.png\" alt=\"90s web design\" class=\"wp-image-48521\" width=\"750\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-web-design-1024x576.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-web-design-533x300.png 533w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-web-design-768x432.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-web-design.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/creattie.com\/blog\/evolution-of-ui-animated-icons\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Source<\/a><\/figcaption><\/figure>\n\n\n\n<p>Apple offers a great example of the effectiveness of well-placed image icons. The icons used today for Apple\u2019s clock, calculator, and notepad are reminiscent of their original forms because their design supports ease of use.<\/p>\n\n\n\n<p>Bright, bold, and boxy icons may be the closest to authentic 90s website design styles, but this form of navigation can be designed with a modern twist to suit your style.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-animations\">Animations<\/h3>\n\n\n\n<p>One of the most unforgettable, and arguably enjoyable, aspects of 90s website design was the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ui-animation-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\">animations<\/a>. A cursor with a trail of hearts, shooting stars, swimming fish, and a myriad of other whimsical animations brought web pages to life.<\/p>\n\n\n\n<p>Animations came about through the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/web-design-and-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">use of Flash<\/a>. They were cutting-edge and accessible during a period when there were limited resources to make web pages stand out. Animations were most commonly incorporated into mouse movement and clickable icons, but they could also be a part of the background.&nbsp;<\/p>\n\n\n\n<p>The goal was to make interacting with a website more exciting, and early designers were on to something. <a href=\"https:\/\/www.ics.uci.edu\/~majumder\/vispercep\/paper08\/visualattention.pdf\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Human eyes are drawn to movement<\/a>, especially when other items in view are unchanging.<\/p>\n\n\n\n<p>Design aspects and preferences may have changed over the years, but <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/should-user-experience-designers-be-aware-of-psychology\/\" target=\"_blank\" rel=\"noreferrer noopener\">eyes and perception have not<\/a>. This makes animations a valuable tool to this day. Through (the still available) Flash animation software, you can create animations unique to your site&#8217;s needs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-the-color-palette-of-the-90s\">The color palette of the 90s<\/h3>\n\n\n\n<p>Some periods in history can be defined by popular colors that appeared in everything from fashion to furniture, and the 90s was one of those eras. The <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/choose-color-pallete\/\" target=\"_blank\" rel=\"noreferrer noopener\">color palette<\/a> of the 90s, especially that which appeared on websites, was split into the two main groups listed below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/space-jam-nineties-web-design-1024x661.png\" alt=\"space jam nineties web design\" class=\"wp-image-48524\" width=\"750\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/space-jam-nineties-web-design-1024x661.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/space-jam-nineties-web-design-465x300.png 465w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/space-jam-nineties-web-design-768x496.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/space-jam-nineties-web-design.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-memphis-style\">Memphis Style<\/h4>\n\n\n\n<p>The brighter designs apparent in the 90s fell into a category known as Memphis style. This included bold primary colors, pastels, and neon colors that were often used in contrast with black and white. Geometric shapes were commonly incorporated into Memphis design and a main focus was creating a visually stunning contrast.<\/p>\n\n\n\n<p>This style originated in the 80s and is apparent in the fashion of that decade. Memphis style went on to inspire many web designers of the 90s, and it is still occasionally referenced in modern design.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-grunge-style\">Grunge Style<\/h4>\n\n\n\n<p>The darker side of 90s web design fell into a color pallet known as Grunge style. In stark contrast to Memphis, Grunge is neutral and dark. Black, grey, brown, and beige took center stage in gloomy designs. Inspiration was drawn from the rising alternative rock scene, also known as Grunge bands.<\/p>\n\n\n\n<p>These two styles may feel mutually exclusive, but they can be blended together to create unique designs inspired by all color pallets of the 90s. By mixing bold colors in muted forms or creating brutal designs with geometric aspects, Memphis and Grunge can create a spectrum of 90s style.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-fonts\">Fonts<\/h3>\n\n\n\n<p>Based on all the other attributes of 90s website design, it&#8217;s safe to assume that <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/typography-in-web-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">font styles<\/a> would be anything but simple. Fonts were used like another form of art, and regardless of what color pallet a site followed, fonts tended towards being bold. Bubbly, boxy, and brushed fonts were common for titles while smaller texts tended towards playful fonts like Comic Sans.<\/p>\n\n\n\n<p>Finding the ideal combination of color, animation, and font for your design can seem daunting, but with a functional prototype, 90s-inspired visions can come to life. With UXPin, you can work on creating web designs reminiscent of the era and revive the nostalgia of the 90s in every detail. With an interactive prototype that behaves like a final product, it is possible to test every aspect, including those 90s animations.&nbsp;<a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Sign up for a free trial<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-website-examples-from-the-90s\">Website Examples From The 90s<\/h2>\n\n\n\n<p>Descriptions are great, but some of the best inspirations for designs are visual. Let\u2019s look at two iconic websites in their 90s era to see how they stood out.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-nasa\">NASA<\/h3>\n\n\n\n<p>Being at the forefront of science and technology, NASA had to create a webpage that centralized relevant information in an iconic way. Their first webpage, from 1994, did so with a textured grey background. Colorful but grainy images on <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/button-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">buttons<\/a> intended for navigation stood out against the dull background.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"932\" class=\"wp-block-cover__image-background wp-image-48529\" alt=\"image5 min\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image5-min-1024x932.png\" data-object-fit=\"cover\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image5-min-1024x932.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image5-min-330x300.png 330w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image5-min-768x699.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image5-min.png 1041w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><br><\/p>\n<\/div><\/div>\n\n\n\n<p>The drop shadows and embossed logo across the screen made this webpage as modern as it could appear in the 90s. Most importantly, its design made it possible for students, educators, and scientists to reference all things NASA in one place.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-lego\">Lego<\/h3>\n\n\n\n<p>The colorful and creative nature of Legos fit perfectly with design trends in the 90s. When their first site was released in 1996 it incorporated texture with a Lego-studded background. The site also incorporated motion with many of its Lego person icons being animated.&nbsp;<\/p>\n\n\n\n<p>The icons on the Lego page may have been pixilated, but the color contrast and creativity worked into their web design captured their audience&#8217;s attention regardless.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"623\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image4-min.png\" alt=\"image4 min\" class=\"wp-image-48532\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image4-min.png 1000w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image4-min-482x300.png 482w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image4-min-768x478.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/image4-min-290x180.png 290w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-design-your-90s-website-in-uxpin\">Design your 90s website in UXPin<\/h2>\n\n\n\n<p>Drawing design inspiration from 90s trends is natural, especially as more and more aspects of 90s design resurface in modern culture. Luckily, the technological barriers that restricted web design of that decade have since been simplified. But the ability to experiment with nostalgic patterns, colors, fonts, and animations is just a few clicks away thanks to powerful prototyping tools like UXPin.<\/p>\n\n\n\n<p>Today&#8217;s trend toward simplicity and user-friendly design can be skillfully blended with iconic characteristics of the 90s in any way you choose. UXPin allows for web design that is detail oriented and fully functional even in its prototype phase. This way, you can interact with every retro design aspect prior to launch to ensure they are as functional as they are fashionable. Ready to blend retro style with modern UX and UI capabilities? <a href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Try UXPin today<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/sign-up\" target=\"_blank\" rel=\"noopener\">Try UXPin for free<\/a><\/center><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Trends have a way of repeating themselves. This is perhaps most apparent in fashion \u2013 the 1970s drew inspiration from the 1950s, and in a cycle that repeated itself about every 20 years. That said, this design cycle is not exclusive to clothing trends \u2013 it can also be seen in other areas, including website<\/p>\n","protected":false},"author":3,"featured_media":48515,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-48512","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design"],"yoast_title":"","yoast_metadesc":"Learn about designing websites that are inspired by 1990s, a beautiful era for the Internet. Discover key characteristics of '90s web design.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>90s Websites \u2013 Key Characteristics &amp; Examples | UXPin<\/title>\n<meta name=\"description\" content=\"Learn about designing websites that are inspired by 1990s, a beautiful era for the Internet. Discover key characteristics of &#039;90s web design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"90s Websites \u2013 Key Characteristics &amp; Examples\" \/>\n<meta property=\"og:description\" content=\"Learn about designing websites that are inspired by 1990s, a beautiful era for the Internet. Discover key characteristics of &#039;90s web design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-04T14:56:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-12T08:47:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"90s Websites \u2013 Key Characteristics &amp; Examples\",\"datePublished\":\"2023-07-04T14:56:23+00:00\",\"dateModified\":\"2023-07-12T08:47:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/\"},\"wordCount\":1712,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/90s-website-min.png\",\"articleSection\":[\"Blog\",\"UI Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/\",\"name\":\"90s Websites \u2013 Key Characteristics &amp; Examples | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/90s-website-min.png\",\"datePublished\":\"2023-07-04T14:56:23+00:00\",\"dateModified\":\"2023-07-12T08:47:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Learn about designing websites that are inspired by 1990s, a beautiful era for the Internet. Discover key characteristics of '90s web design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/90s-website-min.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/90s-website-min.png\",\"width\":1200,\"height\":600,\"caption\":\"90s website min\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/90s-websites-examples\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"90s Websites \u2013 Key Characteristics &amp; Examples\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"90s Websites \u2013 Key Characteristics &amp; Examples | UXPin","description":"Learn about designing websites that are inspired by 1990s, a beautiful era for the Internet. Discover key characteristics of '90s web design.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/","og_locale":"en_US","og_type":"article","og_title":"90s Websites \u2013 Key Characteristics &amp; Examples","og_description":"Learn about designing websites that are inspired by 1990s, a beautiful era for the Internet. Discover key characteristics of '90s web design.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/","og_site_name":"Studio by UXPin","article_published_time":"2023-07-04T14:56:23+00:00","article_modified_time":"2023-07-12T08:47:16+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"90s Websites \u2013 Key Characteristics &amp; Examples","datePublished":"2023-07-04T14:56:23+00:00","dateModified":"2023-07-12T08:47:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/"},"wordCount":1712,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min.png","articleSection":["Blog","UI Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/","name":"90s Websites \u2013 Key Characteristics &amp; Examples | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min.png","datePublished":"2023-07-04T14:56:23+00:00","dateModified":"2023-07-12T08:47:16+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Learn about designing websites that are inspired by 1990s, a beautiful era for the Internet. Discover key characteristics of '90s web design.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/07\/90s-website-min.png","width":1200,"height":600,"caption":"90s website min"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/90s-websites-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"90s Websites \u2013 Key Characteristics &amp; Examples"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/48512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=48512"}],"version-history":[{"count":8,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/48512\/revisions"}],"predecessor-version":[{"id":48578,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/48512\/revisions\/48578"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/48515"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=48512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=48512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=48512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}