CINXE.COM

<!doctype html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=x-ua-compatible content="ie=edge"><title>LiveChat Brand Guidelines</title><meta name=description content="These are the core elements that build our brand"><link rel=canonical href=https://www.livechat.design/><script type=application/ld+json>{"@context":"https://schema.org","@graph":[{"@context":"https://schema.org","@type":"Corporation","brand":null,"name":null,"url":"https://www.livechat.design/"}]}</script><link rel=icon href=/favicon.ico><meta property="og:locale" content="en_US"><meta property="og:type" content="article"><meta property="og:title" content="LiveChat Brand Guidelines"><meta property="og:description" content="These are the core elements that build our brand"><meta property="og:url" content="https://www.livechat.design/"><meta property="og:site_name" content><meta name=twitter:card content="summary_large_image"><meta name=twitter:description content="These are the core elements that build our brand"><meta name=twitter:title content="LiveChat Brand Guidelines"><meta name=twitter:site content><meta property="og:image" content="https://www.livechat.design/images/og-image.d6ce0adbade4fd087b68f2d441b021844a32076e18cfd8058d5addcbd13099e3.png"><meta name=twitter:image content="https://www.livechat.design/images/og-image.d6ce0adbade4fd087b68f2d441b021844a32076e18cfd8058d5addcbd13099e3.png"><link href='https://d33wubrfki0l68.cloudfront.net/css/96ce066872f340f6d213c6be478fe4a6b4eb1226/css/main.f882609627633ed05e693ad3e519e19f2a74d0f0c0de83e62d62004991248f06.min.css' rel='stylesheet'/><script>(function(b,d,e,a,g){b[a]=b[a]||[],b[a].push({'gtm.start':(new Date).getTime(),event:'gtm.js'});var f=d.getElementsByTagName(e)[0],c=d.createElement(e),h=a!='dataLayer'?'&l='+a:'';c.async=!0,c.src='https://www.googletagmanager.com/gtm.js?id='+g+h,f.parentNode.insertBefore(c,f)})(window,document,'script','dataLayer','GTM-5XHPH5F')</script></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5XHPH5F" height=0 width=0 style=display:none;visibility:hidden></iframe></noscript><div class="o-container u-maxw-10 u-My-lg"><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Mark_RGB_Orange.svg class="u-maxw-2 u-mx-0 u-Mb-md" width=160 height=160 alt="LiveChat logo"><h1 class="u-text-p1 u-mb-sm">LiveChat<br>Brand Guidelines</h1><p class=u-text-p4-light>These are the core elements that build our brand</p><a href=/download/zipped/All%20Assets.zip class="c-btn v--primary">Download all assets</a><p class="u-text-gray-500 u-My-sm">Last updated: April, 2021</p></div><div class=o-wrapper><div class=u-bg-gray-900><section class="u-Py-lg u-border-b"><div class="o-container u-maxw-10"><h1>Table of Contents</h1><ul class="u-text-p5-bold u-Mt-sm u-p-0" style=list-style:none><li class=u-mb-lg><a href=#logo>1. Logo</a></li><li class=u-mb-lg><a href=#colors>2. Colors</a></li><li class=u-mb-lg><a href=#typography>3. Typography</a></li><li class=u-mb-lg><a href=#product-screens>4. Product screens</a></li></ul></div></section><section id=logo class="o-container u-maxw-10 u-Py-lg u-border-b"><span class="u-text-p4-light u-block u-mb-md">01</span><h1 class=u-text-p1>Logo</h1><section class="u-Py-lg u-border-b"><p class=u-text-p5>The LiveChat logo is composed of an chat bubble symbol and a logotype set in Colfax Medium. The horizontal logo is the primary logo and should be used in most instances. The stacked logo is for large-scale use.</p><p class=u-text-p5>The LiveChat logo should be used whenever possible to maintain brand recognition and consistency. Please refer to clear space, sizing and usage on backgrounds guidelines for best practices.</p><img src="/images/livechat/DIGITAL (RGB)/SVG/Logo_RGB_Orange.svg" class="u-bg-white u-P-xl u-rounded u-My-md u-rounded" width=888 height=320 alt="LiveChat logo full"><h2 class=u-text-p5>Download logo assets</h2><p class=u-text-p7>Don't know when to use which? Go to <a href class=u-text-bold>Usage on background</a> section</p><div class="u-My-md t-logo-grid"><div class="o-columns v--four t--tight u-Mb-xs"><a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Logo_RGB_Orange.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Logo_RGB_Orange.svg class="t-bg-gray-850 u-P-sm u-rounded"></a> <a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Logo_RGB_Black.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Logo_RGB_Black.svg class="t-bg-gray-850 u-P-sm u-rounded"></a> <a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Logo_RGB_White+Orange.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Logo_RGB_White+Orange.svg class="t-bg-gray-850 u-P-sm u-rounded"></a> <a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Logo_RGB_White.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Logo_RGB_White.svg class="t-bg-gray-850 u-P-sm u-rounded"></a></div><div class="o-columns v--four t--tight u-Mb-xs"><a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Stacked_RGB_Orange.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Stacked_RGB_Orange.svg class="t-bg-gray-850 u-P-sm u-rounded"></a> <a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Stacked_RGB_Black.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Stacked_RGB_Black.svg class="t-bg-gray-850 u-P-sm u-rounded"></a> <a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Stacked_RGB_White+Orange.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Stacked_RGB_White+Orange.svg class="t-bg-gray-850 u-P-sm u-rounded"></a> <a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Stacked_RGB_White.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Stacked_RGB_White.svg class="t-bg-gray-850 u-P-sm u-rounded"></a></div><div class="o-columns v--four t--tight u-Mb-xs"><a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Mark_RGB_Orange.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Mark_RGB_Orange.svg class="t-bg-gray-850 u-P-sm u-rounded"></a> <a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Mark_RGB_Black.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Mark_RGB_Black.svg class="t-bg-gray-850 u-P-sm u-rounded"></a> <a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Mark_RGB_White.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Mark_RGB_White.svg class="t-bg-gray-850 u-P-sm u-rounded"></a></div><div class="o-columns v--four t--tight u-Mb-xs"><a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Contained_Mark_White.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Contained_Mark_White.svg class="t-bg-gray-850 u-P-sm u-rounded"></a> <a href=/images/livechat/DIGITAL%20%28RGB%29/PNG/Contained_Mark_Orange.png class=t-download-image data-format=png download><img src=/images/livechat/DIGITAL%20%28RGB%29/SVG/Contained_Mark_Orange.svg class="t-bg-gray-850 u-P-sm u-rounded"></a></div><div class=u-Mb-lg><a href=/download/zipped/livechat/DIGITAL%20%28RGB%29.zip class="c-btn v--primary u-mr-md u-mt-md">Download all logos for digital</a> <a href=/download/zipped/livechat/PRINT%20%28CMYK%29.zip class="c-btn v--primary u-mt-md">Download all logos for print</a></div></div><h2 class=u-text-p5>Download the logos of our family of products</h2><p class=u-text-p7>All files are designed to maintain the right dimensions in case you wish to showcase more than one of them next to each other.</p><div class="o-columns v--two t--tight u-My-md"><div><a href=/download/zipped/family-of-products/Logos.zip class=t-download-image data-format=zip download><img src=https://d33wubrfki0l68.cloudfront.net/1cf6ca07e26ca1bd9e46e8004556434011b47b00/0ffa1/images/family-of-products/logos.svg class="t-bg-gray-850 u-P-md u-rounded" width=432 height=432 alt="All products logos"></a> <span class="u-block u-text-p7-bold u-Mt-xs">Logos</span></div><div><a href=/download/zipped/family-of-products/Contained%20Logo%20Marks.zip class=t-download-image data-format=zip download><img src=https://d33wubrfki0l68.cloudfront.net/78f69ac75bd472b9cbdb0194e596d5d36273d101/4771d/images/family-of-products/marks.svg class="t-bg-gray-850 u-P-md u-rounded" width=432 height=432 alt="All products contained marks"></a> <span class="u-block u-text-p7-bold u-Mt-xs">Contained Marks</span></div></div><a href=/download/zipped/family-of-products/Family%20of%20Products.zip class="c-btn v--primary">Download all logos</a></section><section class="u-Py-lg u-border-b"><h2 class="u-text-p3 u-Mb-md">Clear space</h2><p class=u-text-p5>The LiveChat logotype and symbol should always be surrounded by a minimum area of clearspace. This space ensures that headlines, text, and other elements do not encroach on our branding.</p><p class=u-text-p5>In most cases, it’s better to give the logo even more space, but just make sure it has a clear space of <span class=u-text-p5-bold>at least a letter "e".</span></p><div class="u-My-md t-tab-view" data-controller=tab-view><div class="u-flex u-justify-center u-mx-auto u-Mb-sm t-tabs"><button class="u-border-b u-pb-sm u-Px-sm u-text-p6 t-tab" data-target=tab-view.tab data-action=tab-view#toggleActive data-index=0>Normal version</button> <button class="u-border-b u-pb-sm u-Px-sm u-text-p6 t-tab" data-target=tab-view.tab data-action=tab-view#toggleActive data-index=1>Stacked version</button></div><div data-target=tab-view.view><div class="t-tab-view__inner u-rounded"><img src=https://d33wubrfki0l68.cloudfront.net/81b6a8abbd585a126131b7cf651778f38e5f6dcf/635d2/clearspace-1.dc9a4b6d658bde8f652e297c87546b5b456ae825e24dd4a0b9d3eddd7c2f2277.png srcset="https://d33wubrfki0l68.cloudfront.net/05325d96711ae259fffe688216d11694de5a1e09/f407a/clearspace-1_hufce72adb8236ca2647d168b52f062a56_22597_360x0_resize_lanczos_2.png 360w, https://d33wubrfki0l68.cloudfront.net/646d36dbcf099b10a4a7b3494950d2b10695029b/012ad/clearspace-1_hufce72adb8236ca2647d168b52f062a56_22597_590x0_resize_lanczos_2.png 590w, https://d33wubrfki0l68.cloudfront.net/c85b9f9650285c81de88f8ed9a6f3c25ea793f88/bc519/clearspace-1_hufce72adb8236ca2647d168b52f062a56_22597_820x0_resize_lanczos_2.png 820w, https://d33wubrfki0l68.cloudfront.net/98fbbc264d7bba0257d87d7166da2bdcb4b5100f/73a53/clearspace-1_hufce72adb8236ca2647d168b52f062a56_22597_1050x0_resize_lanczos_2.png 1050w, https://d33wubrfki0l68.cloudfront.net/f1afee1ee586777ebd22ed130cde4c4451459a5b/48158/clearspace-1_hufce72adb8236ca2647d168b52f062a56_22597_1280x0_resize_lanczos_2.png 1280w" alt="LiveChat logo clear space" class="u-bg-white u-Mt-md u-P-md u-rounded" width=888 height=528></div><div class="t-tab-view__inner u-rounded"><img src=https://d33wubrfki0l68.cloudfront.net/b62ec96c705b9e975cc2869b069460253b06f575/c0ad8/clearspace-2.facb595245d62f934aa4665255b9dc540001f0b95fb543bedc5f26f44e79e1ba.png srcset="https://d33wubrfki0l68.cloudfront.net/752808d4583f63c54645fc465e9ae81d6eaed54d/e01b3/clearspace-2_huff4850c9e19ac334bcd85f30a96ddbe7_25731_360x0_resize_lanczos_2.png 360w, https://d33wubrfki0l68.cloudfront.net/4bee0de4e2170bd2e84812875d6718c101e8f11a/99f8a/clearspace-2_huff4850c9e19ac334bcd85f30a96ddbe7_25731_590x0_resize_lanczos_2.png 590w, https://d33wubrfki0l68.cloudfront.net/f507ca7630b67cb5710611d71f81b209040f92bc/c19fb/clearspace-2_huff4850c9e19ac334bcd85f30a96ddbe7_25731_820x0_resize_lanczos_2.png 820w, https://d33wubrfki0l68.cloudfront.net/13935a96374d95ab554573daf2baee715ee7e0f3/9a8f9/clearspace-2_huff4850c9e19ac334bcd85f30a96ddbe7_25731_1050x0_resize_lanczos_2.png 1050w, https://d33wubrfki0l68.cloudfront.net/3d68f6efa7f34552f4d565190f6f3f61d059c1df/9c974/clearspace-2_huff4850c9e19ac334bcd85f30a96ddbe7_25731_1280x0_resize_lanczos_2.png 1280w" alt="LiveChat logo clear space" class="u-bg-white u-Mt-md u-P-md u-rounded" width=888 height=528></div></div></div></section><section class="u-Py-lg u-border-b"><h2 class="u-text-p3 u-Mb-md">Sizing</h2><p class=u-text-p5>The minimum sizes vary for print and digital. Please refer to the corresponding guidelines and be mindful when using the logotype for different applications.</p><img src=https://d33wubrfki0l68.cloudfront.net/ded148a039d8fdad1aef5520330d9bea0ee42fd2/55720/sizing.e124c3bf59a1fa407170e4e40c3434833414499f701116c797002d4060f7c134.png srcset="https://d33wubrfki0l68.cloudfront.net/77b25d0cfb85d9a13bdeefd2113453e149f4c63c/5df77/sizing_huab37b9fd2d5ddb52e08e27b3b2b086cf_28351_360x0_resize_lanczos_2.png 360w, https://d33wubrfki0l68.cloudfront.net/666e7550cb4d7bfc2159ee042bea2dc35652311d/26740/sizing_huab37b9fd2d5ddb52e08e27b3b2b086cf_28351_670x0_resize_lanczos_2.png 670w, https://d33wubrfki0l68.cloudfront.net/28aa8bba1790b38fdb27a2df35f55237618417b2/98df2/sizing_huab37b9fd2d5ddb52e08e27b3b2b086cf_28351_980x0_resize_lanczos_2.png 980w, https://d33wubrfki0l68.cloudfront.net/77ad38152cd06b1b1ee4958d6b79f913b07aae9f/46562/sizing_huab37b9fd2d5ddb52e08e27b3b2b086cf_28351_1290x0_resize_lanczos_2.png 1290w, https://d33wubrfki0l68.cloudfront.net/2db2fcbb22759f2a05ad3bbe49010a861f242bec/dec48/sizing_huab37b9fd2d5ddb52e08e27b3b2b086cf_28351_1600x0_resize_lanczos_2.png 1600w" alt="LiveChat sizing" class="u-bg-white u-Mt-md u-P-md u-rounded" width=888 height=443></section><section class="u-Py-lg u-border-b"><h2 class="u-text-p3 u-Mb-md">Usage on backgrounds</h2><p class=u-text-p5>The full-color logos should be used only on white, black, or gray colored backgrounds. Avoid using full-color logos on photographs unless the logo sits on a black or white area of the image</p><div class="u-My-md t-tab-view" data-controller=tab-view><div class="u-flex u-justify-center u-mx-auto u-Mb-sm t-tabs"><button class="u-border-b u-pb-sm u-Px-sm u-text-p6 t-tab" data-target=tab-view.tab data-action=tab-view#toggleActive data-index=0>Full logo</button> <button class="u-border-b u-pb-sm u-Px-sm u-text-p6 t-tab" data-target=tab-view.tab data-action=tab-view#toggleActive data-index=1>Mark</button></div><div data-target=tab-view.view><div class="t-tab-view__inner u-rounded"><img src=https://d33wubrfki0l68.cloudfront.net/208b993aa35e9b00f801a0b9fc4f39936352f08f/57eaf/background-1.d76f53dc703fd7cb178adc7d531972f1744b3651d2c3d1b79b0c505e46af47bf.png srcset="https://d33wubrfki0l68.cloudfront.net/2c14dbb1d8edd35b4d778c312c821b221cc2c3d9/052a0/background-1_hu9b2c4abd24b94bcc2f628bed65b51b4d_893970_360x0_resize_lanczos_2.png 360w, https://d33wubrfki0l68.cloudfront.net/75e037f16658af8368aa1cb21956d4cbe1dfc71d/97ce4/background-1_hu9b2c4abd24b94bcc2f628bed65b51b4d_893970_591x0_resize_lanczos_2.png 591w, https://d33wubrfki0l68.cloudfront.net/59d51532fe72b9f51963440a540a836fb099f2eb/edc7d/background-1_hu9b2c4abd24b94bcc2f628bed65b51b4d_893970_822x0_resize_lanczos_2.png 822w, https://d33wubrfki0l68.cloudfront.net/77179713a45c157d73e79fa5f09102454e6c35ce/70dbd/background-1_hu9b2c4abd24b94bcc2f628bed65b51b4d_893970_1053x0_resize_lanczos_2.png 1053w, https://d33wubrfki0l68.cloudfront.net/ca2cf2736b2d99a84341a9b29362944bfbb85e48/57e87/background-1_hu9b2c4abd24b94bcc2f628bed65b51b4d_893970_1284x0_resize_lanczos_2.png 1284w" alt="LiveChat logo background usage" class="u-bg-white u-Mt-md u-rounded" width=888 height=1660></div><div class="t-tab-view__inner u-rounded"><img src=https://d33wubrfki0l68.cloudfront.net/f297c735a8257c68790cf72dbe7f9e95179de62a/29985/background-2.cc5542a7abe3b7655ed57867ba0b705a57adfba195ec76762da364abf5b5ff8c.png srcset="https://d33wubrfki0l68.cloudfront.net/8d51f0ebb6695c971f03b76bee45be83d0afb3d3/9239a/background-2_hu1ae334cf0bc42cb27f97f38df581e975_420108_360x0_resize_lanczos_2.png 360w, https://d33wubrfki0l68.cloudfront.net/f30db54bebf8583845192382236b1e550332a7ad/d6485/background-2_hu1ae334cf0bc42cb27f97f38df581e975_420108_591x0_resize_lanczos_2.png 591w, https://d33wubrfki0l68.cloudfront.net/1e2b98e01c7dbc236c53293fc85b1f1212caceee/2e829/background-2_hu1ae334cf0bc42cb27f97f38df581e975_420108_822x0_resize_lanczos_2.png 822w, https://d33wubrfki0l68.cloudfront.net/b0ab137982288396d990eb57a6f38e853e497188/dbf65/background-2_hu1ae334cf0bc42cb27f97f38df581e975_420108_1053x0_resize_lanczos_2.png 1053w, https://d33wubrfki0l68.cloudfront.net/5c693df5cae51d8c69dde25f2d8a47ef03c9cf6b/03d11/background-2_hu1ae334cf0bc42cb27f97f38df581e975_420108_1284x0_resize_lanczos_2.png 1284w" alt="LiveChat logo background usage" class="u-bg-white u-Mt-md u-rounded" width=888 height=997></div></div></div></section><section class="u-Py-lg u-border-b"><h2 class="u-text-p3 u-Mb-md"><span class="u-px-xs u-rounded u-bg-signup u-text-white">Please, don't do this to our logo</span></h2><p class=u-text-p5>The LiveChat logo should always be reproduced from approved artwork and adhere to proper usage guidelines. <span class=u-text-p5-bold>The examples here represent unacceptable uses of our logo</span>. Please do not compromise or manipulate the LiveChat logo.</p><img src=https://d33wubrfki0l68.cloudfront.net/f98b5ab8c935c913bf76bfefeb1bf68f0c1c79ff/47001/nottodo.cbfbb4772b29bdc235d145d3c08e30ab6122ac7f3c3b52d43f3b322742d5fdfe.png srcset="https://d33wubrfki0l68.cloudfront.net/038dfc54f45c4035cd99607900ecf1d321ba2ee2/786a9/nottodo_hubc342006e584e337ed704d8615ccd7ee_271161_360x0_resize_lanczos_2.png 360w, https://d33wubrfki0l68.cloudfront.net/de7d559a89e534323a82212bf3bb4f7dc8ca2eb2/f7724/nottodo_hubc342006e584e337ed704d8615ccd7ee_271161_564x0_resize_lanczos_2.png 564w, https://d33wubrfki0l68.cloudfront.net/4df5661ca41228a96437c2dad55d02375671ac61/4a15b/nottodo_hubc342006e584e337ed704d8615ccd7ee_271161_768x0_resize_lanczos_2.png 768w, https://d33wubrfki0l68.cloudfront.net/ef5e055e976b15eeee057275e8c2c19c216cdefe/144a9/nottodo_hubc342006e584e337ed704d8615ccd7ee_271161_972x0_resize_lanczos_2.png 972w, https://d33wubrfki0l68.cloudfront.net/838825333fb4be47bd6d533f5f25952ac6f79391/27139/nottodo_hubc342006e584e337ed704d8615ccd7ee_271161_1176x0_resize_lanczos_2.png 1176w" alt="LiveChat logo unacceptable uses" class="u-Mt-md u-rounded" width=888 height=955></section></section><section id=colors class="o-container u-maxw-10 u-Py-lg u-border-b"><span class="u-text-p4-light u-block u-mb-md">02</span><h1 class=u-text-p1>Colors</h1><section class="u-Py-lg u-border-b"><p class="u-text-p5 u-Mb-lg">The LiveChat primary color palette is composed of three core colors: yellow, black and white. These colors should be used regularly in marketing materials to reinforce the LiveChat brand. Orange color should be used only in the logo.</p><span class="u-block u-text-p6-bold u-My-xs">Brand identity Colors</span><div class="o-columns v--three t--tight"><div class="u-rounded u-p-md u-text-p6" style=background-color:#ffd000><div class=u-text-p6-bold>Yellow</div><div class=u-text-p6-bold style=text-transform:uppercase>#FFD000</div><div>RGB: 255, 208, 0</div><div>CMYK: 0, 5, 100, 0</div><div>PMS: 109 C</div></div><div class="u-rounded u-p-md u-text-p6 u-text-white" style=background-color:#1b1b20><div class=u-text-p6-bold>Black</div><div class=u-text-p6-bold style=text-transform:uppercase>#1B1B20</div><div>RGB: 27, 27, 32</div><div>CMYK: 76, 65, 66, 90</div><div>PMS: 419 C</div></div><div class="u-rounded u-p-md u-text-p6" style=background-color:#fff><div class=u-text-p6-bold>White</div><div class=u-text-p6-bold style=text-transform:uppercase>#FFFFFF</div><div>RGB: 255, 255, 255</div><div>CMYK: 0, 0, 0, 0</div></div><div class="u-rounded u-p-md u-text-p6 u-text-white" style=background-color:#06f><div class=u-text-p6-bold>Blue</div><div class=u-text-p6-bold style=text-transform:uppercase>#0066FF</div><div>RGB: 0, 102, 255</div><div>CMYK: 95, 60, 0, 0</div><div>PMS: 285 C</div></div><div class="u-rounded u-p-md u-text-p6 u-text-white" style=background-color:#e30d34><div class=u-text-p6-bold>Red</div><div class=u-text-p6-bold style=text-transform:uppercase>#E30D34</div><div>RGB: 227, 13, 52</div></div><div class="u-rounded u-p-md u-text-p6 u-border u-border-black" style=background-color:#f6f6f7><div class=u-text-p6-bold>Gray</div><div class=u-text-p6-bold style=text-transform:uppercase>#F6F6F7</div><div>RGB: 246, 246, 247</div></div></div><span class="u-block u-text-p6-bold u-My-xs">Logo Colors</span><div class="o-columns v--three t--tight"><div class="u-rounded u-p-md u-text-p6 u-text-white" style=background-color:#ff5100><div class=u-text-p6-bold>LiveChat Orange</div><div class=u-text-p6-bold style=text-transform:uppercase>#FF5100</div><div>RGB: 254, 80, 0</div><div>CMYK: 0, 74, 100, 0</div><div>PMS: Orange 21 C</div></div><div class="u-rounded u-p-md u-text-p6 u-text-white" style=background-color:#1b1b20><div class=u-text-p6-bold>Black</div><div class=u-text-p6-bold style=text-transform:uppercase>#1B1B20</div><div>RGB: 27, 27, 32</div><div>CMYK: 76, 65, 66, 90</div><div>PMS: 419 C</div></div></div></section></section><section id=typography class="o-container u-maxw-10 u-Py-lg u-border-b"><span class="u-text-p4-light u-block u-mb-md">03</span><h1 class=u-text-p1>Typography</h1><section class="u-Py-lg u-border-b"><h2 class="u-text-p3 u-Mb-md">Colfax</h2><p class=u-text-p5>Our primary typeface, Colfax, is used for headlines, subheadlines, CTA’s, and body text. It works equally well in print and digital applications. Please use Colfax in all communication materials whenever possible.</p></section></section><section id=product-screens class="o-container u-maxw-10 u-Py-lg u-border-b"><span class="u-text-p4-light u-block u-mb-md">04</span><h1 class=u-text-p1>Product Screens</h1><p class=u-text-p5>There are three levels of complexity when showcasing the LiveChat product. Use screens without details by default and whenever possible; detailed and simplified screens - accordingly for your purpose.</p><div class="o-columns v--three t--tight u-Mb-md"><div><img src=https://d33wubrfki0l68.cloudfront.net/40f302185349a635760df2b908339870d0c4516b/83e7e/chats-without-details.2742006ad094777887c01466a7405e5dc8620429ae1fb8f610f6115a8f207d1c.png srcset="https://d33wubrfki0l68.cloudfront.net/d7dd3795b6fa447290dc86269eda817507d324d5/64891/chats-without-details_hu979712af6c050f2230c9d2437be4e169_96483_360x0_resize_lanczos_2.png 360w, https://d33wubrfki0l68.cloudfront.net/c804bb0a1cec5156aefd1921f3be7f2eb67dcbc5/12129/chats-without-details_hu979712af6c050f2230c9d2437be4e169_96483_410x0_resize_lanczos_2.png 410w, https://d33wubrfki0l68.cloudfront.net/9abfb10960762e3f971ac851b5beea9cf4699491/519a8/chats-without-details_hu979712af6c050f2230c9d2437be4e169_96483_460x0_resize_lanczos_2.png 460w, https://d33wubrfki0l68.cloudfront.net/8c4ecb65bdb64e3351515ce2ba79ee713c35030d/3b79d/chats-without-details_hu979712af6c050f2230c9d2437be4e169_96483_510x0_resize_lanczos_2.png 510w, https://d33wubrfki0l68.cloudfront.net/68da1428758a79367c76a7a3c5e7428c562805b9/a9592/chats-without-details_hu979712af6c050f2230c9d2437be4e169_96483_560x0_resize_lanczos_2.png 560w" alt="LiveChat screens" class="t-bg-gray-850 u-Mt-md u-rounded u-P-sm" width=217 height=165> <span class="u-block u-text-p7-bold u-Mt-xs">Screens without Details</span></div><div><img src=https://d33wubrfki0l68.cloudfront.net/38c89171580494eaa64cfb2eceb117da7db5ef29/9af23/chats-detailed.67b10628cc708acb9f7068d69a09e20fb0f6becb1d2691df4edfe1e52877e1b6.png srcset="https://d33wubrfki0l68.cloudfront.net/8476aed1f47a029a309cf0111614c2114b10a5b5/4561f/chats-detailed_hu0f2075f92e6b07ce2d06374632345153_131182_360x0_resize_lanczos_2.png 360w, https://d33wubrfki0l68.cloudfront.net/e22c095f514e18758bc076db0ef8ab7c41a0f88b/1122f/chats-detailed_hu0f2075f92e6b07ce2d06374632345153_131182_410x0_resize_lanczos_2.png 410w, https://d33wubrfki0l68.cloudfront.net/0eb942c532fae2563635650f58c95f2aaac3c342/b6c61/chats-detailed_hu0f2075f92e6b07ce2d06374632345153_131182_460x0_resize_lanczos_2.png 460w, https://d33wubrfki0l68.cloudfront.net/a9dcd53986d61feb50f7899f6cf967dc4bfd786c/b4297/chats-detailed_hu0f2075f92e6b07ce2d06374632345153_131182_510x0_resize_lanczos_2.png 510w, https://d33wubrfki0l68.cloudfront.net/a50295e394683b20980c8a54e8bef05ac7a13ad8/41064/chats-detailed_hu0f2075f92e6b07ce2d06374632345153_131182_560x0_resize_lanczos_2.png 560w" alt="LiveChat screens" class="t-bg-gray-850 u-Mt-md u-rounded u-P-sm" width=217 height=165> <span class="u-block u-text-p7-bold u-Mt-xs">Detailed screens</span></div><div><img src=https://d33wubrfki0l68.cloudfront.net/d08e84e505155d4f381099b321cd2cb17d949c5f/9aeea/chats-simple.0055cd77defef016c459e7547abc09b209e4a2b1dac7ffc2bc75f32df04f6df8.png srcset="https://d33wubrfki0l68.cloudfront.net/e4deb1c33bf81ef99f23c4982f08da38313f2088/b6e2b/chats-simple_hu8403a719f835a55a3adb7ff321970e70_69721_360x0_resize_lanczos_2.png 360w, https://d33wubrfki0l68.cloudfront.net/abadc7c8d8fa9cee64b0fd839bf995b7571e8f39/b930d/chats-simple_hu8403a719f835a55a3adb7ff321970e70_69721_410x0_resize_lanczos_2.png 410w, https://d33wubrfki0l68.cloudfront.net/aeca3a91f09a6aa751b93f0166a9a00d7648b893/37167/chats-simple_hu8403a719f835a55a3adb7ff321970e70_69721_460x0_resize_lanczos_2.png 460w, https://d33wubrfki0l68.cloudfront.net/36ab1e703c4e7c0249aa2dcf2b2ea3aa6a1ff75d/dda36/chats-simple_hu8403a719f835a55a3adb7ff321970e70_69721_510x0_resize_lanczos_2.png 510w, https://d33wubrfki0l68.cloudfront.net/3fa05e70c9ed9b13f0ba8361e4c063a9482e16e5/e282b/chats-simple_hu8403a719f835a55a3adb7ff321970e70_69721_560x0_resize_lanczos_2.png 560w" alt="LiveChat screens" class="t-bg-gray-850 u-Mt-md u-rounded u-P-sm" width=217 height=165> <span class="u-block u-text-p7-bold u-Mt-xs">Simplified screens</span></div></div><a href="/download/zipped/LiveChat Product Screens.zip" class="c-btn v--primary">Download all screens</a></section></div></div><footer class="o-container u-maxw-10 u-My-lg"><p class=u-text-p5>Look here for other product assets: <a href=https://chatbot.design class=u-text-p5-bold>chatbot.design</a>, <a href=https://helpdesk.design class=u-text-p5-bold>helpdesk.design</a> and <a href=https://knowledgebase.ai/design class=u-text-p5-bold>knowledgebase.ai/design</a>.<p><a href=https://livechat.com class=u-text-p4>Go to livechat.com ›</a></footer><script defer src='https://d33wubrfki0l68.cloudfront.net/js/0c99947ab6cde5b563b02833684353a36d34a7d3/js/main.min.9ee1a633cf2446f0f3f3eb656035400aa4cbeb18bdff5673e8319abe0446f78a.js' type='text/javascript'></script><script>window.__lc=window.__lc||{},window.__lc.license=1520,window.__lc.ga_version='gtm',function(){var a=document.createElement('script'),b;a.type='text/javascript',a.async=!0,a.src=('https:'==document.location.protocol?'https://':'http://')+'cdn.livechatinc.com/staging/tracking.js',b=document.getElementsByTagName('script')[0],b.parentNode.insertBefore(a,b)}()</script></body></html>