{"id":556,"date":"2024-07-30T08:53:40","date_gmt":"2024-07-30T08:53:40","guid":{"rendered":"https:\/\/smart-chip.ch\/?page_id=556"},"modified":"2026-06-12T14:48:31","modified_gmt":"2026-06-12T14:48:31","slug":"colors","status":"publish","type":"page","link":"https:\/\/smart-chip.com\/pt\/branding\/colors\/","title":{"rendered":"Cores"},"content":{"rendered":"<section class=\"l-section wpb_row us_custom_79c40696 height_auto type_sticky\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><nav class=\"w-menu for_simple_menu us_custom_04588b49 layout_hor style_links not_responsive us_menu_1\" style=\"--main-gap:2.5rem;--main-ver-indent:0.8em;--main-hor-indent:0.8em;--main-color:var(--color-header-middle-text);--main-hover-color:var(--color-white);--main-active-color:var(--color-white);\"><ul id=\"menu-brandguide_colors\" class=\"menu\"><li id=\"menu-item-3529\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3529\"><a href=\"https:\/\/smart-chip.com\/pt\/branding\/\">&lt; Vis\u00e3o geral<\/a><\/li><li id=\"menu-item-3499\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-3499\"><a href=\"#primarycolors\">Cores Prim\u00e1rias<\/a><\/li><li id=\"menu-item-3501\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-3501\"><a href=\"#highlightcolors\">Cores de destaque<\/a><\/li><li id=\"menu-item-3510\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-3510\"><a href=\"#gradientscurves\">Gradientes e curvas<\/a><\/li><li id=\"menu-item-3504\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-3504\"><a href=\"#makingnewcolors\">Criar novas cores<\/a><\/li><li id=\"menu-item-3505\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-3505\"><a href=\"#corecolorprinciples\">Princ\u00edpios b\u00e1sicos da cor<\/a><\/li><li id=\"menu-item-3685\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-3685\"><a href=\"#donts\">O que n\u00e3o deves fazer<\/a><\/li><\/ul><\/nav><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_0f0b9682 height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_2 laptops-cols_1 tablets-cols_inherit mobiles-cols_1 valign_bottom type_default stacking_default\" style=\"--columns-gap:6rem;\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h1>Cores<\/h1>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_6556fba6\"><div class=\"wpb_wrapper\"><p>A paleta de cores da Smart Chip reflete a sua personalidade divertida e din\u00e2mica. As nossas cores principais \u2013 preto e branco \u2013 criam uma base arrojada e intemporal. As cores de destaque d\u00e3o flexibilidade e vitalidade, ajudando-nos a adaptar-nos a diferentes ambientes e contextos, mantendo tudo com um ar fresco e coeso.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-btn-wrapper default_align_right laptops_align_left tablets_align_left mobiles_align_left\"><a class=\"w-btn us-btn-style_8 icon_atright\" href=\"\/wp-content\/uploads\/2024\/08\/SC_ChipIcon.zip\"><span class=\"w-btn-label\">Descarregar o \u00edcone do chip<\/span><i class=\"material-icons\">descarregar<\/i><\/a><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_710cf0a2 height_medium with_video\"><div id=\"us_bg_video_ee84\" class=\"l-section-video\"><script id=\"us_bg_video_ee84-script\">!function(w){var node = document.getElementById( 'us_bg_video_ee84' );if ( w.innerWidth <= 300 ) { node.remove() }}(window);<\/script><style>@media(max-width:300px){#us_bg_video_ee84{display:none!important}}<\/style><video  autoplay loop muted playsinline preload=\"auto\" tabindex=\"-1\"><source type=\"video\/mp4\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/Color_Anim.mp4\" \/><\/video><\/div><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_small\" id=\"primarycolors\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:6rem;\"><div class=\"wpb_column vc_column_container us_custom_d5e4d060\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h3>Cores Prim\u00e1rias<\/h3>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>A paleta de cores \u00e9 <strong>Preto<\/strong> e <strong>Branco<\/strong> juntamente com um <strong>Cor de destaque<\/strong>. O preto e o branco s\u00e3o simples e garantem o maior contraste e legibilidade poss\u00edveis. As diferentes cores de destaque, apresentadas como um gradiente linear, d\u00e3o um toque de energia e refletem as formas divertidas como o Smart Chip facilita a vida.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_3 laptops-cols_inherit tablets-cols_1 mobiles-cols_1 valign_bottom type_default stacking_default\" style=\"--columns-gap:1.5rem;\"><div class=\"wpb_column vc_column_container us_custom_bf78eca5 has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_b860ca69 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Preto<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_b860ca69 has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK (preto intenso)<br \/>\n<strong>60\/40\/40\/100<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#000000<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_56db024f has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_05c065fb has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Branco<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_05c065fb has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>0\/0\/0\/0<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#ffffff informar<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_0ba02535\"><div class=\"vc_column-inner\"><div class=\"w-video us_custom_9cf479d2 align_none has_border_radius\" style=\"aspect-ratio:4 \/ 7;\"><div class=\"w-video-h\"><video  preload=\"metadata\" playsinline autoplay loop muted><source type=\"video\/mp4\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/10\/HighlightColors.mp4\" \/><\/video><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_ec9218fc height_small\" id=\"highlightcolors\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\"><div class=\"wpb_column vc_column_container us_custom_fe2a512f\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h3>Cores de destaque<\/h3>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_6556fba6\"><div class=\"wpb_wrapper\"><p>As cores de destaque complementam e ampliam as cores prim\u00e1rias. S\u00e3o uma parte essencial da nossa identidade visual din\u00e2mica. Usamo-las para dar variedade aos designs e dar vida \u00e0 nossa linguagem visual.<\/p>\n<p>Tem em conta o ambiente ou o tom do teu design quando escolheres uma cor. Cada gradiente transmite uma sensa\u00e7\u00e3o diferente. Por exemplo, <strong>Roxo Fixe<\/strong> \u00e9 uma cor tranquila, o que a torna ideal para temas mais descontra\u00eddos. Por outro lado, <strong>Laranja vibrante<\/strong> \u00e9 uma cor viva e en\u00e9rgica, perfeita para conte\u00fados din\u00e2micos ou orientados para a a\u00e7\u00e3o. Pensa na mensagem que queres transmitir e escolhe a cor que melhor se adequa a essa narrativa.<\/p>\n<p>H\u00e1 uma regra muito importante: n\u00e3o uses mais do que uma cor no mesmo layout. Cada cor de destaque deve destacar-se por si s\u00f3.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_3 laptops-cols_inherit tablets-cols_2 mobiles-cols_1 valign_bottom type_default stacking_default\" style=\"--columns-gap:1.6rem;\"><div class=\"wpb_column vc_column_container us_custom_20986d17 has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_f1e630f1 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Laranja vibrante<br \/>\n<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_8b79473d has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>0\/46\/78\/0<\/strong> &gt; <strong>0\/86\/70\/0<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#ffa041 inform <\/strong>&gt; <strong>#fc3a3c<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_04e0267e has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_f1e630f1 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Deep Blue<br \/>\n<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_8b79473d has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>79\/24\/6\/2 &gt; 90\/69\/0\/0<br \/>\n<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#0393bc &gt; #004cd5<br \/>\n<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_e8f426fa has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_f1e630f1 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Roxo Fixe<br \/>\n<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_8b79473d has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>47\/59\/0\/0<\/strong> &gt; <strong>80\/82\/0\/0<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#9d77c4 <\/strong>&gt;<strong> #554195<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_2d434c6c has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_f1e630f1 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Cobre<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_8b79473d has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>0\/46\/78\/0<\/strong> &gt; <strong>24\/58\/86\/15<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#ffa041 inform\u00a0<\/strong>&gt;<strong> #b26e31<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_6eaa992f has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_f1e630f1 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Azul El\u00e9trico<br \/>\n<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_8b79473d has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>65\/0\/0\/0<\/strong> &gt; <strong>70\/54\/0\/0<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#23c8fe <\/strong>&gt; <strong>#647cff informar<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_86c7a7cf has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_f1e630f1 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Roxo Quente<br \/>\n<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_8b79473d has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>40\/72\/0\/0 &gt; 68\/74\/0\/0<br \/>\n<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#a85fa2 &gt; #6e539e<br \/>\n<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_0276c3c4 has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_f1e630f1 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Rosa Bonito<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_8b79473d has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>5\/54\/34\/0<\/strong> &gt; <strong>0\/85\/69\/0<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#ea9091 <\/strong>&gt; <strong>#ed4343<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_5be40aa1 has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_f1e630f1 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Verde Calmo<br \/>\n<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_8b79473d has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>62\/0\/92\/0<\/strong> &gt; <strong>86\/29\/88\/16<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#71b541 <\/strong>&gt; <strong>#197642<\/strong><\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_26b2c330 has_bg_color\"><div class=\"vc_column-inner\"><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_f1e630f1 has_text_color\"><div class=\"wpb_wrapper\"><p><strong>Alerta Vermelho<br \/>\n<\/strong><\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_8b79473d has_text_color\"><div class=\"wpb_wrapper\"><p>CMYK<br \/>\n<strong>0\/76\/55\/0<\/strong>\u00a0&gt; <strong>0\/100\/68\/0<\/strong><\/p>\n<p>Hex<br \/>\n<strong>#ff5a5a inform <\/strong>&gt; <strong>#e6003c<\/strong><\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_small\" id=\"gradientscurves\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\"><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column us_custom_6556fba6\" id=\"gradientscurves\"><div class=\"wpb_wrapper\"><h4>Gradientes e curvas<\/h4>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_6556fba6\"><div class=\"wpb_wrapper\"><p>Sempre que poss\u00edvel, usamos gradientes nas nossas cores de destaque, combinados com um elemento central do design chamado <strong>Curvas<\/strong>. Aqui vais aprender a cri\u00e1-los e a us\u00e1-los.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container us_custom_1f257949\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column us_custom_0259209c has_text_color\"><div class=\"wpb_wrapper\"><h6>Curvas<\/h6>\n<p>As curvas s\u00e3o usadas principalmente nos fundos. D\u00e3o-lhes mais interesse visual, profundidade e uma sensa\u00e7\u00e3o de movimento.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_73c9dc32 has_ratio align_right\"><div class=\"w-image-h\"><div style=\"padding-bottom:66.6667%\"><\/div><img decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/Curve_Copper.webp\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p style=\"text-align: left;\" class=\"translation-block\">As curvas s\u00e3o criadas ao redimensionar, rodar e recortar o <strong>\u00edcone do chip<\/strong>. A escala, a rota\u00e7\u00e3o e o recorte ficam ao teu crit\u00e9rio, mas n\u00e3o mostres demasiado do \u00edcone. Devem parecer curvas e riscas abstratas, n\u00e3o o \u00edcone propriamente dito.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_73c9dc32 has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:66.6667%\"><\/div><img decoding=\"async\" width=\"900\" height=\"599\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/Curves_Howto.webp\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p style=\"text-align: left;\">As curvas est\u00e3o sempre colocadas sobre um fundo. O fundo usa o mesmo gradiente das curvas, mas numa dire\u00e7\u00e3o diferente.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_590c71c2\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_73c9dc32 has_ratio align_none\"><div class=\"w-image-h\"><div style=\"padding-bottom:66.6667%\"><\/div><img decoding=\"async\" width=\"900\" height=\"599\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/Curves_Brandguide.webp\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_1 mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container us_custom_4076faf9 inner_column_centered has_text_color\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column us_custom_0f088a09 has_text_color\"><div class=\"wpb_wrapper\"><p>A dire\u00e7\u00e3o dos gradientes n\u00e3o \u00e9 imut\u00e1vel. Podes alter\u00e1-los \u00e0 vontade em cada novo design e at\u00e9 anim\u00e1-los. Isso mant\u00e9m as curvas din\u00e2micas e com um toque de novidade.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_73c9dc32\"><div class=\"vc_column-inner\"><div class=\"w-video us_custom_73c9dc32 align_none has_border_radius\" style=\"aspect-ratio:3 \/ 2;\"><div class=\"w-video-h\"><video  preload=\"metadata\" playsinline autoplay loop muted><source type=\"video\/mp4\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/Gradient-Direction.mp4\" \/><\/video><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_1 mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>N\u00e3o precisas de usar todo o gradiente, do in\u00edcio ao fim. Podes \u201campliar\u201d apenas uma parte dele. Isso amplia ainda mais a nossa paleta de cores, mantendo as cores reconhec\u00edveis.<\/p>\n<p>Mas tem cuidado para que ainda se reconhe\u00e7a como um gradiente. N\u00e3o escolhas uma parte t\u00e3o pequena que pare\u00e7a uma cor s\u00f3lida.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-video us_custom_73c9dc32 align_none has_border_radius\" style=\"aspect-ratio:3 \/ 2;\"><div class=\"w-video-h\"><video  preload=\"metadata\" playsinline autoplay loop muted><source type=\"video\/mp4\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/Design_Gradient_Intensity.mp4\" \/><\/video><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_1 mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>As curvas n\u00e3o s\u00e3o obrigat\u00f3rias \u2013 \u00e0s vezes, menos \u00e9 mais. Evita us\u00e1-las em elementos mais pequenos, como bot\u00f5es ou imagens pequenas.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_73c9dc32 has_ratio align_none\"><div class=\"w-image-h\"><div style=\"padding-bottom:66.6667%\"><\/div><img decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Imagery_Guidelines_Example_3.webp\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_ec9218fc height_small\" id=\"makingnewcolors\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\"><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column us_custom_6556fba6\"><div class=\"wpb_wrapper\"><h3>Criar novas cores<\/h3>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_6556fba6\"><div class=\"wpb_wrapper\"><p>A paleta de cores de destaque foi concebida para combinar bem entre si e em muitos contextos diferentes. Mas se nenhum gradiente se adequar ao teu design espec\u00edfico, podes criar o teu pr\u00f3prio.<\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Criar novos gradientes \u00e9 especialmente \u00fatil quando se combina um t\u00edtulo com imagens. Neste exemplo, usa-se um gradiente personalizado para o t\u00edtulo que combina na perfei\u00e7\u00e3o com a imagem.<\/p>\n<p>As cores foram criadas atrav\u00e9s da amostragem da imagem e, em seguida, aumentando a satura\u00e7\u00e3o e o brilho. Isto faz com que o novo gradiente se integre na paleta de cores existente.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_73c9dc32 has_ratio align_none\"><div class=\"w-image-h\"><div style=\"padding-bottom:66.6667%\"><\/div><img decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/color_7_m-1024x684.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column us_custom_6556fba6\"><div class=\"wpb_wrapper\"><p>Existem algumas regras a seguir quando se criam novas cores:<\/p>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"g-cols wpb_row via_grid cols_4 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\" style=\"--columns-gap:1rem;\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_9cf479d2 has_ratio align_none\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_NewColor_Dont_4.webp\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p style=\"text-align: center;\">N\u00e3o exageres! Tenta seguir a paleta de cores aprovada e s\u00f3 cria novas cores se for preciso.<\/p>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_9cf479d2 has_ratio align_none\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_NewColor_Dont_1.webp\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p style=\"text-align: center;\">N\u00e3o crie um novo gradiente que seja muito parecido com um j\u00e1 existente. Se uma cor j\u00e1 existente funcionar, fica por essa.<\/p>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_9cf479d2 has_ratio align_none\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_NewColor_Dont_3.webp\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p style=\"text-align: center;\">Mant\u00e9m tudo na mesma tonalidade. N\u00e3o passes do vermelho para o azul, passa do vermelho vivo para o vermelho m\u00e9dio.<\/p>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_9cf479d2 has_ratio align_none\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_NewColor_Dont_2.webp\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p style=\"text-align: center;\">Mant\u00e9m os valores em conson\u00e2ncia com os gradientes j\u00e1 existentes. N\u00e3o os tornes demasiado saturados, desbotados, claros ou escuros.<\/p>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_small\" id=\"corecolorprinciples\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\"><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h3>Princ\u00edpios B\u00e1sicos da Cor<\/h3>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_1 mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p class=\"translation-block\">Ao criar um novo layout, podes escolher entre usar um <strong>fundo preto <\/strong>ou um <strong>fundo branco<\/strong>. Um fundo branco transmite uma sensa\u00e7\u00e3o de limpeza, abertura e convidatividade. Um fundo preto evoca tecnologia, eleg\u00e2ncia e poder. Escolhe aquele que fizer mais sentido para o teu projeto, mensagem e p\u00fablico-alvo pretendido.<\/p>\n<p>Seja qual for a tua escolha, usa uma cor de destaque para dar mais vida ao layout, real\u00e7ar certas informa\u00e7\u00f5es, guiar o olhar ou dar \u00eanfase a um ponto.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_73c9dc32 has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:66.6667%\"><\/div><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/Colors_BlackandWhite-1024x683.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_1 mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Quando criares layouts com v\u00e1rias p\u00e1ginas, n\u00e3o saltes de uma cor para outra sem ordem. Estrutura o teu design em <strong>t\u00f3picos<\/strong> ou <strong>cap\u00edtulos<\/strong>, e atribui a cada um a sua pr\u00f3pria cor. Mant\u00e9m essa cor em cada cap\u00edtulo. Isso garante consist\u00eancia e evita que as p\u00e1ginas fiquem desorganizadas.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_73c9dc32 has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:66.6667%\"><\/div><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/Colors_Chapters-1024x683.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_custom laptops-cols_inherit tablets-cols_1 mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:3rem;--laptops-columns-gap:3rem;--tablets-columns-gap:3rem;--mobiles-columns-gap:1rem;--custom-columns:1fr 2fr\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Podes usar cores em fundos, t\u00edtulos, \u00edcones ou em qualquer outro elemento em que um toque de cor seja adequado.<\/p>\n<p>Para manter um design limpo e coerente, <strong>nunca mistures<\/strong> <strong>cores diferentes<\/strong> na mesma p\u00e1gina, exceto quando for necess\u00e1rio para elementos funcionais (como mensagens de erro ou alertas).<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_2e7ac7fc has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:66.6667%\"><\/div><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/01\/Colors_DosDonts-1024x683.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_c1e8dcb4 height_small\" id=\"donts\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\"><div class=\"wpb_column vc_column_container us_custom_41e4e5b6\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column us_custom_0259209c has_text_color\"><div class=\"wpb_wrapper\"><h3>O que n\u00e3o deves fazer<\/h3>\n<\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p>Por favor, evita os seguintes erros.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_1f257949\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_4 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\" style=\"--columns-gap:1.5rem;\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_dad4fece has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Dont_4.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_ef929af2 has_text_color\"><div class=\"wpb_wrapper\"><p>N\u00e3o uses cores diferentes no mesmo layout.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_dad4fece has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Dont_1.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_ef929af2 has_text_color\"><div class=\"wpb_wrapper\"><p>N\u00e3o uses as curvas sem um fundo.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_dad4fece has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Dont_2.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_ef929af2 has_text_color\"><div class=\"wpb_wrapper\"><p>N\u00e3o uses as curvas num fundo com uma cor diferente.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_dad4fece has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Dont_3.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_ef929af2 has_text_color\"><div class=\"wpb_wrapper\"><p>N\u00e3o mostres demasiado do \u00edcone do chip.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container us_custom_cc561f0d\"><div class=\"vc_column-inner\"><div class=\"g-cols wpb_row via_grid cols_4 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\" style=\"--columns-gap:1.5rem;\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_dad4fece has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Dont_8.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_ef929af2 has_text_color\"><div class=\"wpb_wrapper\"><p>N\u00e3o mistures um gradiente com uma cor diferente.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_dad4fece has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Dont_5.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_ef929af2 has_text_color\"><div class=\"wpb_wrapper\"><p>N\u00e3o crie novos gradientes que n\u00e3o sigam as regras.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_dad4fece has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Dont_6.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_ef929af2 has_text_color\"><div class=\"wpb_wrapper\"><p>N\u00e3o uses cores para marca\u00e7\u00f5es ou blocos inteiros de texto.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-image us_custom_dad4fece has_ratio align_center\"><div class=\"w-image-h\"><div style=\"padding-bottom:120%\"><\/div><img decoding=\"async\" width=\"812\" height=\"974\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Dont_7.webp\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" \/><\/div><\/div><div class=\"w-separator size_small\"><\/div><div class=\"wpb_text_column us_custom_ef929af2 has_text_color\"><div class=\"wpb_wrapper\"><p>N\u00e3o uses cores s\u00f3lidas, a n\u00e3o ser que seja absolutamente necess\u00e1rio.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_c1e8dcb4 height_small\" id=\"examples\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_middle type_default stacking_default\" style=\"--columns-gap:0rem;\"><div class=\"wpb_column vc_column_container us_custom_72fc42ef\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h3>Exemplos<\/h3>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"wpb_text_column us_custom_6556fba6\"><div class=\"wpb_wrapper\"><p>Aqui est\u00e3o alguns exemplos de como usar a cor e as curvas. Repara nas diferen\u00e7as de escala, fator de recorte, rota\u00e7\u00e3o e amplitude do gradiente das curvas.<\/p>\n<\/div><\/div><div class=\"w-separator size_medium\"><\/div><div class=\"w-grid us_carousel us_custom_1f414c6e guideline-carousel-black type_carousel layout_3482 preload_style_spinner overflow_hidden items_have_ratio\" id=\"us_grid_1\" style=\"--item-aspect-ratio:3\/2;\"><style>.layout_3482 .w-grid-item-h{background:var(--color-content-bg);color:var(--color-content-heading);border-radius:1rem}<\/style><div class=\"w-grid-list owl-carousel valign_stretch dotstyle_smudge navstyle_circle arrows-ver-pos_middle arrows-hor-pos_on_sides_outside arrows-disabled_hide owl-responsive-2000 with_dots with_arrows\" style=\"--transition-duration:350ms;--arrows-size:1.5rem;--arrows-hor-offset:calc(11px + 0px);--arrows-gap:10px;\">\t<article class=\"w-grid-item post-4535 attachment type-attachment status-inherit hentry\" data-id=\"4535\">\r\n\t\t<div class=\"w-grid-item-h\">\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_1.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_1.webp 1500w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_1-300x200.webp 300w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_1-1024x683.webp 1024w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_1-18x12.webp 18w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_1-600x400.webp 600w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_1-400x267.webp 400w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_1-200x133.webp 200w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n\t<article class=\"w-grid-item post-4536 attachment type-attachment status-inherit hentry\" data-id=\"4536\">\r\n\t\t<div class=\"w-grid-item-h\">\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_2.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_2.webp 1500w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_2-300x200.webp 300w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_2-1024x683.webp 1024w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_2-18x12.webp 18w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_2-600x400.webp 600w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_2-400x267.webp 400w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_2-200x133.webp 200w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n\t<article class=\"w-grid-item post-4537 attachment type-attachment status-inherit hentry\" data-id=\"4537\">\r\n\t\t<div class=\"w-grid-item-h\">\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_3.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_3.webp 1500w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_3-300x200.webp 300w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_3-1024x683.webp 1024w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_3-18x12.webp 18w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_3-600x400.webp 600w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_3-400x267.webp 400w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_3-200x133.webp 200w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n\t<article class=\"w-grid-item post-4538 attachment type-attachment status-inherit hentry\" data-id=\"4538\">\r\n\t\t<div class=\"w-grid-item-h\">\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_4.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_4.webp 1500w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_4-300x200.webp 300w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_4-1024x683.webp 1024w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_4-18x12.webp 18w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_4-600x400.webp 600w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_4-400x267.webp 400w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_4-200x133.webp 200w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n\t<article class=\"w-grid-item post-4539 attachment type-attachment status-inherit hentry\" data-id=\"4539\">\r\n\t\t<div class=\"w-grid-item-h\">\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_5.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_5.webp 1500w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_5-300x200.webp 300w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_5-1024x683.webp 1024w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_5-18x12.webp 18w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_5-600x400.webp 600w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_5-400x267.webp 400w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_5-200x133.webp 200w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n\t<article class=\"w-grid-item post-4540 attachment type-attachment status-inherit hentry\" data-id=\"4540\">\r\n\t\t<div class=\"w-grid-item-h\">\r\n\t\t\t\t\t\t<div class=\"w-post-elm post_image usg_post_image_1 stretched\"><img decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_6.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_6.webp 1500w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_6-300x200.webp 300w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_6-1024x683.webp 1024w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_6-18x12.webp 18w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_6-600x400.webp 600w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_6-400x267.webp 400w, https:\/\/smart-chip.com\/wp-content\/uploads\/2025\/02\/Colors_Guidelines_Example_6-200x133.webp 200w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/div>\t\t<\/div>\r\n\t\t\t<\/article>\r\n<\/div><div class=\"w-grid-carousel-json hidden\" onclick='return {&quot;carousel_settings&quot;:{&quot;aria_labels&quot;:{&quot;prev&quot;:&quot;Previous&quot;,&quot;next&quot;:&quot;Seguinte&quot;},&quot;autoplayContinual&quot;:false,&quot;autoplayContinualCss&quot;:false,&quot;autoplayHoverPause&quot;:false,&quot;autoplayTimeout&quot;:3000,&quot;autoWidth&quot;:false,&quot;smartSpeed&quot;:350,&quot;margin&quot;:0,&quot;mouseDrag&quot;:true,&quot;rtl&quot;:false,&quot;slideBy&quot;:&quot;1&quot;,&quot;touchDrag&quot;:true,&quot;slideTransition&quot;:&quot;&quot;,&quot;animateIn&quot;:&quot;fadeIn&quot;,&quot;animateOut&quot;:&quot;fadeOut&quot;,&quot;responsive&quot;:{&quot;0&quot;:{&quot;autoHeight&quot;:false,&quot;autoplay&quot;:false,&quot;autoplayContinualCss&quot;:false,&quot;autoWidth&quot;:false,&quot;center&quot;:false,&quot;dots&quot;:true,&quot;items&quot;:1,&quot;loop&quot;:true,&quot;nav&quot;:false,&quot;stagePadding&quot;:0,&quot;slideBy&quot;:&quot;1&quot;,&quot;touchDrag&quot;:true,&quot;mouseDrag&quot;:true},&quot;769&quot;:{&quot;items&quot;:1,&quot;autoplay&quot;:false,&quot;autoplayContinualCss&quot;:false,&quot;center&quot;:false,&quot;dots&quot;:true,&quot;nav&quot;:true,&quot;autoHeight&quot;:false,&quot;autoWidth&quot;:false,&quot;loop&quot;:true,&quot;stagePadding&quot;:0}}}}'><\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row us_custom_9d32b992 height_medium\" id=\"Nav_bottom\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><nav class=\"w-menu for_simple_menu us_custom_4e55af8d has_text_color layout_hor spread style_links us_menu_2\" style=\"--main-gap:1.5rem;--main-ver-indent:0.8em;--main-hor-indent:0.8em;--main-color:var(--color-header-middle-text);--main-active-color:var(--color-content-text);\"><ul id=\"menu-brandguide_menu\" class=\"menu\"><li id=\"menu-item-888\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-888\"><a href=\"https:\/\/smart-chip.com\/pt\/branding\/\">Diretrizes da marca<\/a><\/li><li id=\"menu-item-617\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-617\"><a href=\"https:\/\/smart-chip.com\/pt\/branding\/colors\/\">Cores<\/a><\/li><li id=\"menu-item-616\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-616\"><a href=\"https:\/\/smart-chip.com\/pt\/branding\/typography\/\">Tipografia<\/a><\/li><li id=\"menu-item-618\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-618\"><a href=\"https:\/\/smart-chip.com\/pt\/branding\/marks\/\">Pontua\u00e7\u00e3o<\/a><\/li><li id=\"menu-item-3899\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3899\"><a href=\"https:\/\/smart-chip.com\/pt\/branding\/layouts\/\">Layouts<\/a><\/li><li id=\"menu-item-3976\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-3976\"><a href=\"https:\/\/smart-chip.com\/pt\/branding\/imagery\/\">Imagens<\/a><\/li><\/ul><style>@media ( max-width:600px ){.us_menu_2 .menu{display:block!important}.us_menu_2 .menu>li:not(:last-child){margin:0 0 var(--main-gap,1.5rem)!important}}<\/style><\/nav><\/div><\/div><\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":526,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-556","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Colors - Smart Chip<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Colors - Smart Chip\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smart-chip.com\/pt\/branding\/colors\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart Chip\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-12T14:48:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smart-chip.com\\\/branding\\\/colors\\\/\",\"url\":\"https:\\\/\\\/smart-chip.com\\\/branding\\\/colors\\\/\",\"name\":\"Colors - Smart Chip\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smart-chip.com\\\/#website\"},\"datePublished\":\"2024-07-30T08:53:40+00:00\",\"dateModified\":\"2026-06-12T14:48:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smart-chip.com\\\/branding\\\/colors\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smart-chip.com\\\/branding\\\/colors\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smart-chip.com\\\/branding\\\/colors\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/smart-chip.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Brand Guidelines\",\"item\":\"https:\\\/\\\/smart-chip.com\\\/branding\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Colors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smart-chip.com\\\/#website\",\"url\":\"https:\\\/\\\/smart-chip.com\\\/\",\"name\":\"Smart Chip - The world at your fingertip\",\"description\":\"The world at your fingertip\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smart-chip.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cores - Smart Chip","robots":{"index":"noindex","follow":"follow"},"og_locale":"pt_PT","og_type":"article","og_title":"Colors - Smart Chip","og_url":"https:\/\/smart-chip.com\/pt\/branding\/colors\/","og_site_name":"Smart Chip","article_modified_time":"2026-06-12T14:48:31+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smart-chip.com\/branding\/colors\/","url":"https:\/\/smart-chip.com\/branding\/colors\/","name":"Cores - Smart Chip","isPartOf":{"@id":"https:\/\/smart-chip.com\/#website"},"datePublished":"2024-07-30T08:53:40+00:00","dateModified":"2026-06-12T14:48:31+00:00","breadcrumb":{"@id":"https:\/\/smart-chip.com\/branding\/colors\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smart-chip.com\/branding\/colors\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/smart-chip.com\/branding\/colors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smart-chip.com\/"},{"@type":"ListItem","position":2,"name":"Brand Guidelines","item":"https:\/\/smart-chip.com\/branding\/"},{"@type":"ListItem","position":3,"name":"Colors"}]},{"@type":"WebSite","@id":"https:\/\/smart-chip.com\/#website","url":"https:\/\/smart-chip.com\/","name":"Smart Chip - O mundo na ponta dos teus dedos","description":"O mundo na ponta dos teus dedos","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smart-chip.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"}]}},"_links":{"self":[{"href":"https:\/\/smart-chip.com\/pt\/wp-json\/wp\/v2\/pages\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smart-chip.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smart-chip.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smart-chip.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smart-chip.com\/pt\/wp-json\/wp\/v2\/comments?post=556"}],"version-history":[{"count":2,"href":"https:\/\/smart-chip.com\/pt\/wp-json\/wp\/v2\/pages\/556\/revisions"}],"predecessor-version":[{"id":9389,"href":"https:\/\/smart-chip.com\/pt\/wp-json\/wp\/v2\/pages\/556\/revisions\/9389"}],"up":[{"embeddable":true,"href":"https:\/\/smart-chip.com\/pt\/wp-json\/wp\/v2\/pages\/526"}],"wp:attachment":[{"href":"https:\/\/smart-chip.com\/pt\/wp-json\/wp\/v2\/media?parent=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}