UX Design • HSD

Psychological Principles in UX/UI Design

@font-face{font-family:"Open Sans";src:url("https://cdn-akmmo.nitrocdn.com/siLIggYPOrTErFwRYOEnqonTkKOhZjpp/assets/static/source/rev-1a4c4c2/wp-content/themes/salient/css/fonts/OpenSans-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:"Open Sans";src:url("https://cdn-akmmo.nitrocdn.com/siLIggYPOrTErFwRYOEnqonTkKOhZjpp/assets/static/source/rev-1a4c4c2/wp-content/themes/salient/css/fonts/OpenSans-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"Open Sans";src:url("https://cdn-akmmo.nitrocdn.com/siLIggYPOrTErFwRYOEnqonTkKOhZjpp/assets/static/source/rev-1a4c4c2/wp-content/themes/salient/css/fonts/OpenSans-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:"Open Sans";src:url("https://cdn-akmmo.nitrocdn.com/siLIggYPOrTErFwRYOEnqonTkKOhZjpp/assets/static/source/rev-1a4c4c2/wp-content/themes/salient/css/fonts/OpenSans-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;}.archive.author .row .col.section-title span,.archive.category .row .col.section-title span,.archive.tag .row .col.section-title span,.archive.date .row .col.section-title span{padding-left:0;}body.author #page-header-wrap #page-header-bg,body.category #page-header-wrap #page-header-bg,body.tag #page-header-wrap #page-header-bg,body.date #page-header-wrap #page-header-bg{height:auto;padding-top:8%;padding-bottom:8%;}.archive #page-header-wrap{height:auto;}.archive.category .row .col.section-title p,.archive.tag .row .col.section-title p{margin-top:10px;}body[data-bg-header="true"].category .container-wrap,body[data-bg-header="true"].author .container-wrap,body[data-bg-header="true"].date .container-wrap,body[data-bg-header="true"].blog .container-wrap{padding-top:4.1em !important;}body[data-bg-header="true"].archive .container-wrap.meta_overlaid_blog,body[data-bg-header="true"].category .container-wrap.meta_overlaid_blog,body[data-bg-header="true"].author .container-wrap.meta_overlaid_blog,body[data-bg-header="true"].date .container-wrap.meta_overlaid_blog{padding-top:0 !important;}body.archive #page-header-bg:not(.fullscreen-header) .span_6{position:relative;-webkit-transform:none;transform:none;top:0;}@media only screen and (min-width:1000px){body #ajax-content-wrap.no-scroll{min-height:calc(100vh - 142px);height:calc(100vh - 142px) !important;}}@media only screen and (min-width:1000px){#page-header-wrap.fullscreen-header,#page-header-wrap.fullscreen-header #page-header-bg,html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header,.nectar_fullscreen_zoom_recent_projects,#nectar_fullscreen_rows:not(.afterLoaded) > div{height:calc(100vh - 141px);}.wpb_row.vc_row-o-full-height.top-level,.wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:calc(100vh - 141px);}html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header{top:142px;}.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh - 140px) !important;}.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh - 140px - 32px) !important;}}.screen-reader-text,.nectar-skip-to-content:not(:focus){border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important;}h1,h2,h3,h4,h5,h6{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;}body,p,a,span,b,.bold,strong,input,table,tbody,th,tr,td{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;}.nectar-center-text,#customer_login .nectar-form-controls,.control,.form-row label,button,label,form label{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;}#header-outer[data-format="centered-menu"] #top nav >.sf-menu >li ul{border-radius:0 0 2px 2px;}.sf-menu li ul,body[data-dropdown-style=minimal] #header-outer:not([data-format=left-header]) header#top nav>ul>li:not(.megamenu) ul a:hover{border-radius:2px;}#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a{padding:10px 15px;}#media_image-2{max-width:125px !important;}@media only screen and (max-width: 1090px){#header-secondary-outer[data-mobile="display_full"] #social,#header-secondary-outer[data-mobile="display_full"] ul{display:none;}#header-outer:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo img{max-height:44px;}#header-outer:not([data-format="left-header"]) #top > .container > .row{max-height:74px;}}@media only screen and (max-width: 690px){.container{max-width:90vw !important;}}img[data-lazyloaded]{opacity:0;}img.litespeed-loaded{-webkit-transition:opacity .5s linear .2s;-moz-transition:opacity .5s linear .2s;transition:opacity .5s linear .2s;opacity:1;}img{border-radius:3px !important;}.team-member .position{color:#298c91 !important;}.scriptlesssocialsharing{text-align:center !important;}.scriptlesssocialsharing a.button{border-radius:3px !important;margin:5px;}.scriptlesssocialsharing__buttons{font-size:14px;}#footer-outer #copyright[data-layout="centered"] .col.span_5{max-width:80%;}