Tag: UI/UX design principles

UI/UX design principles

Showing the single result

Get Certified

Certified Front-End Developer
~~₹6,500.00~~ ₹3,250.00

A 50% fee concession is applicable on all certification up to 20th April 2026.

img:is([sizes=auto i]){contain-intrinsic-size:3000px 1500px}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex > :is(*, div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid > :is(*, div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}.woocommerce form .form-row .required{visibility:visible}.xoo-wsc-sp-left-col img{max-width:80px}.xoo-wsc-sp-right-col{font-size:14px}.xoo-wsc-sp-container{background-color:#eee}.xoo-wsc-footer{background-color:#fff;color:#000;padding:10px 20px}.xoo-wsc-footer,.xoo-wsc-footer a,.xoo-wsc-footer .amount{font-size:15px}.xoo-wsc-ft-buttons-cont{grid-template-columns:auto}.xoo-wsc-basket{bottom:12px;left:0px;background-color:#fff;color:#000;box-shadow:0 1px 4px 0;border-radius:50%}.xoo-wsc-bki{font-size:30px}.xoo-wsc-items-count{top:-12px;left:-12px}.xoo-wsc-items-count,.xoo-wsc-sc-count{background-color:#000;color:#fff}.xoo-wsc-container,.xoo-wsc-slider{max-width:350px;left:-350px;top:0;bottom:0;bottom:0}.xoo-wsc-cart-active .xoo-wsc-container,.xoo-wsc-slider-active .xoo-wsc-slider{left:0}.xoo-wsc-cart-active .xoo-wsc-basket{left:350px}.xoo-wsc-slider{right:-350px}span.xoo-wsch-close{font-size:16px;right:10px}.xoo-wsch-top{justify-content:center}.xoo-wsch-text{font-size:20px}.xoo-wsc-header{color:#000;background-color:#fff}.xoo-wsc-sb-bar > span{background-color:#1e73be}.xoo-wsc-body{background-color:#fff}.xoo-wsc-body,.xoo-wsc-body span.amount,.xoo-wsc-body a{font-size:16px;color:#000}.xoo-wsc-product{padding:20px 15px}.xoo-wsc-img-col{width:35%}.xoo-wsc-sum-col{width:65%}.xoo-wsc-sum-col{justify-content:center}.xoo-wsc-qty-box{max-width:75px}.xoo-wsc-qty-box.xoo-wsc-qtb-square{border-color:#000}input[type="number"].xoo-wsc-qty{border-color:#000;background-color:#fff;color:#000;height:28px;line-height:28px}input[type="number"].xoo-wsc-qty,.xoo-wsc-qtb-square{border-width:1px;border-style:solid}.xoo-wsc-chng{background-color:#fff;color:#000}.dt_pagetitle .parallax-bg:after{opacity:.5;background:#000}.dt_slider .dt_slider-wrapper{background-color:rgba(0,0,0,.6)}.dt_slider .dt_slider-wrapper::before{content:""}:root{--dt-pri-color:#ff4700;--dt-priTwo-color:#ff4700}.dt-container,.dt_slider .dt_owl_carousel.owl-carousel .owl-nav,.dt_slider .dt_owl_carousel.owl-carousel .owl-dots{max-width:1335px}.header--eight .dt-container{max-width:calc(1335px + 7.15rem)}button[type=submit],button,input[type='button'],input[type='reset'],input[type='submit'],.dt-btn,.button:not(.add_to_cart_button){border-radius:0px}@media (min-width: 992px){#dt-main{max-width:67%;flex-basis:67%}#dt-sidebar{max-width:33%;flex-basis:33%}}body{font-weight:inherit;text-transform:inherit;font-style:inherit;text-decoration:none}h1{font-weight:700;text-transform:inherit;font-style:inherit;text-decoration:inherit}h2{font-size:30px}h2{font-weight:700;text-transform:inherit;font-style:inherit;text-decoration:inherit}h3{font-size:26px}h3{font-weight:700;text-transform:inherit;font-style:inherit;text-decoration:inherit}h4{font-size:22px}h4{font-weight:700;text-transform:inherit;font-style:inherit;text-decoration:inherit}h5{font-size:20px}h5{font-weight:700;text-transform:inherit;font-style:inherit;text-decoration:inherit}h6{font-size:1px}h6{line-height:1.5}h6{font-weight:200;text-transform:inherit;font-style:inherit;text-decoration:inherit}.dt_footer--one{background-color:#0e1422}body.woocommerce .woocommerce-breadcrumb{display:none !important}body.wcz-btns.wcz-woocommerce ul.products li.product a.button,body.wcz-btns.wcz-woocommerce .related.products ul.products li.product a.button,body.wcz-btns.wcz-woocommerce.single-product div.product form.cart .button,body.wcz-btns.wcz-woocommerce.wcz-wooblocks ul.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button{font-size:12px;font-weight:700}body.woocommerce.wcz-woocommerce ul.products li.product .woocommerce-loop-product__title,body.wcz-woocommerce .products .product .woocommerce-loop-product__title,body.wcz-wooblocks ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title{font-size:20px !important}body.woocommerce.wcz-woocommerce ul.products li.product .price,body.wcz-woocommerce .products .product .price,body.wcz-wooblocks ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price{font-size:28px !important}body.woocommerce-cart .wc-proceed-to-checkout a.button.checkout-button{font-size:21px !important}body.woocommerce-checkout #payment button#place_order{font-size:18px !important;padding:18px 36px}body{margin:0;font-family:Arial,sans-serif}.link-container{display:flex;flex-wrap:wrap;justify-content:center;background:#ff4500;padding:5px}.link-container a{text-decoration:none;color:#fff;font-size:12px;font-weight:500;padding:0 6px;transition:color .2s ease}.link-container span{color:#fff;font-weight:bold;margin:0 4px}.link-container a:hover{color:#ffe066;text-decoration:underline}.site-title,.site-description{position:absolute;clip:rect(1px,1px,1px,1px)}#ancr-8865{background:#d61f1f;color:#fff !important;box-shadow:0 2px 4px -2px rgba(0,0,0,.5);box-shadow:0 -2px 4px -2px rgba(0,0,0,.5)}#ancr-8865 .ancr-btn-primary{background:#fff;color:#000 !important;border-radius:24px;box-shadow:0 2px 4px -2px rgba(0,0,0,.5)}#ancr-8865 .ancr-btn-secondary{background:#f9df74;color:#000 !important;border-radius:24px;box-shadow:0 2px 4px -2px rgba(0,0,0,.5)}#ancr-8865 .ancr-container{max-width:1000px}#ancr-8865 .ancr-content a{color:#fff}.ht_ctc_entry_animation{animation-duration:.4s;animation-fill-mode:both;animation-delay:0s;animation-iteration-count:1}@keyframes ht_ctc_anim_corner{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}.ht_ctc_an_entry_corner{animation-name:ht_ctc_anim_corner;animation-timing-function:cubic-bezier(.25,1,.5,1);transform-origin:bottom var(--side,right)}

Tag: UI/UX design principles

UI/UX design principles

Certified Front-End Developer