La Tendencia Minimalista en el diseño web y cómo lograrlo

1 octubre, 2017

in Diseño Web

Última modificación: 23 abril, 2020 |

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-rank-math-toc-block nav ol{counter-reset:item;}.wp-block-rank-math-toc-block nav ol li{display:block;}.wp-block-rank-math-toc-block nav ol li:before{content:counters(item,".") ". ";counter-increment:item;}.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;}body{--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,rgba(6,147,227,1) 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,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 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 rgba(255,255,255,1),6px 6px rgba(0,0,0,1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0,0,0,1);}:where(.is-layout-flex){gap:.5em;}:where(.is-layout-grid){gap:.5em;}body .is-layout-flex{display:flex;}body .is-layout-flex{flex-wrap:wrap;align-items:center;}body .is-layout-flex > *{margin:0;}body .is-layout-grid{display:grid;}body .is-layout-grid > *{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;}.wp-block-navigation a:where(:not(.wp-element-button)){color:inherit;}:where(.wp-block-post-template.is-layout-flex){gap:1.25em;}:where(.wp-block-post-template.is-layout-grid){gap:1.25em;}:where(.wp-block-columns.is-layout-flex){gap:2em;}:where(.wp-block-columns.is-layout-grid){gap:2em;}.wp-block-pullquote{font-size:1.5em;line-height:1.6;}div#ez-toc-container .ez-toc-title{font-size:120%;}div#ez-toc-container .ez-toc-title{font-weight:500;}div#ez-toc-container ul li{font-size:95%;}div#ez-toc-container ul li{font-weight:500;}div#ez-toc-container nav ul ul li{font-size:90%;}div#ez-toc-container{width:100%;}.ez-toc-container-direction{direction:ltr;}.ez-toc-counter ul{direction:ltr;counter-reset:item;}.ez-toc-counter nav ul li a::before{content:counter(item,numeric) ". ";margin-right:.2em;counter-increment:item;flex-grow:0;flex-shrink:0;float:left;}.ez-toc-widget-direction{direction:ltr;}.ez-toc-widget-container ul{direction:ltr;counter-reset:item;}.ez-toc-widget-container nav ul li a::before{content:counter(item,numeric) ". ";margin-right:.2em;counter-increment:item;flex-grow:0;flex-shrink:0;float:left;}body{font-family:custom-font-1 !important;}#wrap p{font-family:custom-font-1 !important;}#wrap h1,#wrap h2,#wrap h3,#wrap h4,#wrap h5,#wrap h6{font-family:custom-font-1 !important;}#wrap ul#nav a{font-family:custom-font-1 !important;}#nav ul li a{font-family:custom-font-1 !important;}.blog-post h4,.blog-post h1,.blog-post h3,.blog-line h4,.blog-single-post h1{font-family:custom-font-1 !important;}.blog-single-post h1{font-family:custom-font-1 !important;}#wrap #header #nav a{color:#6f5dd3;}#wrap #header #nav a:hover,.transparent-header-w.t-dark-w #header.horizontal-w.duplex-hd #nav > li:hover > a,.transparent-header-w #header.horizontal-w #nav > li:hover > a{color:#08070f;}#wrap #header #nav li.current > a,#wrap #header #nav li.current ul li a:hover,#wrap #header #nav li.active > a{color:#08070f;}#wrap #scroll-top a{background-color:#6f5dd3;}#wrap #scroll-top a:hover{background-color:#08070f;}.wpcf7-text,.wpcf7-textarea,.wpcf7-captchar{background-color:#f9f9f9 !important;border:none !important;width:100% !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:6px !important;font-size:14px;color:#262626 !important;padding:16px !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.socialfollow a i{color:#141126 !important;}.socialfollow a i:hover{color:#fff !important;}.container{max-width:960px;}@media only screen and (max-width: 860px){.col-md-12{max-width:100%;}}.links-subr a{text-decoration:none;}.links-subr a:hover{display:inline-block;border-bottom:1.5px solid black;padding-bottom:-.2px;}.wp-block-latest-posts__list a{text-decoration:none;}.wp-block-latest-posts__list a:hover{display:inline-block;border-bottom:1.5px solid black;padding-bottom:-.2px;}.has-vivid-green-cyan-background-color a{text-decoration:underline;}.has-vivid-green-cyan-background-color a:hover{text-decoration:none;display:inline-block;border-bottom:1.5px solid;padding-bottom:-.2px;}body{}.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}#wrap #footer .footbot{background-color:#f9f9f9;}a{color:#6f5dd3;}a:visited{color:#141126;}a:hover{color:#08070f;}#wrap #nav li.current > a{border-color:#08070f;}#wrap [class*="icon-box"] i{color:#08070f;}#wrap a.magicmore{color:#6f5dd3;}#wrap [class*="icon-box"] a.magicmore:hover{color:#08070f;}#wrap #header.sm-rgt-mn #menu-icon span.mn-ext1,#wrap #header.sm-rgt-mn #menu-icon span.mn-ext2,#wrap #header.sm-rgt-mn #menu-icon span.mn-ext3{background-color:#08070f;}body{font-family:custom-font-1;line-height:18px;color:#000;font-size:18px;}#wrap p{font-family:custom-font-1;text-align:left;line-height:28px;color:#686868;font-size:20px;}#wrap h1,#wrap h2,#wrap h3,#wrap h4,#wrap h5,#wrap h6{font-family:custom-font-1;}#wrap ul#nav a{font-family:custom-font-1;font-size:14px;}#nav ul li a{font-family:custom-font-1;font-size:14px;}.blog-post h4,.blog-post h1,.blog-post h3,.blog-line h4,.blog-single-post h1{font-family:custom-font-1;}.blog-single-post h1{font-family:custom-font-1;line-height:45px;font-size:45px;}.vc_do_cta3{padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;margin-bottom:35px;}#rs-demo-id{}