{"id":170,"date":"2023-10-05T19:37:56","date_gmt":"2023-10-05T18:37:56","guid":{"rendered":"https:\/\/sydnialber.com\/?p=170"},"modified":"2023-10-05T19:50:38","modified_gmt":"2023-10-05T18:50:38","slug":"designing-an-infographic-a-deep-dive-into-the-cochin-typeface","status":"publish","type":"post","link":"https:\/\/sydnialber.com\/index.php\/2023\/10\/05\/designing-an-infographic-a-deep-dive-into-the-cochin-typeface\/","title":{"rendered":"Designing an Infographic: A Deep Dive into the Cochin Typeface"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"170\" class=\"elementor elementor-170\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b8f367e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b8f367e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e94ac5a\" data-id=\"e94ac5a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2745339 elementor-widget elementor-widget-spacer\" data-id=\"2745339\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f21a40a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f21a40a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f9f1f65\" data-id=\"f9f1f65\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e4818a elementor-widget elementor-widget-heading\" data-id=\"3e4818a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">Designing an Infographic: A Deep Dive into the Cochin Typeface<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dc10866 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dc10866\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f542deb\" data-id=\"f542deb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0004558 elementor-widget elementor-widget-spacer\" data-id=\"0004558\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c4fdbe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c4fdbe\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7437b2d\" data-id=\"7437b2d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4732494 elementor-widget elementor-widget-heading\" data-id=\"4732494\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cochin's Origins<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d847992 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d847992\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c96ddd0\" data-id=\"c96ddd0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fcd399b elementor-widget elementor-widget-text-editor\" data-id=\"fcd399b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><span class=\"TextRun SCXW37783245 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW37783245 BCX0\">In the world of typography, where letters are more than just symbols, <\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">Cochin<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\"> stands as a timeless <\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">typeface<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">. This classic font, with its graceful serifs and elegant curves, has a rich history dating back to the 18th century. <\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">Cochin is a serif typeface created in France in 1912 by prominent type designer, Georges <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW37783245 BCX0\">Peignot<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">. <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW37783245 BCX0\">Peignot<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\"> was looking to design a new typeface and was inspired by the copperplate engravings of the 18<\/span><\/span><span class=\"TextRun SCXW37783245 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun Superscript SCXW37783245 BCX0\" data-fontsize=\"11\">th<\/span><\/span><span class=\"TextRun SCXW37783245 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW37783245 BCX0\">\u00a0century artist Charles-Nicolas <\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">Cochin<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">, the font\u2019s namesake. <\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">To pay homage to this typeface, I recently created an infographic that explores the origins of <\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">Cochin<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\"> and its unique design characteristics. In this blog post, <\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">I&#8217;ll<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\"> take you through the journey of designing this infographic and delve into the <\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">char<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">acte<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\">ristics<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\"> of<\/span> <span class=\"NormalTextRun SCXW37783245 BCX0\">the Cochin<\/span><span class=\"NormalTextRun SCXW37783245 BCX0\"> typeface.<\/span><\/span><span class=\"EOP SCXW37783245 BCX0\" data-ccp-props=\"{}\">\u00a0<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fb04cd4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fb04cd4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-22d8b1a\" data-id=\"22d8b1a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-92e50cc elementor-widget elementor-widget-spacer\" data-id=\"92e50cc\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7eeecc9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7eeecc9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4644675\" data-id=\"4644675\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af6c817 elementor-widget elementor-widget-heading\" data-id=\"af6c817\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Anatomy of Cochin<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e413571 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e413571\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3725a1b\" data-id=\"3725a1b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7c34836 elementor-widget elementor-widget-text-editor\" data-id=\"7c34836\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span class=\"TextRun SCXW158091973 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW158091973 BCX0\">When designing this infographic, I wanted to delve into the anatomy of <\/span><span class=\"NormalTextRun SCXW158091973 BCX0\">the Cochin<\/span><span class=\"NormalTextRun SCXW158091973 BCX0\"> typeface, breaking down its elements to help the viewers understand how the typeface was designed. To do this, I included<\/span><span class=\"NormalTextRun SCXW158091973 BCX0\"> the uppercase and lowercase \u2018Aa\u2019 characters and labeled <\/span><span class=\"NormalTextRun SCXW158091973 BCX0\">th<\/span><span class=\"NormalTextRun SCXW158091973 BCX0\">e <\/span><span class=\"NormalTextRun SCXW158091973 BCX0\">ke<\/span><span class=\"NormalTextRun SCXW158091973 BCX0\">y components in each letter.<\/span><\/span><span class=\"EOP SCXW158091973 BCX0\" data-ccp-props=\"{}\">&nbsp;<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f447a96 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f447a96\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc8fd92\" data-id=\"bc8fd92\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e72c44d elementor-widget elementor-widget-heading\" data-id=\"e72c44d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Here's a breakdown of the labeled elements on the 'Aa' Characters:<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-405f140 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"405f140\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4fa172a\" data-id=\"4fa172a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bfde9b5 elementor-widget elementor-widget-text-editor\" data-id=\"bfde9b5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span data-contrast=\"auto\"><strong>Apex:<\/strong> The topmost point of a letter.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\"><strong>Stroke:<\/strong> The main vertical or diagonal line in a letter.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\"><strong>Terminal:<\/strong> The end of a stroke that doesn&#8217;t include a serif.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\"><strong>Stem:<\/strong> The vertical, full-length part of a letter.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\"><strong>Spur:<\/strong> A small, projecting curve or projection.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\"><strong>Counter:<\/strong> The enclosed or partially enclosed space within a letter.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\"><strong>Bowl:<\/strong> The curved and typically fully enclosed part of a letter.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\"><strong>Bar:<\/strong> The horizontal stroke that connects two stems.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\"><strong>Serif:<\/strong> The small decorative strokes at the ends of letter lines.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\"><strong>Hairline:<\/strong> The thinnest stroke within a letter.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2f1a6ce elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f1a6ce\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a60327\" data-id=\"9a60327\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d749a4 elementor-widget elementor-widget-text-editor\" data-id=\"3d749a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span class=\"TextRun SCXW17424105 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW17424105 BCX0\">This detailed examination allows viewers to appreciate the intricate design<\/span><span class=\"NormalTextRun SCXW17424105 BCX0\"> work<\/span><span class=\"NormalTextRun SCXW17424105 BCX0\"> and craftsmanship <\/span><span class=\"NormalTextRun SCXW17424105 BCX0\">that<\/span><span class=\"NormalTextRun SCXW17424105 BCX0\"> Georges <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW17424105 BCX0\">Peignot<\/span><span class=\"NormalTextRun SCXW17424105 BCX0\"> put <\/span><span class=\"NormalTextRun SCXW17424105 BCX0\">into creating a typeface like <\/span><span class=\"NormalTextRun SCXW17424105 BCX0\">Cochin<\/span><span class=\"NormalTextRun SCXW17424105 BCX0\">.<\/span><\/span><span class=\"EOP SCXW17424105 BCX0\" data-ccp-props=\"{}\">\u00a0<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a886083 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a886083\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4bc5096\" data-id=\"4bc5096\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4923d72 elementor-widget elementor-widget-spacer\" data-id=\"4923d72\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-04fc89b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"04fc89b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ad2c61c\" data-id=\"ad2c61c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18e9da9 elementor-widget elementor-widget-heading\" data-id=\"18e9da9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Full Character Set<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-15084da elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"15084da\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3ce0168\" data-id=\"3ce0168\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5793933 elementor-widget elementor-widget-text-editor\" data-id=\"5793933\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span class=\"TextRun SCXW104724495 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW104724495 BCX0\">To <\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">provide<\/span><span class=\"NormalTextRun SCXW104724495 BCX0\"> a comprehensive view of <\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">Cochin<\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">, the infographic <\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">showcases<\/span><span class=\"NormalTextRun SCXW104724495 BCX0\"> the full set of characters. <\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">This includes both uppercase and lowercase letters, as well as essential symbols and punctuation marks.<\/span> <span class=\"NormalTextRun SCXW104724495 BCX0\">I also included the bold, regular, and italic<\/span><span class=\"NormalTextRun SCXW104724495 BCX0\"> versions of the font<\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">. <\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">This&nbsp;<\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">allows the viewer to see the entire typeface and <\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">helps convey the versatility of <\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">it<\/span><span class=\"NormalTextRun SCXW104724495 BCX0\">, highlighting its adaptability for various design projects.<\/span><\/span><span class=\"EOP SCXW104724495 BCX0\" data-ccp-props=\"{}\">&nbsp;<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0c7898f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0c7898f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7de99ce\" data-id=\"7de99ce\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0adff55 elementor-widget elementor-widget-spacer\" data-id=\"0adff55\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-62da606 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"62da606\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-00b78cd\" data-id=\"00b78cd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-921b413 elementor-widget elementor-widget-heading\" data-id=\"921b413\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Infographic Design Choices<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7171ce9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7171ce9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5236d5e\" data-id=\"5236d5e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9c7195e elementor-widget elementor-widget-text-editor\" data-id=\"9c7195e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span class=\"TextRun SCXW267242284 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW267242284 BCX0\">By incorporating a photograph of Georges <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW267242284 BCX0\">Peignot<\/span><span class=\"NormalTextRun SCXW267242284 BCX0\">, the designer behind <\/span><span class=\"NormalTextRun SCXW267242284 BCX0\">the Cochin<\/span><span class=\"NormalTextRun SCXW267242284 BCX0\">&nbsp;typeface, I aimed to celebrate the artistry of those who have shaped the world of typography. The character set, featuring both upper and lowercase letters along with symbols, <\/span><span class=\"NormalTextRun SCXW267242284 BCX0\">gives a full overview of the typeface<\/span><span class=\"NormalTextRun SCXW267242284 BCX0\">.<\/span><\/span><span class=\"EOP SCXW267242284 BCX0\" data-ccp-props=\"{}\">&nbsp;<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ba06bcb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba06bcb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-39ddcc2\" data-id=\"39ddcc2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-39228a9 elementor-widget elementor-widget-text-editor\" data-id=\"39228a9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span data-contrast=\"auto\">I also decided to use bright colors and overlapping, transparent shapes to keep the viewer engaged. Using the symbols as a border also helped frame the entire infographic. My intention was to keep the design fun while also being informational, and I think I was able to achieve that. <\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-af53334 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"af53334\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-817889d\" data-id=\"817889d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e607e26 elementor-widget elementor-widget-text-editor\" data-id=\"e607e26\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span class=\"TextRun SCXW182511861 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW182511861 BCX0\">The Cochin<\/span><span class=\"NormalTextRun SCXW182511861 BCX0\"> typeface continues to captivate designers with its classic elegance and timeless appeal. Through this infographic, I hope<\/span><span class=\"NormalTextRun SCXW182511861 BCX0\">d<\/span><span class=\"NormalTextRun SCXW182511861 BCX0\"> to share the beauty and craftsmanship of <\/span><span class=\"NormalTextRun SCXW182511861 BCX0\">Cochin<\/span><span class=\"NormalTextRun SCXW182511861 BCX0\"> while paying tribute to its historical roots. Whether <\/span><span class=\"NormalTextRun SCXW182511861 BCX0\">you&#8217;re<\/span><span class=\"NormalTextRun SCXW182511861 BCX0\"> a typography enthusiast, a graphic designer, or simply someone who appreciates the artistry of fonts, <\/span><span class=\"NormalTextRun SCXW182511861 BCX0\">Cochin<\/span> <span class=\"NormalTextRun SCXW182511861 BCX0\">remains<\/span><span class=\"NormalTextRun SCXW182511861 BCX0\"> a testament to the enduring legacy of classic design.<\/span><\/span><span class=\"EOP SCXW182511861 BCX0\" data-ccp-props=\"{}\">&nbsp;<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d9fbd0a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d9fbd0a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-88e54d5\" data-id=\"88e54d5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9bd10f9 elementor-widget elementor-widget-spacer\" data-id=\"9bd10f9\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dd6b034 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dd6b034\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d125772\" data-id=\"d125772\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15c97d1 elementor-widget elementor-widget-image\" data-id=\"15c97d1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"517\" src=\"https:\/\/sydnialber.com\/wp-content\/uploads\/2023\/10\/cochin-Infographic-1024x662.jpg\" class=\"attachment-large size-large wp-image-171\" alt=\"\" srcset=\"https:\/\/sydnialber.com\/wp-content\/uploads\/2023\/10\/cochin-Infographic-1024x662.jpg 1024w, https:\/\/sydnialber.com\/wp-content\/uploads\/2023\/10\/cochin-Infographic-300x194.jpg 300w, https:\/\/sydnialber.com\/wp-content\/uploads\/2023\/10\/cochin-Infographic-768x497.jpg 768w, https:\/\/sydnialber.com\/wp-content\/uploads\/2023\/10\/cochin-Infographic.jpg 1280w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b3e1f25 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b3e1f25\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d9742e1\" data-id=\"d9742e1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-caeb033 elementor-widget elementor-widget-spacer\" data-id=\"caeb033\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Designing an Infographic: A Deep Dive into the Cochin Typeface Cochin&#8217;s Origins In the world of typography, where letters are more than just symbols, Cochin stands as a timeless typeface. This classic font, with its graceful serifs and elegant curves, has a rich history dating back to the 18th century. Cochin is a serif typeface [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":171,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-170","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/posts\/170"}],"collection":[{"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/comments?post=170"}],"version-history":[{"count":4,"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/posts\/170\/revisions"}],"predecessor-version":[{"id":175,"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/posts\/170\/revisions\/175"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/media\/171"}],"wp:attachment":[{"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/media?parent=170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/categories?post=170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sydnialber.com\/index.php\/wp-json\/wp\/v2\/tags?post=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}