{"id":165888,"date":"2015-10-30T10:59:29","date_gmt":"2015-10-30T15:59:29","guid":{"rendered":"https:\/\/dev.new.datacolor.eu\/how-to-it\/guida-allo-stile\/"},"modified":"2015-10-30T10:59:29","modified_gmt":"2015-10-30T15:59:29","slug":"guida-allo-stile","status":"publish","type":"page","link":"https:\/\/www.datacolor.com\/it\/come-fare\/guida-allo-stile\/","title":{"rendered":"Guida allo stile"},"content":{"rendered":"
\n
\n
\n
\n

Fate riferimento all’elenco seguente ogni volta che create nuove immagini per il vostro sito. Dovreste trovare una dimensione per tutte le possibili immagini che vi serviranno\/utilizzerete.<\/p>\n

Dimensioni dell’immagine<\/h2>\n
    \n
  • Loghi dei clienti<\/strong>: 300px \u00d7 175px<\/li>\n
  • Immagini della categoria di prodotto (PNGS)<\/strong>: 300px \u00d7 200px<\/li>\n
  • Icone a 2 toni<\/strong>: 100px \u00d7 100px<\/li>\n
  • Icone dei paesi (pagina delle localit\u00e0)<\/strong>: 40px \u00d7 40px<\/li>\n
  • Immagini dei prodotti (PNG per le foto dei prodotti, JPG per le foto dello stile di vita)<\/strong>: 700px \u00d7 700px<\/li>\n
  • Immagine del blocco pagina 50\/50<\/strong>: 800px \u00d7 qualsiasi altezza<\/li>\n
  • Blocco pagina 50\/50 Video (immagine di copertina):<\/strong> 800px x 450px (16:9)<\/li>\n
  • Colonna\/Carte Immagine blocco pagina:<\/strong> 500 x 300<\/li>\n
  • Immagini del collage di casi di studio (utilizzare il modello PSD)<\/strong>: 800px \u00d7 700px<\/li>\n
  • Immagine eroe della homepage<\/strong>: 1000px \u00d7 700px<\/li>\n
  • Intestazione della pagina interna (rettangolo con sovrapposizione rossa)<\/strong>: 1000px \u00d7 600px<\/li>\n
  • Immagini di intestazione per intestazioni in stile centro di apprendimento (panoramiche)<\/strong>: 1600px \u00d7 350px<\/li>\n
  • Eroe del pi\u00e8 di pagina<\/strong>: 1600px \u00d7 500px<\/li>\n
  • Foto Bio della squadra (cerchio realizzato con CSS)<\/strong>: 300px \u00d7 300px<\/li>\n
  • Tipi di post Immagini principali (blog, notizie, eventi, formazione, ecc.)<\/strong>: 900px \u00d7 500px<\/li>\n<\/ul>\n

    Specifiche dei caratteri<\/h2>\n
      \n
    • H1 – Desktop<\/strong> – Proxima Nova , 500 – 50px\/55px – Colore: #000 – Interlinea: -1 – Margine: 25px imbottitura inferiore<\/li>\n
    • H1-H5 su bg nero o rosso<\/strong> – – \/ – Colore: #FFF<\/li>\n
    • H1 – mobile<\/strong> – – 35px\/40px – Interlinea: -.75<\/li>\n
    • Pretitle – Desktop<\/strong> – Proxima Nova, 500, ALL CAPS – 16px\/20px – Colore: #000 (opacit\u00e0 75%) – Interlinea lettere: +5 – Margine: 28px imbottitura inferiore<\/li>\n
    • pretitolo su nero – <\/strong> – \/ – Colore: #FFF (opacit\u00e0 75%)<\/li>\n
    • pretitolo sul rosso<\/strong> – – \/ – Colore: #FFF (100% opacit\u00e0)<\/li>\n
    • pretitle – mobile<\/strong> – – 14px\/18px – Interlinea: -4px<\/li>\n
    • Stile intro – Desktop<\/strong> – Proxima Nova, 400 – 26px\/37px – Colore: #000 – Margine: 35px imbottitura inferiore<\/li>\n
    • Stile Intro su nero o rosso<\/strong> – – \/ – Colore: #FFF<\/li>\n
    • H2 – Desktop<\/strong> – Proxima Nova , 500 – 45px\/50px – Colore: #000 – Margine: 20px imbottitura inferiore<\/li>\n
    • H2 – mobile<\/strong> – – 32px\/40px<\/li>\n
    • H3 – Desktop<\/strong> – Proxima Nova , 500 – 42px\/48px – Colore: #000 – Margine: 15px imbottitura inferiore<\/li>\n
    • H3 – mobile – <\/strong> – 27px\/35px<\/li>\n
    • H4 – Desktop<\/strong> – Proxima Nova , 400 – 32px\/38px – Colore: #000 – Margine: 15px imbottitura inferiore<\/li>\n
    • H5 – Desktop<\/strong> – Proxima Nova, 400 – 30px\/36px – Colore: #000 – Margine: 20px imbottitura inferiore<\/li>\n
    • H6 – Desktop<\/strong> – Proxima Nova , 600 – 23px\/30px – Colore: #000 – Margine: 20px imbottitura inferiore<\/li>\n
    • H6 – mobile<\/strong> – – 20px\/28px<\/li>\n
    • stile paragrafo – desktop<\/strong> – Proxima Nova , 400 – 20px\/30px – Colore: #000 (opacit\u00e0 75%) – Margine: 20px imbottitura inferiore<\/li>\n
    • stile paragrafo su nero<\/strong> – – \/ – Colore: #C8C8C8<\/li>\n
    • stile di paragrafo sul rosso<\/strong> – – \/ – Colore: #FFF<\/li>\n
    • link di paragrafo – desktop<\/strong> – Proxima Nova , 400 – \/ – Colore: #D7172F<\/li>\n
    • link di paragrafo su nero o rosso<\/strong> – – \/ – Colore: #FFF<\/li>\n
    • Stile testimonial<\/strong> – Proxima Nova , 300 – 27px\/42px – Colore: #000 (opacit\u00e0 75%)<\/li>\n
    • testimonial – mobile – <\/strong> – 22px\/33px<\/li>\n<\/ul>\n

      Valori del colore del sito<\/h2>\n\n\n\n\n\n\n\n\n\n
      <\/td>\n#FFFFFF<\/strong><\/td>\n<\/tr>\n
      <\/td>\n#F5f5f5<\/strong><\/td>\n<\/tr>\n
      <\/td>\n#D6D6D6<\/strong><\/td>\n<\/tr>\n
      <\/td>\n#C8C8C8<\/strong><\/td>\n<\/tr>\n
      <\/td>\n#D7172F<\/strong><\/td>\n<\/tr>\n
      <\/td>\n#333333<\/strong><\/td>\n<\/tr>\n
      <\/td>\n#000000<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"

      Fate riferimento all’elenco seguente ogni volta che create nuove immagini per il vostro sito. Dovreste trovare una dimensione per tutte le possibili immagini che vi serviranno\/utilizzerete. Dimensioni dell’immagine Loghi dei…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":139068,"menu_order":38,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"class_list":["post-165888","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nGuida allo stile | Datacolor<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guida allo stile | Datacolor\" \/>\n<meta property=\"og:description\" content=\"Fate riferimento all'elenco seguente ogni volta che create nuove immagini per il vostro sito. Dovreste trovare una dimensione per tutte le possibili immagini che vi serviranno\/utilizzerete. Dimensioni dell'immagine Loghi dei...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.datacolor.com\/it\/come-fare\/guida-allo-stile\/\" \/>\n<meta property=\"og:site_name\" content=\"Datacolor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/DatacolorCorporate\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/collage-careers-800x700-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuti\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guida allo stile | Datacolor","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"it_IT","og_type":"article","og_title":"Guida allo stile | Datacolor","og_description":"Fate riferimento all'elenco seguente ogni volta che create nuove immagini per il vostro sito. Dovreste trovare una dimensione per tutte le possibili immagini che vi serviranno\/utilizzerete. Dimensioni dell'immagine Loghi dei...","og_url":"https:\/\/www.datacolor.com\/it\/come-fare\/guida-allo-stile\/","og_site_name":"Datacolor","article_publisher":"https:\/\/facebook.com\/DatacolorCorporate","og_image":[{"width":800,"height":700,"url":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/collage-careers-800x700-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.datacolor.com\/it\/come-fare\/guida-allo-stile\/","url":"https:\/\/www.datacolor.com\/it\/come-fare\/guida-allo-stile\/","name":"Guida allo stile | Datacolor","isPartOf":{"@id":"https:\/\/www.datacolor.com\/it\/#website"},"datePublished":"2015-10-30T15:59:29+00:00","inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.datacolor.com\/it\/come-fare\/guida-allo-stile\/"]}]},{"@type":"WebSite","@id":"https:\/\/www.datacolor.com\/it\/#website","url":"https:\/\/www.datacolor.com\/it\/","name":"Datacolor","description":"Color Management Solutions","publisher":{"@id":"https:\/\/www.datacolor.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.datacolor.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.datacolor.com\/it\/#organization","name":"Datacolor","url":"https:\/\/www.datacolor.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.datacolor.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2021\/12\/logo-header.jpg","contentUrl":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2021\/12\/logo-header.jpg","width":259,"height":45,"caption":"Datacolor"},"image":{"@id":"https:\/\/www.datacolor.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/DatacolorCorporate","https:\/\/linkedin.com\/company\/datacolor","https:\/\/www.youtube.com\/user\/DatacolorIndustrial"]}]}},"_links":{"self":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/comments?post=165888"}],"version-history":[{"count":0,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165888\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/139068"}],"wp:attachment":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/media?parent=165888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}