{"id":1932,"date":"2023-01-23T09:50:42","date_gmt":"2023-01-23T09:50:42","guid":{"rendered":"https:\/\/oneline.ch\/en\/?post_type=services&#038;p=1932"},"modified":"2024-05-17T08:40:29","modified_gmt":"2024-05-17T08:40:29","slug":"typography","status":"publish","type":"services","link":"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<!-- Services Intro -->\r\n<section id=\"image-text-section-block_937626a6c6fdbcc2921ba9d7e195f772\" class=\"services-intro typography block-image-text-section\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                <div class=\"services-intro__img\" data-aos=\"fade-up\">\r\n\t                                                            <picture>\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"1022\" height=\"836\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Typographie-1.jpg\" class=\"attachment-full size-full\" alt=\"Typography\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Typographie-1.jpg 1022w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Typographie-1-300x245.jpg 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Typographie-1-768x628.jpg 768w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Typographie-1-185x151.jpg 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Typographie-1-135x110.jpg 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Typographie-1-872x713.jpg 872w\" sizes=\"auto, (max-width: 1022px) 100vw, 1022px\" \/>                        <\/picture>\r\n\t\t\t\t\t\t                                                                                    <\/div>\r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                <div class=\"services-intro__head\" data-aos=\"fade-up\">\r\n                                            <h1 class=\"sm-title\">Typography<\/h1>\r\n                                                                <h2 class=\"section-title\">TYPOGRAPHY PERFECTS WEBSITE TEXTS<\/h2>\r\n                                                            <div class=\"services-intro__text\">\r\n                        <p>Is there an important feature of a website that motivates users to stay on the page or almost to leave immediately? Yes, this feature exists. Its name is typography. In <a href=\"https:\/\/oneline.ch\/en\/services\/webdesign\/\">web design<\/a>, typography &#8211; compared to printed flyers and brochures &#8211; is characterized by other technical requirements. Here, it is not only about good readability. Fast <a href=\"https:\/\/oneline.ch\/en\/loading-speed-perfect-url\/\">loading times<\/a> are just as important as choosing the right font.<\/p>\n                    <\/div>\r\n                    \t                                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <style>\r\n        .location-tpl .services-intro__img-icon.mobile {\r\n            top: initial;\r\n            left: -17%;\r\n            width: 43%;\r\n            bottom: 20%;\r\n        }\r\n        @media only screen and (min-width: 1200px) {\r\n            .location-tpl .services-intro__img-icon.mobile {\r\n                left: -16px;\r\n                bottom: 10%;\r\n            }\r\n        }\r\n        @media only screen and (min-width: 767px) {\r\n            .services-intro:not(.location-tpl) .services-intro__img-icon.mobile {\r\n                display: none!important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/section>\r\n\n\n<!-- services-desc -->\r\n<section class=\"services-desc\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <hr>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                <div class=\"section-head\" data-aos=\"fade-up\">\r\n                                            <h2 class=\"block-title text-uppercase\">WHAT RULES DOES A SUCCESSFUL WEBSITE FULFIL CONCERNING TYPOGRAPHY IN WEB DESIGN?<\/h2>\r\n                                                                <p>Website texts are ideally easy to read and perfectly structured. <strong>They do not make readers tired<\/strong>. And occupy a place in the top ranks on Google. <strong>Headlines contain the format H1, H2 or H3<\/strong>.<\/p>\n<p>Lists and highlighted words with the tags Bold for bold and italic for italic also increase readability. <strong>Paragraph marks and appropriate <a href=\"https:\/\/oneline.ch\/en\/blog\/html-css-java-web-development-tools\/\">HTML elements<\/a> perfect the text<\/strong>. Because they make up an important part of the typography.<\/p>\n<p>There are rules to be observed in typography, such as font type and size, headings, block sentences, correct grammar and many other factors.<\/p>\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                                    <div class=\"services-desc__list-head\" data-aos=\"fade-up\">\r\n                        <h4 class=\"lg-title\">Advantages resulting from typography<\/h4>\r\n                    <\/div>\r\n                                <div class=\"services-desc__list-wrapper\" data-aos=\"fade-up\">\r\n                                                                        <div class=\"services-desc__list\">\r\n                                                                    <div class=\"services-desc__list-img\">\r\n                                        <picture>\r\n                                            <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg\n   xmlns:dc=\"http:\/\/purl.org\/dc\/elements\/1.1\/\"\n   xmlns:cc=\"http:\/\/creativecommons.org\/ns#\"\n   xmlns:rdf=\"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#\"\n   xmlns:svg=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns:sodipodi=\"http:\/\/sodipodi.sourceforge.net\/DTD\/sodipodi-0.dtd\"\n   xmlns:inkscape=\"http:\/\/www.inkscape.org\/namespaces\/inkscape\"\n   width=\"51.115124\"\n   height=\"28.298595\"\n   viewBox=\"0 0 51.115124 28.298595\"\n   version=\"1.1\"\n   id=\"svg8\"\n   sodipodi:docname=\"icon-eye.svg\"\n   inkscape:version=\"0.92.3 (2405546, 2018-03-11)\">\n  <metadata\n     id=\"metadata14\">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about=\"\">\n        <dc:format>image\/svg+xml<\/dc:format>\n        <dc:type\n           rdf:resource=\"http:\/\/purl.org\/dc\/dcmitype\/StillImage\" \/>\n        <dc:title><\/dc:title>\n      <\/cc:Work>\n    <\/rdf:RDF>\n  <\/metadata>\n  <defs\n     id=\"defs12\" \/>\n  <sodipodi:namedview\n     pagecolor=\"#ffffff\"\n     bordercolor=\"#666666\"\n     borderopacity=\"1\"\n     objecttolerance=\"10\"\n     gridtolerance=\"10\"\n     guidetolerance=\"10\"\n     inkscape:pageopacity=\"0\"\n     inkscape:pageshadow=\"2\"\n     inkscape:window-width=\"1920\"\n     inkscape:window-height=\"1018\"\n     id=\"namedview10\"\n     showgrid=\"false\"\n     inkscape:zoom=\"3.4705882\"\n     inkscape:cx=\"-8.4352507\"\n     inkscape:cy=\"15.798\"\n     inkscape:window-x=\"-8\"\n     inkscape:window-y=\"-8\"\n     inkscape:window-maximized=\"1\"\n     inkscape:current-layer=\"svg8\" \/>\n  <g\n     id=\"g6\"\n     style=\"fill:none;fill-rule:evenodd\"\n     transform=\"translate(-14.503047,-21.499404)\">\n    <path\n       d=\"m 50.298,24.248 c -0.37,-0.162 -0.778,-0.232 -1.172,-0.3 -0.179,-0.03 -0.358,-0.06 -0.533,-0.1 l -0.134,-0.03 -0.344,0.836 0.13,0.07 c 0.562,0.296 1.127,0.585 1.694,0.875 1.264,0.646 2.573,1.314 3.797,2.066 a 50.33,50.33 0 0 1 5.134,3.617 c 1.135,0.911 2.181,1.885 3.392,3.013 0.514,0.48 1.05,0.977 1.621,1.5 -0.29,0.24 -0.564,0.47 -0.83,0.691 a 63.165,63.165 0 0 1 -1.82,1.484 c -0.68,0.526 -1.362,1.071 -2.022,1.6 -1.616,1.293 -3.286,2.63 -5.042,3.763 -6.33,4.086 -12.873,5.38 -19.445,3.844 -6.213,-1.452 -12.286,-5.376 -18.053,-11.665 5.053,-5.232 10.134,-8.673 15.934,-10.786 -4.386,5.388 -4.92,10.613 -1.538,15.14 3.164,4.233 8.72,5.706 13.51,3.584 4.14,-1.834 7.07,-6.439 6.4,-10.057 l -0.026,-0.132 h -0.134 c -0.173,0 -0.35,0.005 -0.528,0.01 a 9.004,9.004 0 0 1 -1.16,-0.018 c -1.375,-0.138 -2.526,-0.792 -3.242,-1.843 -0.812,-1.19 -1.005,-2.749 -0.544,-4.389 0.081,-0.288 0,-0.6 -0.08,-0.903 -0.034,-0.128 -0.069,-0.255 -0.088,-0.379 l -0.05,-0.304 -0.223,0.213 a 3.164,3.164 0 0 1 -0.287,0.235 c -0.249,0.192 -0.507,0.39 -0.58,0.666 -0.207,0.8 -0.466,1.794 -0.4,2.733 0.202,2.985 1.973,4.655 5.911,5.57 a 6.844,6.844 0 0 0 -0.005,0.205 c -0.004,0.236 -0.008,0.481 -0.06,0.702 -1.088,4.514 -5.907,7.777 -10.515,7.127 -5.055,-0.714 -8.606,-4.682 -8.637,-9.65 -0.03,-4.996 3.55,-9.002 8.703,-9.74 0.395,-0.058 0.78,-0.182 1.152,-0.3 0.17,-0.056 0.341,-0.11 0.512,-0.159 L 40.826,23 40.75,22.227 40.625,22.209 a 8.233,8.233 0 0 1 -0.449,-0.086 c -0.342,-0.072 -0.694,-0.147 -1.048,-0.116 l -0.208,0.018 c -1.207,0.105 -2.456,0.214 -3.654,0.483 -6.989,1.567 -13.27,5.42 -19.774,12.127 -0.879,0.907 -0.419,1.541 0.127,2.113 4.767,4.994 9.722,8.482 15.147,10.667 3.116,1.253 6.204,1.883 9.222,1.883 1.194,0 2.376,-0.098 3.545,-0.296 7.412,-1.253 14.106,-5.17 21.065,-12.333 0.71,-0.73 0.694,-1.347 -0.053,-2.13 -4.493,-4.708 -9.153,-8.074 -14.247,-10.29\"\n       id=\"path2\"\n       inkscape:connector-curvature=\"0\"\n       style=\"fill:#00ffb2\" \/>\n    <path\n       d=\"m 50.298,24.248 c -0.37,-0.162 -0.778,-0.232 -1.172,-0.3 -0.179,-0.03 -0.358,-0.06 -0.533,-0.1 l -0.134,-0.03 -0.344,0.836 0.13,0.07 c 0.562,0.296 1.127,0.585 1.694,0.875 1.264,0.646 2.573,1.314 3.797,2.066 a 50.33,50.33 0 0 1 5.134,3.617 c 1.135,0.911 2.181,1.885 3.392,3.013 0.514,0.48 1.05,0.977 1.621,1.5 -0.29,0.24 -0.564,0.47 -0.83,0.691 a 63.165,63.165 0 0 1 -1.82,1.484 c -0.68,0.526 -1.362,1.071 -2.022,1.6 -1.616,1.293 -3.286,2.63 -5.042,3.763 -6.33,4.086 -12.873,5.38 -19.445,3.844 -6.213,-1.452 -12.286,-5.376 -18.053,-11.665 5.053,-5.232 10.134,-8.673 15.934,-10.786 -4.386,5.388 -4.92,10.613 -1.538,15.14 3.164,4.233 8.72,5.706 13.51,3.584 4.14,-1.834 7.07,-6.439 6.4,-10.057 l -0.026,-0.132 h -0.134 c -0.173,0 -0.35,0.005 -0.528,0.01 a 9.004,9.004 0 0 1 -1.16,-0.018 c -1.375,-0.138 -2.526,-0.792 -3.242,-1.843 -0.812,-1.19 -1.005,-2.749 -0.544,-4.389 0.081,-0.288 0,-0.6 -0.08,-0.903 -0.034,-0.128 -0.069,-0.255 -0.088,-0.379 l -0.05,-0.304 -0.223,0.213 a 3.164,3.164 0 0 1 -0.287,0.235 c -0.249,0.192 -0.507,0.39 -0.58,0.666 -0.207,0.8 -0.466,1.794 -0.4,2.733 0.202,2.985 1.973,4.655 5.911,5.57 a 6.844,6.844 0 0 0 -0.005,0.205 c -0.004,0.236 -0.008,0.481 -0.06,0.702 -1.088,4.514 -5.907,7.777 -10.515,7.127 -5.055,-0.714 -8.606,-4.682 -8.637,-9.65 -0.03,-4.996 3.55,-9.002 8.703,-9.74 0.395,-0.058 0.78,-0.182 1.152,-0.3 0.17,-0.056 0.341,-0.11 0.512,-0.159 L 40.826,23 40.75,22.227 40.625,22.209 a 8.233,8.233 0 0 1 -0.449,-0.086 c -0.342,-0.072 -0.694,-0.147 -1.048,-0.116 l -0.208,0.018 c -1.207,0.105 -2.456,0.214 -3.654,0.483 -6.989,1.567 -13.27,5.42 -19.774,12.127 -0.879,0.907 -0.419,1.541 0.127,2.113 4.767,4.994 9.722,8.482 15.147,10.667 3.116,1.253 6.204,1.883 9.222,1.883 1.194,0 2.376,-0.098 3.545,-0.296 7.412,-1.253 14.106,-5.17 21.065,-12.333 0.71,-0.73 0.694,-1.347 -0.053,-2.13 -4.493,-4.708 -9.153,-8.074 -14.247,-10.29 z\"\n       id=\"path4\"\n       inkscape:connector-curvature=\"0\"\n       style=\"stroke:#00ffb2\" \/>\n  <\/g>\n<\/svg>\n                                        <\/picture>\r\n                                    <\/div>\r\n                                                                                                    <div class=\"services-desc__list-desc\">Well-chosen typography facilitates communication and increases reach.<\/div>\r\n                                                            <\/div>\r\n                                                    <div class=\"services-desc__list\">\r\n                                                                    <div class=\"services-desc__list-img\">\r\n                                        <picture>\r\n                                            <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg\n   xmlns:dc=\"http:\/\/purl.org\/dc\/elements\/1.1\/\"\n   xmlns:cc=\"http:\/\/creativecommons.org\/ns#\"\n   xmlns:rdf=\"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#\"\n   xmlns:svg=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns:sodipodi=\"http:\/\/sodipodi.sourceforge.net\/DTD\/sodipodi-0.dtd\"\n   xmlns:inkscape=\"http:\/\/www.inkscape.org\/namespaces\/inkscape\"\n   width=\"51.469784\"\n   height=\"35.598793\"\n   viewBox=\"0 0 51.469784 35.598793\"\n   version=\"1.1\"\n   id=\"svg8\"\n   sodipodi:docname=\"icon-snake.svg\"\n   inkscape:version=\"0.92.3 (2405546, 2018-03-11)\">\n  <metadata\n     id=\"metadata14\">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about=\"\">\n        <dc:format>image\/svg+xml<\/dc:format>\n        <dc:type\n           rdf:resource=\"http:\/\/purl.org\/dc\/dcmitype\/StillImage\" \/>\n      <\/cc:Work>\n    <\/rdf:RDF>\n  <\/metadata>\n  <defs\n     id=\"defs12\" \/>\n  <sodipodi:namedview\n     pagecolor=\"#ffffff\"\n     bordercolor=\"#666666\"\n     borderopacity=\"1\"\n     objecttolerance=\"10\"\n     gridtolerance=\"10\"\n     guidetolerance=\"10\"\n     inkscape:pageopacity=\"0\"\n     inkscape:pageshadow=\"2\"\n     inkscape:window-width=\"1920\"\n     inkscape:window-height=\"1018\"\n     id=\"namedview10\"\n     showgrid=\"false\"\n     inkscape:zoom=\"3.4705882\"\n     inkscape:cx=\"-8.4326799\"\n     inkscape:cy=\"21.099289\"\n     inkscape:window-x=\"-8\"\n     inkscape:window-y=\"-8\"\n     inkscape:window-maximized=\"1\"\n     inkscape:current-layer=\"svg8\" \/>\n  <g\n     id=\"g6\"\n     style=\"fill:none;fill-rule:evenodd\"\n     transform=\"translate(-14.500477,-19.500497)\">\n    <path\n       d=\"m 56.222,20.014 a 9501.307,9501.307 0 0 0 -32.037,0 c -5.382,0.009 -9.156,3.82 -9.177,9.267 -0.012,3.037 -0.007,6.125 -0.003,9.11 v 0.76 c 0.01,5.733 3.728,9.444 9.474,9.454 1.93,0.005 3.86,0 5.79,-0.002 4.307,-0.009 8.759,-0.017 13.137,0.057 0.968,0.017 2.162,0.45 3.115,1.127 1.124,0.8 2.198,1.715 3.238,2.6 a 73.384,73.384 0 0 0 2.15,1.782 c 0.278,0.219 0.796,0.43 1.223,0.43 a 0.893,0.893 0 0 0 0.37,-0.07 c 0.436,-0.203 0.714,-0.987 0.722,-1.46 0.042,-2.458 0.08,-5.69 -0.002,-8.904 -0.053,-2.087 -1.612,-3.631 -3.792,-3.756 -0.354,-0.02 -0.711,-0.017 -1.057,-0.014 -0.135,0.002 -0.272,0.003 -0.408,0.003 l -5.32,0.002 c -4.301,0.004 -8.75,0.006 -13.124,-0.01 -1.035,-0.005 -1.853,-0.325 -2.365,-0.928 -0.488,-0.573 -0.667,-1.367 -0.52,-2.297 0.226,-1.419 1.256,-2.14 3.063,-2.145 2.784,-0.006 5.567,-0.006 8.35,-0.004 3.573,0.002 7.269,0.004 10.903,-0.012 1.28,-0.006 2.412,-0.442 3.185,-1.23 0.74,-0.752 1.123,-1.764 1.108,-2.924 -0.03,-2.367 -1.78,-4.027 -4.252,-4.036 -7.733,-0.026 -15.3,-0.014 -22.33,0.003 -0.332,0.002 -0.66,0.096 -0.975,0.188 -0.142,0.04 -0.283,0.082 -0.425,0.114 l -0.131,0.03 0.029,0.797 0.134,0.02 c 0.182,0.026 0.364,0.06 0.545,0.093 0.396,0.071 0.805,0.146 1.215,0.147 4.063,0.01 8.126,0.012 12.188,0.012 2.949,0.002 5.897,0.002 8.845,0.006 0.603,0 1.188,0.012 1.72,0.146 1.29,0.324 1.999,1.227 1.996,2.544 -0.003,1.346 -0.765,2.274 -2.144,2.611 -0.38,0.093 -0.803,0.086 -1.211,0.078 -0.118,-0.003 -0.235,-0.006 -0.352,-0.006 h -0.008 c -2.422,0.002 -4.843,0.002 -7.265,0.002 a 5358.39,5358.39 0 0 0 -11.341,0.007 c -2.136,0.003 -3.573,0.951 -4.157,2.74 -0.44,1.355 -0.263,2.726 0.486,3.763 0.77,1.068 2.076,1.684 3.578,1.693 3.756,0.017 7.575,0.015 11.268,0.012 2.662,-0.002 5.324,-0.003 7.987,0.003 1.95,0.005 3.058,0.797 3.12,2.235 0.092,2.083 0.074,4.175 0.056,6.39 -0.008,0.848 -0.016,1.715 -0.017,2.605 -0.515,-0.425 -1.014,-0.833 -1.5,-1.23 -1.244,-1.02 -2.421,-1.982 -3.54,-2.985 -1.292,-1.155 -2.722,-1.685 -4.51,-1.666 -6.424,0.073 -12.953,0.05 -19.09,0.02 -4.4,-0.02 -7.566,-3.057 -7.7,-7.386 -0.112,-3.686 -0.111,-7.384 0.003,-10.99 0.134,-4.23 3.244,-7.322 7.395,-7.354 a 2106.2,2106.2 0 0 1 32.68,0 c 4.228,0.035 7.326,3.198 7.366,7.524 0.036,3.985 0.035,7.476 -0.004,10.676 -0.04,3.307 -1.638,5.669 -4.75,7.015 -0.313,0.134 -0.617,0.295 -0.911,0.45 -0.136,0.074 -0.273,0.145 -0.411,0.214 l -0.122,0.063 0.282,0.907 0.142,-0.026 c 0.18,-0.036 0.365,-0.059 0.55,-0.083 0.41,-0.053 0.836,-0.108 1.217,-0.276 3.516,-1.55 5.36,-4.275 5.48,-8.099 0.118,-3.736 0.119,-7.441 0.003,-11.01 -0.167,-5.172 -3.934,-8.79 -9.162,-8.797\"\n       id=\"path2\"\n       inkscape:connector-curvature=\"0\"\n       style=\"fill:#00ffb2\" \/>\n    <path\n       d=\"m 56.222,20.014 a 9501.307,9501.307 0 0 0 -32.037,0 c -5.382,0.009 -9.156,3.82 -9.177,9.267 -0.012,3.037 -0.007,6.125 -0.003,9.11 v 0.76 c 0.01,5.733 3.728,9.444 9.474,9.454 1.93,0.005 3.86,0 5.79,-0.002 4.307,-0.009 8.759,-0.017 13.137,0.057 0.968,0.017 2.162,0.45 3.115,1.127 1.124,0.8 2.198,1.715 3.238,2.6 a 73.384,73.384 0 0 0 2.15,1.782 c 0.278,0.219 0.796,0.43 1.223,0.43 a 0.893,0.893 0 0 0 0.37,-0.07 c 0.436,-0.203 0.714,-0.987 0.722,-1.46 0.042,-2.458 0.08,-5.69 -0.002,-8.904 -0.053,-2.087 -1.612,-3.631 -3.792,-3.756 -0.354,-0.02 -0.711,-0.017 -1.057,-0.014 -0.135,0.002 -0.272,0.003 -0.408,0.003 l -5.32,0.002 c -4.301,0.004 -8.75,0.006 -13.124,-0.01 -1.035,-0.005 -1.853,-0.325 -2.365,-0.928 -0.488,-0.573 -0.667,-1.367 -0.52,-2.297 0.226,-1.419 1.256,-2.14 3.063,-2.145 2.784,-0.006 5.567,-0.006 8.35,-0.004 3.573,0.002 7.269,0.004 10.903,-0.012 1.28,-0.006 2.412,-0.442 3.185,-1.23 0.74,-0.752 1.123,-1.764 1.108,-2.924 -0.03,-2.367 -1.78,-4.027 -4.252,-4.036 -7.733,-0.026 -15.3,-0.014 -22.33,0.003 -0.332,0.002 -0.66,0.096 -0.975,0.188 -0.142,0.04 -0.283,0.082 -0.425,0.114 l -0.131,0.03 0.029,0.797 0.134,0.02 c 0.182,0.026 0.364,0.06 0.545,0.093 0.396,0.071 0.805,0.146 1.215,0.147 4.063,0.01 8.126,0.012 12.188,0.012 2.949,0.002 5.897,0.002 8.845,0.006 0.603,0 1.188,0.012 1.72,0.146 1.29,0.324 1.999,1.227 1.996,2.544 -0.003,1.346 -0.765,2.274 -2.144,2.611 -0.38,0.093 -0.803,0.086 -1.211,0.078 -0.118,-0.003 -0.235,-0.006 -0.352,-0.006 h -0.008 c -2.422,0.002 -4.843,0.002 -7.265,0.002 a 5358.39,5358.39 0 0 0 -11.341,0.007 c -2.136,0.003 -3.573,0.951 -4.157,2.74 -0.44,1.355 -0.263,2.726 0.486,3.763 0.77,1.068 2.076,1.684 3.578,1.693 3.756,0.017 7.575,0.015 11.268,0.012 2.662,-0.002 5.324,-0.003 7.987,0.003 1.95,0.005 3.058,0.797 3.12,2.235 0.092,2.083 0.074,4.175 0.056,6.39 -0.008,0.848 -0.016,1.715 -0.017,2.605 -0.515,-0.425 -1.014,-0.833 -1.5,-1.23 -1.244,-1.02 -2.421,-1.982 -3.54,-2.985 -1.292,-1.155 -2.722,-1.685 -4.51,-1.666 -6.424,0.073 -12.953,0.05 -19.09,0.02 -4.4,-0.02 -7.566,-3.057 -7.7,-7.386 -0.112,-3.686 -0.111,-7.384 0.003,-10.99 0.134,-4.23 3.244,-7.322 7.395,-7.354 a 2106.2,2106.2 0 0 1 32.68,0 c 4.228,0.035 7.326,3.198 7.366,7.524 0.036,3.985 0.035,7.476 -0.004,10.676 -0.04,3.307 -1.638,5.669 -4.75,7.015 -0.313,0.134 -0.617,0.295 -0.911,0.45 -0.136,0.074 -0.273,0.145 -0.411,0.214 l -0.122,0.063 0.282,0.907 0.142,-0.026 c 0.18,-0.036 0.365,-0.059 0.55,-0.083 0.41,-0.053 0.836,-0.108 1.217,-0.276 3.516,-1.55 5.36,-4.275 5.48,-8.099 0.118,-3.736 0.119,-7.441 0.003,-11.01 -0.167,-5.172 -3.934,-8.79 -9.162,-8.797 z\"\n       id=\"path4\"\n       inkscape:connector-curvature=\"0\"\n       style=\"stroke:#00ffb2\" \/>\n  <\/g>\n<\/svg>\n                                        <\/picture>\r\n                                    <\/div>\r\n                                                                                                    <div class=\"services-desc__list-desc\">Together with the website, the typography represents the company and can positively support the visual design. <\/div>\r\n                                                            <\/div>\r\n                                                    <div class=\"services-desc__list\">\r\n                                                                    <div class=\"services-desc__list-img\">\r\n                                        <picture>\r\n                                            <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg\n   xmlns:dc=\"http:\/\/purl.org\/dc\/elements\/1.1\/\"\n   xmlns:cc=\"http:\/\/creativecommons.org\/ns#\"\n   xmlns:rdf=\"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#\"\n   xmlns:svg=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns:sodipodi=\"http:\/\/sodipodi.sourceforge.net\/DTD\/sodipodi-0.dtd\"\n   xmlns:inkscape=\"http:\/\/www.inkscape.org\/namespaces\/inkscape\"\n   width=\"45.317574\"\n   height=\"43.296589\"\n   viewBox=\"0 0 45.317574 43.296589\"\n   version=\"1.1\"\n   id=\"svg8\"\n   sodipodi:docname=\"icon-note.svg\"\n   inkscape:version=\"0.92.3 (2405546, 2018-03-11)\">\n  <metadata\n     id=\"metadata14\">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about=\"\">\n        <dc:format>image\/svg+xml<\/dc:format>\n        <dc:type\n           rdf:resource=\"http:\/\/purl.org\/dc\/dcmitype\/StillImage\" \/>\n      <\/cc:Work>\n    <\/rdf:RDF>\n  <\/metadata>\n  <defs\n     id=\"defs12\" \/>\n  <sodipodi:namedview\n     pagecolor=\"#ffffff\"\n     bordercolor=\"#666666\"\n     borderopacity=\"1\"\n     objecttolerance=\"10\"\n     gridtolerance=\"10\"\n     guidetolerance=\"10\"\n     inkscape:pageopacity=\"0\"\n     inkscape:pageshadow=\"2\"\n     inkscape:window-width=\"1920\"\n     inkscape:window-height=\"1018\"\n     id=\"namedview10\"\n     showgrid=\"false\"\n     inkscape:zoom=\"3.4705882\"\n     inkscape:cx=\"-8.4317555\"\n     inkscape:cy=\"20.798\"\n     inkscape:window-x=\"-8\"\n     inkscape:window-y=\"-8\"\n     inkscape:window-maximized=\"1\"\n     inkscape:current-layer=\"svg8\" \/>\n  <g\n     id=\"g6\"\n     style=\"fill:none;fill-rule:evenodd\"\n     transform=\"translate(-14.499552,-11.501411)\">\n    <path\n       d=\"m 59.283,32.974 c 0.002,-2.633 0.004,-5.266 0.004,-7.899 0,-0.788 -0.002,-1.575 -0.004,-2.363 -0.003,-1.824 -0.007,-3.71 0.01,-5.566 0.004,-0.424 -0.034,-0.899 -0.34,-1.206 -0.23,-0.23 -0.572,-0.339 -1.078,-0.339 h -0.013 c -4.504,0.015 -8.008,0.017 -12.512,0.02 -4.234,10e-4 -8.468,0.004 -12.703,0.017 -0.316,0 -0.618,0.145 -0.91,0.284 -0.125,0.06 -0.251,0.121 -0.377,0.168 l -0.126,0.048 0.152,0.843 h 26.3 v 35.663 h -31.9 C 25.262,49 25.584,37.412 26.206,34.46 l 1.269,1.71 c 1.42,1.912 2.802,3.773 4.189,5.632 0.096,0.128 0.186,0.271 0.278,0.414 0.252,0.395 0.514,0.803 0.902,0.984 2.528,1.173 5.06,2.287 7.743,3.465 l 2.645,1.166 0.199,0.088 0.027,-0.216 c 0.032,-0.254 0.064,-0.449 0.09,-0.606 0.044,-0.266 0.072,-0.442 0.053,-0.619 L 43.554,46.04 c -0.33,-3.018 -0.67,-6.139 -1.052,-9.203 -0.051,-0.404 -0.266,-0.864 -0.64,-1.37 -5.09,-6.886 -9.287,-12.54 -13.211,-17.797 -1.075,-1.439 -1.994,-1.558 -3.512,-0.455 -0.586,0.426 -1.166,0.864 -1.745,1.302 a 91.912,91.912 0 0 1 -2.148,1.592 c -0.508,0.361 -0.902,0.673 -1.221,0.924 -0.575,0.455 -0.89,0.707 -1.136,0.672 -0.294,-0.04 -0.635,-0.508 -1.315,-1.44 -0.181,-0.249 -0.386,-0.53 -0.621,-0.847 -0.025,-0.033 -0.058,-0.067 -0.09,-0.1 -0.018,-0.02 -0.047,-0.05 -0.061,-0.069 a 6.09,6.09 0 0 0 0.023,-0.445 c 0.01,-0.348 0.02,-0.742 0.17,-0.862 a 84.348,84.348 0 0 1 5.699,-4.236 c 0.226,-0.152 0.902,0.024 1.393,0.286 0.202,0.108 0.358,0.332 0.523,0.568 0.116,0.168 0.236,0.341 0.383,0.485 0.17,0.17 0.585,0.175 0.769,0.054 0.204,-0.132 0.326,-0.469 0.308,-0.688 -0.068,-0.882 -0.673,-1.696 -1.577,-2.124 -0.893,-0.422 -1.853,-0.377 -2.566,0.121 -1.013,0.706 -2.013,1.462 -2.981,2.193 -0.351,0.266 -0.702,0.531 -1.055,0.794 -1.865,1.395 -2.766,2.105 -2.88,2.98 -0.112,0.874 0.582,1.793 2.035,3.624 1.128,1.42 2.015,1.53 3.518,0.437 0.338,-0.246 0.677,-0.49 1.017,-0.734 1.306,-0.94 2.655,-1.913 3.906,-2.965 0.557,-0.468 0.96,-0.657 1.303,-0.616 0.349,0.044 0.696,0.33 1.125,0.923 0.719,0.997 1.433,2 2.148,3.002 2.813,3.945 5.722,8.024 8.892,11.78 2.089,2.475 2.356,5.217 2.64,8.121 0.12,1.227 0.243,2.494 0.512,3.762 -0.44,-0.19 -0.85,-0.374 -1.242,-0.55 -0.982,-0.44 -1.83,-0.82 -2.723,-1.108 -3.291,-1.06 -5.633,-2.905 -7.162,-5.639 -0.794,-1.42 -1.855,-2.656 -3.06,-4.008 -1.275,-1.433 -1.683,-2.697 -1.364,-4.227 0.21,-1.016 0.133,-2.15 -0.206,-2.963 -0.398,-0.957 -1.191,-1.887 -2.02,-2.369 -0.342,-0.2 -1,0.012 -1.193,0.082 -0.425,0.153 -0.922,0.43 -1.04,0.75 -0.355,0.968 -0.365,2.214 -0.023,3.101 0.26,0.675 0.722,1.268 1.169,1.842 0.314,0.404 0.64,0.822 0.888,1.262 a 3.88,3.88 0 0 1 0.466,1.957 c -0.031,0.825 -0.121,1.665 -0.207,2.477 -0.104,0.981 -0.211,1.995 -0.22,2.998 a 712.063,712.063 0 0 0 -0.011,8.26 c 0.008,3.127 0.016,1.36 -0.024,4.54 -0.011,0.874 0.124,1.388 0.452,1.72 0.329,0.33 0.823,0.471 1.698,0.463 10.676,-0.064 20.4,-0.063 30.877,0.001 h 0.047 c 0.829,0 1.322,-0.138 1.645,-0.462 0.329,-0.328 0.468,-0.843 0.463,-1.72 -0.044,-8.048 -0.04,-11.229 -0.034,-19.142\"\n       id=\"path2\"\n       inkscape:connector-curvature=\"0\"\n       style=\"fill:#00ffb2\" \/>\n    <path\n       d=\"m 59.283,32.974 c 0.002,-2.633 0.004,-5.266 0.004,-7.899 0,-0.788 -0.002,-1.575 -0.004,-2.363 -0.003,-1.824 -0.007,-3.71 0.01,-5.566 0.004,-0.424 -0.034,-0.899 -0.34,-1.206 -0.23,-0.23 -0.572,-0.339 -1.078,-0.339 h -0.013 c -4.504,0.015 -8.008,0.017 -12.512,0.02 -4.234,10e-4 -8.468,0.004 -12.703,0.017 -0.316,0 -0.618,0.145 -0.91,0.284 -0.125,0.06 -0.251,0.121 -0.377,0.168 l -0.126,0.048 0.152,0.843 h 26.3 v 35.663 h -31.9 C 25.262,49 25.584,37.412 26.206,34.46 l 1.269,1.71 c 1.42,1.912 2.802,3.773 4.189,5.632 0.096,0.128 0.186,0.271 0.278,0.414 0.252,0.395 0.514,0.803 0.902,0.984 2.528,1.173 5.06,2.287 7.743,3.465 l 2.645,1.166 0.199,0.088 0.027,-0.216 c 0.032,-0.254 0.064,-0.449 0.09,-0.606 0.044,-0.266 0.072,-0.442 0.053,-0.619 L 43.554,46.04 c -0.33,-3.018 -0.67,-6.139 -1.052,-9.203 -0.051,-0.404 -0.266,-0.864 -0.64,-1.37 -5.09,-6.886 -9.287,-12.54 -13.211,-17.797 -1.075,-1.439 -1.994,-1.558 -3.512,-0.455 -0.586,0.426 -1.166,0.864 -1.745,1.302 a 91.912,91.912 0 0 1 -2.148,1.592 c -0.508,0.361 -0.902,0.673 -1.221,0.924 -0.575,0.455 -0.89,0.707 -1.136,0.672 -0.294,-0.04 -0.635,-0.508 -1.315,-1.44 -0.181,-0.249 -0.386,-0.53 -0.621,-0.847 -0.025,-0.033 -0.058,-0.067 -0.09,-0.1 -0.018,-0.02 -0.047,-0.05 -0.061,-0.069 a 6.09,6.09 0 0 0 0.023,-0.445 c 0.01,-0.348 0.02,-0.742 0.17,-0.862 a 84.348,84.348 0 0 1 5.699,-4.236 c 0.226,-0.152 0.902,0.024 1.393,0.286 0.202,0.108 0.358,0.332 0.523,0.568 0.116,0.168 0.236,0.341 0.383,0.485 0.17,0.17 0.585,0.175 0.769,0.054 0.204,-0.132 0.326,-0.469 0.308,-0.688 -0.068,-0.882 -0.673,-1.696 -1.577,-2.124 -0.893,-0.422 -1.853,-0.377 -2.566,0.121 -1.013,0.706 -2.013,1.462 -2.981,2.193 -0.351,0.266 -0.702,0.531 -1.055,0.794 -1.865,1.395 -2.766,2.105 -2.88,2.98 -0.112,0.874 0.582,1.793 2.035,3.624 1.128,1.42 2.015,1.53 3.518,0.437 0.338,-0.246 0.677,-0.49 1.017,-0.734 1.306,-0.94 2.655,-1.913 3.906,-2.965 0.557,-0.468 0.96,-0.657 1.303,-0.616 0.349,0.044 0.696,0.33 1.125,0.923 0.719,0.997 1.433,2 2.148,3.002 2.813,3.945 5.722,8.024 8.892,11.78 2.089,2.475 2.356,5.217 2.64,8.121 0.12,1.227 0.243,2.494 0.512,3.762 -0.44,-0.19 -0.85,-0.374 -1.242,-0.55 -0.982,-0.44 -1.83,-0.82 -2.723,-1.108 -3.291,-1.06 -5.633,-2.905 -7.162,-5.639 -0.794,-1.42 -1.855,-2.656 -3.06,-4.008 -1.275,-1.433 -1.683,-2.697 -1.364,-4.227 0.21,-1.016 0.133,-2.15 -0.206,-2.963 -0.398,-0.957 -1.191,-1.887 -2.02,-2.369 -0.342,-0.2 -1,0.012 -1.193,0.082 -0.425,0.153 -0.922,0.43 -1.04,0.75 -0.355,0.968 -0.365,2.214 -0.023,3.101 0.26,0.675 0.722,1.268 1.169,1.842 0.314,0.404 0.64,0.822 0.888,1.262 a 3.88,3.88 0 0 1 0.466,1.957 c -0.031,0.825 -0.121,1.665 -0.207,2.477 -0.104,0.981 -0.211,1.995 -0.22,2.998 a 712.063,712.063 0 0 0 -0.011,8.26 c 0.008,3.127 0.016,1.36 -0.024,4.54 -0.011,0.874 0.124,1.388 0.452,1.72 0.329,0.33 0.823,0.471 1.698,0.463 10.676,-0.064 20.4,-0.063 30.877,0.001 h 0.047 c 0.829,0 1.322,-0.138 1.645,-0.462 0.329,-0.328 0.468,-0.843 0.463,-1.72 -0.044,-8.048 -0.04,-11.229 -0.034,-19.142 z\"\n       id=\"path4\"\n       inkscape:connector-curvature=\"0\"\n       style=\"stroke:#00ffb2\" \/>\n  <\/g>\n<\/svg>\n                                        <\/picture>\r\n                                    <\/div>\r\n                                                                                                    <div class=\"services-desc__list-desc\">Typography increases the recognition value of a company&#8217;s brand.<\/div>\r\n                                                            <\/div>\r\n                                                            <\/div>\r\n                                    <a href=\"\/\"\r\n                       data-aos=\"fade-up\"\r\n                       target=\"_self\"\r\n                       class=\"btn btn-primary open__contact-bar\">LET&#039;S GO<\/a>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<!-- process -->\r\n<section class=\"process dark-section visible-md process-md\">\r\n    <div class=\"container\">\r\n                    <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <div class=\"section-head text-center\" data-aos=\"fade-up\">\r\n                        <h2 class=\"section-title\">FROM PLANNING TO GENERATING AND USING<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"row process__row\">\r\n                                        <div class=\"process__col\">\r\n                    <div class=\"process__block\" data-aos=\"fade-in\" data-aos-delay=\"0\">\r\n                                                    <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M142.82,161.22l23.44-18.59a5.73,5.73,0,0,1,8,.92l57.92,67.94,5.66,35.23-34.68-13.53-49.89-52.74v22.71l.07,94.74a5.73,5.73,0,0,0,5.71,5.71H278.7a5.73,5.73,0,0,0,5.71-5.71V135.81a5.73,5.73,0,0,0-5.71-5.71H191.37\"\/><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M163.21,129.45l-4.11-5a5.73,5.73,0,0,0-8-.92l-23.43,18.59a5.73,5.73,0,0,0-.93,8l8.08,10.19a5.73,5.73,0,0,0,8,.92l23.44-18.59\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M142.82,161.22l23.44-18.59a5.73,5.73,0,0,1,8,.92l57.92,67.94,5.66,35.23-34.68-13.53-49.89-52.74v22.71l.07,94.74a5.73,5.73,0,0,0,5.71,5.71H278.7a5.73,5.73,0,0,0,5.71-5.71V135.81a5.73,5.73,0,0,0-5.71-5.71H191.37\"\/><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M163.21,129.45l-4.11-5a5.73,5.73,0,0,0-8-.92l-23.43,18.59a5.73,5.73,0,0,0-.93,8l8.08,10.19a5.73,5.73,0,0,0,8,.92l23.44-18.59\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                <div class=\"process__block-desc\">\r\n                                                            <h3 class=\"block-title\">The font size<\/h3>\r\n                                                                                        <div class=\"process__block-content\">\r\n                                    <p>Font size is the basis of typography. Common font sizes include large, normal, medium and small.<\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"process__col\">\r\n                    <div class=\"process__block\" data-aos=\"fade-in\" data-aos-delay=\"700\">\r\n                                                    <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M157.34,173.78q52.32-.14,104.62,0c11.29,0,19,7.63,19.17,18.16.14,10.9-7.63,18.65-19.36,18.7-30.07.13-60.14,0-90.21.08-8.91,0-14,3.78-15.1,10.68-1.51,9.49,4.07,16,14.26,16,28.81.11,57.62,0,86.43,0,2.27,0,4.55-.08,6.82.05,9.69.55,16.81,7.22,17,16.86.36,13.89.25,27.8,0,41.69,0,2.17-1.31,5.41-2.94,6.16s-5-.24-6.68-1.59c-8.54-6.72-16.45-14.27-25.28-20.55-4.21-3-9.94-5.33-15-5.42-29.56-.5-59.13-.2-88.7-.26-26.63-.05-43.58-17-43.62-43.54,0-15.42-.06-30.83,0-46.25.1-25.12,17.33-42.62,42.25-42.66q75.06-.14,150.11,0c23.91,0,41.4,16.59,42.18,40.48q.82,25.76,0,51.55c-.55,17.45-9.08,30.16-25.22,37.27\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M157.34,173.78q52.32-.14,104.62,0c11.29,0,19,7.63,19.17,18.16.14,10.9-7.63,18.65-19.36,18.7-30.07.13-60.14,0-90.21.08-8.91,0-14,3.78-15.1,10.68-1.51,9.49,4.07,16,14.26,16,28.81.11,57.62,0,86.43,0,2.27,0,4.55-.08,6.82.05,9.69.55,16.81,7.22,17,16.86.36,13.89.25,27.8,0,41.69,0,2.17-1.31,5.41-2.94,6.16s-5-.24-6.68-1.59c-8.54-6.72-16.45-14.27-25.28-20.55-4.21-3-9.94-5.33-15-5.42-29.56-.5-59.13-.2-88.7-.26-26.63-.05-43.58-17-43.62-43.54,0-15.42-.06-30.83,0-46.25.1-25.12,17.33-42.62,42.25-42.66q75.06-.14,150.11,0c23.91,0,41.4,16.59,42.18,40.48q.82,25.76,0,51.55c-.55,17.45-9.08,30.16-25.22,37.27\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                <div class=\"process__block-desc\">\r\n                                                            <h3 class=\"block-title\">Line spacing and line width are important for the audience<\/h3>\r\n                                                                                        <div class=\"process__block-content\">\r\n                                    <p>Line width is an underestimated characteristic: readers prefer a width that does not exceed 70 characters. This is the standard width of a DinA4 Word document. Good line spacing optimizes readability. 140 to 150 percent line-height is very popular on the web.<\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"process__col\">\r\n                    <div class=\"process__block\" data-aos=\"fade-in\" data-aos-delay=\"1400\">\r\n                                                    <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 290.88 121.06 290.88 323.21 141.6 323.21 141.6 121.06 188.46 121.06\"\/><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 227.09 161.12 269.67 161.12 269.67 193.37 161.45 193.37 161.45 163.51 208.88 163.51 208.88 222.14 269.67 222.14 269.67 248.23 161.45 248.23 161.45 223.52 191.79 223.52 191.79 265.89 269.67 265.89 269.67 291.2 161.45 291.2 161.45 265.89\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 290.88 121.06 290.88 323.21 141.6 323.21 141.6 121.06 188.46 121.06\"\/><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 227.09 161.12 269.67 161.12 269.67 193.37 161.45 193.37 161.45 163.51 208.88 163.51 208.88 222.14 269.67 222.14 269.67 248.23 161.45 248.23 161.45 223.52 191.79 223.52 191.79 265.89 269.67 265.89 269.67 291.2 161.45 291.2 161.45 265.89\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                <div class=\"process__block-desc\">\r\n                                                            <h3 class=\"block-title\">A maximum of two fonts with matching capitals.<\/h3>\r\n                                                                                        <div class=\"process__block-content\">\r\n                                    <p>As a rule, one font per website is sufficient. There should not be more than two fonts per page. This is because different fonts look confusing and increase the bounce rate. Capital letters fit perfectly into the navigation. In headlines, however, they make it more difficult to read.<\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"process__col\">\r\n                    <div class=\"process__block\" data-aos=\"fade-in\" data-aos-delay=\"2100\">\r\n                                                    <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M144,282.62c-6.38,5.67-14.79,15-18,27.12l22.36-5.26s-13.35,18.59-8.68,30.79c12.94-1.75,22.86-22.38,22.86-22.38l6.1,22.16c15-14.32,16.65-37.5,16.72-38.7,0,.19,8.12,3,8.84,3.24,9.48,3.49,15.06,12.82,19.45,21.43,0,0,9.73-11.37,11.66-13.86a61.63,61.63,0,0,0,8.6-14.87c10.12-25.4,1.71-55.36-21.21-70.45-19.94-13.12-49.35-9-68,5.62-12.85,10.07-22.25,19-27.55,34.4-.2.56-.38,1.12-.56,1.69,17.13-7.74,55.4-2.94,55.4-2.94s34.19-116.82,121.83-138.34c0,0-.06,109.25-90.5,160.05\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M144,282.62c-6.38,5.67-14.79,15-18,27.12l22.36-5.26s-13.35,18.59-8.68,30.79c12.94-1.75,22.86-22.38,22.86-22.38l6.1,22.16c15-14.32,16.65-37.5,16.72-38.7,0,.19,8.12,3,8.84,3.24,9.48,3.49,15.06,12.82,19.45,21.43,0,0,9.73-11.37,11.66-13.86a61.63,61.63,0,0,0,8.6-14.87c10.12-25.4,1.71-55.36-21.21-70.45-19.94-13.12-49.35-9-68,5.62-12.85,10.07-22.25,19-27.55,34.4-.2.56-.38,1.12-.56,1.69,17.13-7.74,55.4-2.94,55.4-2.94s34.19-116.82,121.83-138.34c0,0-.06,109.25-90.5,160.05\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                <div class=\"process__block-desc\">\r\n                                                            <h3 class=\"block-title\">Standard fonts are always a good choice<\/h3>\r\n                                                                                        <div class=\"process__block-content\">\r\n                                    <p>Arial, Georgia, and Verdana have always been classics. They have proven themselves effectively and repeatedly in practice. That is why they enjoy timeless popularity in typography.<\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n            <\/div>\r\n<\/section>\r\n\r\n<!-- process -->\r\n<section class=\"process dark-section hidden-md\">\r\n    <div class=\"container\">\r\n                <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <div class=\"section-head text-center\">\r\n                    <h2 class=\"section-title\">FROM PLANNING TO GENERATING AND USING<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <div class=\"process-slider\">\r\n                                                            <div class=\"slick-slide\">\r\n                        <div class=\"process__block\">\r\n                                                        <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M142.82,161.22l23.44-18.59a5.73,5.73,0,0,1,8,.92l57.92,67.94,5.66,35.23-34.68-13.53-49.89-52.74v22.71l.07,94.74a5.73,5.73,0,0,0,5.71,5.71H278.7a5.73,5.73,0,0,0,5.71-5.71V135.81a5.73,5.73,0,0,0-5.71-5.71H191.37\"\/><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M163.21,129.45l-4.11-5a5.73,5.73,0,0,0-8-.92l-23.43,18.59a5.73,5.73,0,0,0-.93,8l8.08,10.19a5.73,5.73,0,0,0,8,.92l23.44-18.59\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M142.82,161.22l23.44-18.59a5.73,5.73,0,0,1,8,.92l57.92,67.94,5.66,35.23-34.68-13.53-49.89-52.74v22.71l.07,94.74a5.73,5.73,0,0,0,5.71,5.71H278.7a5.73,5.73,0,0,0,5.71-5.71V135.81a5.73,5.73,0,0,0-5.71-5.71H191.37\"\/><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M163.21,129.45l-4.11-5a5.73,5.73,0,0,0-8-.92l-23.43,18.59a5.73,5.73,0,0,0-.93,8l8.08,10.19a5.73,5.73,0,0,0,8,.92l23.44-18.59\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                        <div class=\"process__block-desc\">\r\n                                                                <h3 class=\"block-title\">The font size<\/h3>\r\n                                                                                                <div class=\"process__block-content\">\r\n                                    <p>Font size is the basis of typography. Common font sizes include large, normal, medium and small.<\/p>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"process__block\">\r\n                                                        <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M157.34,173.78q52.32-.14,104.62,0c11.29,0,19,7.63,19.17,18.16.14,10.9-7.63,18.65-19.36,18.7-30.07.13-60.14,0-90.21.08-8.91,0-14,3.78-15.1,10.68-1.51,9.49,4.07,16,14.26,16,28.81.11,57.62,0,86.43,0,2.27,0,4.55-.08,6.82.05,9.69.55,16.81,7.22,17,16.86.36,13.89.25,27.8,0,41.69,0,2.17-1.31,5.41-2.94,6.16s-5-.24-6.68-1.59c-8.54-6.72-16.45-14.27-25.28-20.55-4.21-3-9.94-5.33-15-5.42-29.56-.5-59.13-.2-88.7-.26-26.63-.05-43.58-17-43.62-43.54,0-15.42-.06-30.83,0-46.25.1-25.12,17.33-42.62,42.25-42.66q75.06-.14,150.11,0c23.91,0,41.4,16.59,42.18,40.48q.82,25.76,0,51.55c-.55,17.45-9.08,30.16-25.22,37.27\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M157.34,173.78q52.32-.14,104.62,0c11.29,0,19,7.63,19.17,18.16.14,10.9-7.63,18.65-19.36,18.7-30.07.13-60.14,0-90.21.08-8.91,0-14,3.78-15.1,10.68-1.51,9.49,4.07,16,14.26,16,28.81.11,57.62,0,86.43,0,2.27,0,4.55-.08,6.82.05,9.69.55,16.81,7.22,17,16.86.36,13.89.25,27.8,0,41.69,0,2.17-1.31,5.41-2.94,6.16s-5-.24-6.68-1.59c-8.54-6.72-16.45-14.27-25.28-20.55-4.21-3-9.94-5.33-15-5.42-29.56-.5-59.13-.2-88.7-.26-26.63-.05-43.58-17-43.62-43.54,0-15.42-.06-30.83,0-46.25.1-25.12,17.33-42.62,42.25-42.66q75.06-.14,150.11,0c23.91,0,41.4,16.59,42.18,40.48q.82,25.76,0,51.55c-.55,17.45-9.08,30.16-25.22,37.27\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                        <div class=\"process__block-desc\">\r\n                                                                <h3 class=\"block-title\">Line spacing and line width are important for the audience<\/h3>\r\n                                                                                                <div class=\"process__block-content\">\r\n                                    <p>Line width is an underestimated characteristic: readers prefer a width that does not exceed 70 characters. This is the standard width of a DinA4 Word document. Good line spacing optimizes readability. 140 to 150 percent line-height is very popular on the web.<\/p>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"process__block\">\r\n                                                        <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 290.88 121.06 290.88 323.21 141.6 323.21 141.6 121.06 188.46 121.06\"\/><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 227.09 161.12 269.67 161.12 269.67 193.37 161.45 193.37 161.45 163.51 208.88 163.51 208.88 222.14 269.67 222.14 269.67 248.23 161.45 248.23 161.45 223.52 191.79 223.52 191.79 265.89 269.67 265.89 269.67 291.2 161.45 291.2 161.45 265.89\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 290.88 121.06 290.88 323.21 141.6 323.21 141.6 121.06 188.46 121.06\"\/><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 227.09 161.12 269.67 161.12 269.67 193.37 161.45 193.37 161.45 163.51 208.88 163.51 208.88 222.14 269.67 222.14 269.67 248.23 161.45 248.23 161.45 223.52 191.79 223.52 191.79 265.89 269.67 265.89 269.67 291.2 161.45 291.2 161.45 265.89\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                        <div class=\"process__block-desc\">\r\n                                                                <h3 class=\"block-title\">A maximum of two fonts with matching capitals.<\/h3>\r\n                                                                                                <div class=\"process__block-content\">\r\n                                    <p>As a rule, one font per website is sufficient. There should not be more than two fonts per page. This is because different fonts look confusing and increase the bounce rate. Capital letters fit perfectly into the navigation. In headlines, however, they make it more difficult to read.<\/p>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"process__block\">\r\n                                                        <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M144,282.62c-6.38,5.67-14.79,15-18,27.12l22.36-5.26s-13.35,18.59-8.68,30.79c12.94-1.75,22.86-22.38,22.86-22.38l6.1,22.16c15-14.32,16.65-37.5,16.72-38.7,0,.19,8.12,3,8.84,3.24,9.48,3.49,15.06,12.82,19.45,21.43,0,0,9.73-11.37,11.66-13.86a61.63,61.63,0,0,0,8.6-14.87c10.12-25.4,1.71-55.36-21.21-70.45-19.94-13.12-49.35-9-68,5.62-12.85,10.07-22.25,19-27.55,34.4-.2.56-.38,1.12-.56,1.69,17.13-7.74,55.4-2.94,55.4-2.94s34.19-116.82,121.83-138.34c0,0-.06,109.25-90.5,160.05\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M144,282.62c-6.38,5.67-14.79,15-18,27.12l22.36-5.26s-13.35,18.59-8.68,30.79c12.94-1.75,22.86-22.38,22.86-22.38l6.1,22.16c15-14.32,16.65-37.5,16.72-38.7,0,.19,8.12,3,8.84,3.24,9.48,3.49,15.06,12.82,19.45,21.43,0,0,9.73-11.37,11.66-13.86a61.63,61.63,0,0,0,8.6-14.87c10.12-25.4,1.71-55.36-21.21-70.45-19.94-13.12-49.35-9-68,5.62-12.85,10.07-22.25,19-27.55,34.4-.2.56-.38,1.12-.56,1.69,17.13-7.74,55.4-2.94,55.4-2.94s34.19-116.82,121.83-138.34c0,0-.06,109.25-90.5,160.05\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                        <div class=\"process__block-desc\">\r\n                                                                <h3 class=\"block-title\">Standard fonts are always a good choice<\/h3>\r\n                                                                                                <div class=\"process__block-content\">\r\n                                    <p>Arial, Georgia, and Verdana have always been classics. They have proven themselves effectively and repeatedly in practice. That is why they enjoy timeless popularity in typography.<\/p>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n<\/section>\n\n<!-- serv-dignity -->\r\n<section class=\"serv-dignity\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                <div class=\"section-head\" data-aos=\"fade-up\">\r\n                                            <h2 class=\"block-title color-green\">A brand needs typography to exist<\/h2>\r\n                                        <div class=\"content\">\r\n                                            <p><p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;A company's brand is composed of an image that is anchored in the customers' perception. In addition, the brand represents the product or service of a company. In the internet age, the presentation of the company runs via the internet. Therefore, typography functions as an important instrument for brand recognition.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0}\">A company&#8217;s brand is composed of an image that is anchored in the customers&#8217; perception. In addition, the brand represents the product or service of a company. In the internet age, the presentation of the company runs via the internet. Therefore, typography functions as an important instrument for <a href=\"https:\/\/oneline.ch\/en\/services\/webdesign\/corporate-identity\/\">brand recognition<\/a>.<\/span><\/p>\n<\/p>\r\n                                        <\/div>\r\n                <\/div>\r\n                                    <a href=\"\/\"\r\n                       data-aos=\"fade-up\"\r\n                       target=\"_self\"\r\n                       class=\"btn btn-primary open__contact-bar\">LET&#039;S GO<\/a>\r\n                            <\/div>\r\n            <div class=\"col-right\">\r\n                                    <div class=\"serv-dignity__list-wrapper\">\r\n                                                    <div class=\"serv-dignity__list\" data-aos=\"fade-up\">\r\n                                                                    <div class=\"serv-dignity__list-img\">\r\n                                        <picture>\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"43\" height=\"49\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/leaf.svg\" class=\"attachment-full size-full\" alt=\"leaf\" \/>                                        <\/picture>\r\n                                    <\/div>\r\n                                                                <div class=\"serv-dignity__desc\">\r\n                                                                            <h3 class=\"md-title\">Typography gives the brand a personal touch<\/h3>\r\n                                                                                                                <p>Users also associate a company&#8217;s brand with the typography they choose. With unique yet consistent typography, companies can build trust with their users and increase brand awareness.<\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"serv-dignity__list\" data-aos=\"fade-up\">\r\n                                                                    <div class=\"serv-dignity__list-img\">\r\n                                        <picture>\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"49\" height=\"49\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/map.svg\" class=\"attachment-full size-full\" alt=\"map\" \/>                                        <\/picture>\r\n                                    <\/div>\r\n                                                                <div class=\"serv-dignity__desc\">\r\n                                                                            <h3 class=\"md-title\">Typography influences the decision-making behavior of users<\/h3>\r\n                                                                                                                <p>The typographic design of texts influences the behavior of users. They perceive information and messages better if the font is convincing and eye-catching. Weak fonts also symbolize weak messages. Consequently, the decision is rarely in favor of the company.<\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<!-- serv-faq -->\r\n<section class=\"serv-faq\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <div class=\"serv-faq__img\">\r\n                    <div id=\"serv-faq__img\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n                            <div class=\"col-left col-left__lg-pad\">\r\n                    <div class=\"section-head\" data-aos=\"fade-up\">\r\n                        <h2 class=\"section-title\">Frequently asked questions about <br><span>Typography<\/span><\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n                        <div class=\"col-right\">\r\n                <div class=\"accordion-container\" data-aos=\"fade-up\">\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">What are the rules for successful typography?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p>The text invites users to read it. The content and the fonts complement each other. The user absorbs the information effortlessly.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">What are the consequences of poorly chosen typography?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p>Search engines will rank a website lower if its typography does not meet the needs of the readers. The user&#8217;s eye usually does not wander that far. Furthermore, the bounce rate increases.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">What consideration helps in designing the appropriate typography?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p>Companies should think in advance about what messages they want to convey to their website visitors. After all, a real estate company needs a different font than a company that offers sustainable products.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">What role do licenses play in typography?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p><a href=\"https:\/\/oneline.ch\/en\/\"><strong>ONE<\/strong>LINE<\/a> advises making sure you use fonts for which you have licences. Otherwise, unpleasant penalties may be imposed.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">What role does classic contrast play?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p>High contrast is indispensable. But the classic contrast such as a black font on a white background has had its day. Instead, the combination of dark grey font and a tinted background is enjoying increasing popularity. This composition improves readability.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n<!-- serv-projects -->\r\n<section class=\"serv-projects\" data-aos=\"fade-up\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-left\">\r\n                <div class=\"section-head\">\r\n                                            <h2 class=\"sm-title\">NEED SOME INSPIRATION?<\/h2>\r\n                                                                <div class=\"lg-title\">Web design projects<\/div>\r\n                                    <\/div>\r\n                <div class=\"serv-projects__nav\">\r\n                                                                        <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__title\"><a href=\"https:\/\/oneline.ch\/en\/cases\/rocken\/\">Rocken<\/a><\/div>\r\n                            <\/div>\r\n                                                                                                <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__title\"><a href=\"https:\/\/oneline.ch\/en\/cases\/chiida-spa\/\">Chiida Spa<\/a><\/div>\r\n                            <\/div>\r\n                                                                                                <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__title\"><a href=\"https:\/\/oneline.ch\/en\/cases\/kiana-krippen\/\">Kiana Krippen<\/a><\/div>\r\n                            <\/div>\r\n                                                            <\/div>\r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                <div class=\"serv-projects__slider\">\r\n                                                                        <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__img\">\r\n                                    <picture>\r\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"458\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken.png\" class=\"attachment-874x459 size-874x459\" alt=\"ROCKEN\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken.png 872w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-300x158.png 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-768x403.png 768w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-185x97.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-135x71.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-600x315.png 600w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/>                                    <\/picture>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                                                                <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__img\">\r\n                                    <picture>\r\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"458\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa.png\" class=\"attachment-874x459 size-874x459\" alt=\"Chiida Spa\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa.png 872w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa-300x158.png 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa-768x403.png 768w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa-185x97.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa-135x71.png 135w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/>                                    <\/picture>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                                                                <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__img\">\r\n                                    <picture>\r\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"458\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen.png\" class=\"attachment-874x459 size-874x459\" alt=\"Kiana Krippen\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen.png 872w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-300x158.png 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-768x403.png 768w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-185x97.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-135x71.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-600x315.png 600w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/>                                    <\/picture>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n<!-- fast-fact -->\r\n<section class=\"fast-fact dark-section\">\r\n    <div class=\"container\">\r\n                    <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <div class=\"section-head\" data-aos=\"fade-up\">\r\n                        <h2 class=\"sm-title\">Fats<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                <div class=\"row fast-fact__row\">\r\n            <div class=\"col-12\">\r\n\r\n                <div class=\"fast-fact__slider\">\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"fast-fact__block\">\r\n                                                        <div class=\"fast-fact__block-img\">\r\n                                <picture><img loading=\"lazy\" decoding=\"async\" width=\"47\" height=\"49\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/leads.svg\" class=\"attachment-full size-full\" alt=\"leads\" \/><\/picture>\r\n                            <\/div>\r\n                                                                                                                                            <div class=\"fast-fact__block-num\">+<span class=\"counter\">1,400,000<\/span><\/div>\r\n                                                                                                                <div class=\"fast-fact__block-footer\">leads generated<\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"fast-fact__block\">\r\n                                                        <div class=\"fast-fact__block-img\">\r\n                                <picture><img loading=\"lazy\" decoding=\"async\" width=\"63\" height=\"39\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/web.svg\" class=\"attachment-full size-full\" alt=\"web\" \/><\/picture>\r\n                            <\/div>\r\n                                                                                                                                            <div class=\"fast-fact__block-num\"><span class=\"counter\">275<\/span><\/div>\r\n                                                                                                                <div class=\"fast-fact__block-footer\">optimised websites<\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"fast-fact__block\">\r\n                                                        <div class=\"fast-fact__block-img\">\r\n                                <picture><img loading=\"lazy\" decoding=\"async\" width=\"47\" height=\"37\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/check.svg\" class=\"attachment-full size-full\" alt=\"check\" \/><\/picture>\r\n                            <\/div>\r\n                                                                                                                                            <div class=\"fast-fact__block-num\"><span class=\"counter\">98<\/span>%<\/div>\r\n                                                                                                                <div class=\"fast-fact__block-footer\">satisfied customers<\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"fast-fact__block\">\r\n                                                        <div class=\"fast-fact__block-img\">\r\n                                <picture><img loading=\"lazy\" decoding=\"async\" width=\"47\" height=\"41\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/nl.svg\" class=\"attachment-full size-full\" alt=\"nl\" \/><\/picture>\r\n                            <\/div>\r\n                                                                                                                                            <div class=\"fast-fact__block-num\"><span class=\"counter\">808<\/span><\/div>\r\n                                                                                                                <div class=\"fast-fact__block-footer\">newsletter sent<\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n<!-- serv-quote -->\n<section class=\"serv-quote  \">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-left col-left__lg-pad\">\n                <div class=\"section-head\" data-aos=\"fade-up\">\n                                            <h2 class=\"section-title\">Get your free and non-binding offer from us now.<\/h2>\n                                                                                            <a href=\"https:\/\/oneline.ch\/en\/contact-with-coffee\/\" class=\"btn btn-primary btn-sm\">Contact us <i class=\"icon-arrow-right\"><\/i><\/a>\n                                            \n                                    <\/div>\n            <\/div>\n            <div class=\"col-right\">\n                <div class=\"serv-quote__block\" data-aos=\"fade-up\">\n                                            <h3 class=\"block-title\">You will receive an offer for:<\/h3>\n                                        <ul>\n                                                    <li>\n                                                                    <h4 class=\"md-title\">Project scope<\/h4>\n                                                                                                    <p>First, we sketch a complete overall picture of your project, in which all details are depicted. Desired services and products are also listed here.<\/p>\n                                                            <\/li>\n                                                    <li>\n                                                                    <h4 class=\"md-title\">Milestones<\/h4>\n                                                                                                    <p>To track your project efficiently, we create appropriate milestones. The number varies depending on the scope of the project.\r\n\r\n<\/p>\n                                                            <\/li>\n                                                    <li>\n                                                                    <h4 class=\"md-title\">Results<\/h4>\n                                                                                                    <p>Only those who know their goal will find the way. Lao Tzu already knew that. Accordingly, we formulate your desired results and goals at this point, which will guide us throughout the entire project.\r\n<\/p>\n                                                            <\/li>\n                                                    <li>\n                                                                    <h4 class=\"md-title\">Transparent cost structure<\/h4>\n                                                                                                    <p>Open communication is very important to us. This also includes that we transparently inform you of all costs incurred.\r\n<\/p>\n                                                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n            <\/div>\n<\/section>\n\n\n<section class=\"serv-client\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                                                    <div class=\"section-head text-center\" data-aos=\"fade-up\">\r\n                        <h2 class=\"block-title text-uppercase\">OUR CUSTOMERS. ALL THAT&#8217;S MISSING IS YOUR LOGO.<\/h2>\r\n                    <\/div>\r\n                                <div class=\"serv-client__logo-block left-direction\">\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Cecil Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Weisbrod Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Twerenbold Reisen Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Kiana Group Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Die Post Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Schulthess Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Nivea Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Montana Sport Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"gutschlafen Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Cool AG Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"SWICA Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                    \r\n                <\/div>\r\n                                    <div class=\"serv-client__logo-block right-direction\">\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Beldona Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Agrisano Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"FUJIFILM Logo sw\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Weisbrod Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"H\u00fcsser &amp; Palkoska AG\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"CH Media Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Porsche Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-135x135.png\" class=\"no-lazy\" alt=\"SIGG Logo sw\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Keller Fahnen Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Pinklady Logo sw\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Intersport Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                        \r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n<!-- Share Section -->\r\n<section class=\"home-share\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"home-share__left\">\r\n                <div class=\"section-head\" data-aos=\"fade-up\">\r\n                                            <h2 class=\"section-title\">READY TO MEET US?<\/h2>\r\n                                                                <div class=\"home-share__sub-title\">As well as open communication and excellent cooperation, we\u2019re also passionate about the right drinks for successful meetings. What can we get for you?<\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"home-share__right\">\r\n                <div class=\"home-share__wrap\" data-aos=\"fade-up\">\r\n                    <div class=\"home-share__wrap-inner\">\r\n                        <a href=\"https:\/\/oneline.ch\/en\/contact-with-coffee\/\" class=\"home-share__block\">\r\n                            <picture>\r\n                                <svg class=\"home-share__block-img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.54 129.37\"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-1{stroke:#000;}.cls-2{stroke:#ff00f5;}<\/style><\/defs><path class=\"cls-1\" d=\"M54,61.35C47.9,60,40.37,58.14,37,52.28,27.2,35.15,78.84,40.2,84.81,41.37c4.75.93,12,3.39,11.11,9.69-1.41,9.4-12.58,10.78-20.24,11.57A68.1,68.1,0,0,1,54,61.35Z\"\/><path class=\"cls-1\" d=\"M83.8,92.58a14.68,14.68,0,0,1,4.8,2.08c2.23,1.57,4,4.27,3.6,7.1-1.41,9.4-12.57,10.78-20.23,11.57a67.8,67.8,0,0,1-21.67-1.28c-6.11-1.36-13.64-3.21-17-9.07-2-3.46-1.58-7.23,1.7-9.72a12.31,12.31,0,0,1,5-1.91\"\/><path class=\"cls-1\" d=\"M35.72,47c-2.91,12.56-2.57,27.66,2.85,39.58C44.44,99.48,55,104.8,68.74,102.9c8.07-1.11,13.93-8.11,18.32-15C93.4,78,98,61.61,96,50\"\/><path class=\"cls-1\" d=\"M96.41,66.36c4.71-1.27,10.26-4.14,14.73-.6,9,7.14-16.73,20.41-22.54,20.71\"\/><path class=\"cls-2\" d=\"M58.86,51c-2.3-1-3.41-3.72-3.36-6.22s1-4.88,1.78-7.26A45.19,45.19,0,0,0,59,30.19a16.52,16.52,0,0,0-.33-7.6,7.46,7.46,0,0,0-5.26-5.1\"\/><path class=\"cls-2\" d=\"M67.47,16c3.2,1.23,4.75,5,4.7,8.44s-1.28,6.72-2,10.08a33.54,33.54,0,0,0,.39,15.59\"\/><\/svg>\r\n                            <\/picture>\r\n                                                            <div class=\"home-share__block-title\">A cup of coffee.<\/div>\r\n                                                    <\/a>\r\n                    <\/div>\r\n                    <div class=\"home-share__wrap-inner\">\r\n                        <a href=\"https:\/\/oneline.ch\/en\/contact-with-tea\/\" class=\"home-share__block\">\r\n                            <picture>\r\n                                <svg class=\"home-share__block-img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.54 129.37\"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-1{stroke:#000;}.cls-2{stroke:#ff00f5;}<\/style><\/defs><path class=\"cls-1\" d=\"M65.83,46.8a5.5,5.5,0,0,1-3.3-5.39c.06-2.17,1-4.23,1.75-6.3a34.66,34.66,0,0,0,1.64-6.37,12.84,12.84,0,0,0-.32-6.6,7,7,0,0,0-5.17-4.42\"\/><path class=\"cls-1\" d=\"M72,16.33c3.14,1.15,4.66,4.7,4.62,7.92s-1.28,6.31-2,9.46c-1,4.64-.24,9.28,3.35,12.76\"\/><path class=\"cls-1\" d=\"M39,47.82c-.7-1.63-.65-3.69,1.17-4.56,3.61-1.74,9.24-1.73,13.23-2.15q7.23-.77,14.5-.94a178,178,0,0,1,28.28,1.56,6.55,6.55,0,0,1,2,.5c2,1,2,3.86.49,5.49s-3.86,2.33-6.1,2.88a124.51,124.51,0,0,1-26.69,4,73.56,73.56,0,0,1-13.68-.87C48.05,53.1,43,52.29,40,49.37A5.06,5.06,0,0,1,39,47.82Z\"\/><path class=\"cls-1\" d=\"M39,47.82c1.8,19.21,7.76,38.09,16.21,55.44,1.65,3.38,3.5,7,6.82,8.73,2.57,1.35,5.6,1.38,8.5,1.37h12a7.1,7.1,0,0,0,4-.83,6.74,6.74,0,0,0,2-2.88c9.25-20.06,13.46-43.43,11-65.38\"\/><path class=\"cls-2\" d=\"M59.9,51.33a18.75,18.75,0,0,0-2.23,12A29.25,29.25,0,0,0,62,74.84\"\/><path class=\"cls-2\" d=\"M64,69.49a1.59,1.59,0,0,1,.72.08,1.61,1.61,0,0,1,.52.55L68.1,74.4a2.29,2.29,0,0,1,.48,1.15,3,3,0,0,1-.35,1.18,8.53,8.53,0,0,0-.35,3.52l.41,10a37.62,37.62,0,0,0-11.64-.74A30,30,0,0,0,55.49,77.2c1.59-1.82,1.43-5.15,2.73-6.61S62.1,69.58,64,69.49Z\"\/><path class=\"cls-1\" d=\"M100.81,59.52c1.41-2.47,4.44-3.48,7.24-3.9,3.2-.48,6.9-.29,9,2.12a8.47,8.47,0,0,1,1.71,6.36c-.38,4.64-2.94,8.89-6.24,12.17s-7.33,5.73-11.34,8.1a16.84,16.84,0,0,1-4.54,2.09\"\/><\/svg>\r\n                            <\/picture>\r\n                                                            <div class=\"home-share__block-title\">Or maybe tea?<\/div>\r\n                                                    <\/a>\r\n                    <\/div>\r\n                    <div class=\"home-share__wrap-inner\">\r\n                        <a href=\"https:\/\/oneline.ch\/en\/contact-with-shake\/\" class=\"home-share__block\">\r\n                            <picture>\r\n                                <svg class=\"home-share__block-img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.54 129.37\"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-1{stroke:#000;}.cls-2{stroke:#ff00f5;}<\/style><\/defs><path class=\"cls-1\" d=\"M42.86,54.49c1.7,5,22.37,49.31,26,59.46a1.37,1.37,0,0,0,.67.92,1.5,1.5,0,0,0,.86-.05l27.94-7.51c-1-11.5-8.24-52.13-11.4-65.51\"\/><path class=\"cls-1\" d=\"M88.49,41.33S87.6,38,87,36.45A7.65,7.65,0,0,0,85,33c-1.72-1.39-4.23-1-6.39-.56-12,2.63-23.72,6.64-35.38,10.64a8.93,8.93,0,0,0-2.71,1.3c-3.83,2.83,0,10.81,0,10.81L48,52.68q12.9-4.29,26-7.87C75.35,44.45,88.49,41.33,88.49,41.33Z\"\/><path class=\"cls-1\" d=\"M63.78,26.11a15.81,15.81,0,0,1,10.78,7.13\"\/><path class=\"cls-1\" d=\"M46.29,41.78a18,18,0,0,1,2-9A11.61,11.61,0,0,1,50.77,29a7.57,7.57,0,0,1,.7-.57\"\/><path class=\"cls-1\" d=\"M53.08,33.88,50.9,26.49c-.93-3.16.07-7,3.73-8.07,7.28-2.09,9.4,7.81,10.22,12.13\"\/><path class=\"cls-1\" d=\"M52.87,57.1l22.81,50.95\"\/><path class=\"cls-1\" d=\"M55.68,62.11c2-.74,3.26-1.16,5.29-1.74\"\/><path class=\"cls-1\" d=\"M58.4,69l5.34-1.83\"\/><path class=\"cls-1\" d=\"M61.5,76.34a13.88,13.88,0,0,1,5.13-1.7\"\/><path class=\"cls-1\" d=\"M65.83,82.83c2-.6,1.79-.55,3.81-1.16\"\/><path class=\"cls-1\" d=\"M67.47,89.38l5.19-1.5\"\/><path class=\"cls-1\" d=\"M70,95.42l5.64-1.63\"\/><path class=\"cls-1\" d=\"M73.63,103.09l5.48-1.58\"\/><path class=\"cls-1\" d=\"M55.86,25.52l1.9-.57\"\/><path class=\"cls-2\" d=\"M32.09,40.75a18.35,18.35,0,0,0,3.73,20.9\"\/><path class=\"cls-2\" d=\"M22.87,46a21.67,21.67,0,0,0,1.72,10.72\"\/><path class=\"cls-2\" d=\"M92.39,25.89a25.24,25.24,0,0,1,7,15.71\"\/><path class=\"cls-2\" d=\"M100,26.09a26.34,26.34,0,0,1,2.87,7\"\/><\/svg>\r\n                            <\/picture>\r\n                                                            <div class=\"home-share__block-title\">Let&#8217;s power up!<\/div>\r\n                                                    <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>","protected":false},"featured_media":0,"parent":1887,"menu_order":0,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"custom_permalink":"services\/webdesign\/typography\/"},"type_page":[40],"class_list":["post-1932","services","type-services","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.1 (Yoast SEO v22.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Typography - ONELINE<\/title>\n<meta name=\"description\" content=\"How do you create texts that are easy to read and rank high in Google? We tell you how and how your company benefit from it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typography\" \/>\n<meta property=\"og:description\" content=\"How do you create texts that are easy to read and rank high in Google? We tell you how and how your company benefit from it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/\" \/>\n<meta property=\"og:site_name\" content=\"ONELINE EN\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-17T08:40:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/\",\"url\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/\",\"name\":\"Typography - ONELINE\",\"isPartOf\":{\"@id\":\"https:\/\/oneline.ch\/en\/#website\"},\"datePublished\":\"2023-01-23T09:50:42+00:00\",\"dateModified\":\"2024-05-17T08:40:29+00:00\",\"description\":\"How do you create texts that are easy to read and rank high in Google? We tell you how and how your company benefit from it.\",\"breadcrumb\":{\"@id\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Services\",\"item\":\"https:\/\/oneline.ch\/en\/services\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Typography\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/oneline.ch\/en\/#website\",\"url\":\"https:\/\/oneline.ch\/en\/\",\"name\":\"ONELINE EN\",\"description\":\"Wir sind ONELINE, die Agentur f\u00fcr kreatives und zukunftsorientiertes Online Marketing in der Schweiz. Lokal ans\u00e4ssig, global vernetzt.\",\"publisher\":{\"@id\":\"https:\/\/oneline.ch\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/oneline.ch\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/oneline.ch\/en\/#organization\",\"name\":\"ONELINE EN\",\"url\":\"https:\/\/oneline.ch\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg\",\"contentUrl\":\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg\",\"caption\":\"ONELINE EN\"},\"image\":{\"@id\":\"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Typography - ONELINE","description":"How do you create texts that are easy to read and rank high in Google? We tell you how and how your company benefit from it.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/","og_locale":"en_US","og_type":"article","og_title":"Typography","og_description":"How do you create texts that are easy to read and rank high in Google? We tell you how and how your company benefit from it.","og_url":"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/","og_site_name":"ONELINE EN","article_modified_time":"2024-05-17T08:40:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/","url":"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/","name":"Typography - ONELINE","isPartOf":{"@id":"https:\/\/oneline.ch\/en\/#website"},"datePublished":"2023-01-23T09:50:42+00:00","dateModified":"2024-05-17T08:40:29+00:00","description":"How do you create texts that are easy to read and rank high in Google? We tell you how and how your company benefit from it.","breadcrumb":{"@id":"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oneline.ch\/en\/services\/webdesign\/typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Services","item":"https:\/\/oneline.ch\/en\/services\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/oneline.ch\/en\/services\/webdesign\/"},{"@type":"ListItem","position":3,"name":"Typography"}]},{"@type":"WebSite","@id":"https:\/\/oneline.ch\/en\/#website","url":"https:\/\/oneline.ch\/en\/","name":"ONELINE EN","description":"Wir sind ONELINE, die Agentur f\u00fcr kreatives und zukunftsorientiertes Online Marketing in der Schweiz. Lokal ans\u00e4ssig, global vernetzt.","publisher":{"@id":"https:\/\/oneline.ch\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oneline.ch\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/oneline.ch\/en\/#organization","name":"ONELINE EN","url":"https:\/\/oneline.ch\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/","url":"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg","contentUrl":"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg","caption":"ONELINE EN"},"image":{"@id":"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/services\/1932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/services"}],"about":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/types\/services"}],"up":[{"embeddable":true,"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/services\/1887"}],"wp:attachment":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/media?parent=1932"}],"wp:term":[{"taxonomy":"type_page","embeddable":true,"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/type_page?post=1932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}