{"id":8486,"date":"2023-08-11T04:32:32","date_gmt":"2023-08-11T12:32:32","guid":{"rendered":"https:\/\/flodesk.com\/blog\/?p=8486"},"modified":"2023-08-22T09:13:12","modified_gmt":"2023-08-22T17:13:12","slug":"rebranding-flodesk-a-return-to-our-roots","status":"publish","type":"post","link":"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/","title":{"rendered":"Rebranding Flodesk: a return to our roots"},"content":{"rendered":"\n<div data-animate class=\"pull-quote\">\n  <div class=\"quote textarea\">\n    <p>A great rebranding is less about remaking your identity and more about becoming closer to who you already are.\u00a0<\/p>\n  <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>That\u2019s why the following isn\u2019t a breathless expos\u00e9 about how we decided to go in a new direction or remake Flodesk as something new; rather, it\u2019s the story of how we got back to who we were in the first place.<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>When I brought up the idea of a brand refresh to the Flodesk leadership team in the Summer of 2022, it was a casual conversation on a sailboat in Lisbon about how, from a brand perspective, we had drifted from the original vision of Flodesk\u2014and we needed to do something about it. I wanted to go forward by reflecting back; refreshing our identity based on the concepts and vision that brought us early success.&nbsp;<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"1150\"\n  data-height=\"800\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Sailboat_Lisbon.png\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Sailboat_Lisbon-32x22.png 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Sailboat_Lisbon-200x139.png 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Sailboat_Lisbon-450x313.png 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Sailboat_Lisbon-700x487.png 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Sailboat_Lisbon-1000x696.png 1000w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Sailboat_Lisbon.png 1150w\"\n            data-width=\"1150\"\n      data-height=\"800\"\n      data-fit=\"cover\"\n      width=\"1150\"\n      height=\"800\"\n      loading=\"eager\"\n      alt=\"Sailboat in Lisbon\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n      <\/div>\n<\/div>\n\n<div id=\"our-early-vision\" name=\"our-early-vision\" data-animate data-destination=\"our-early-vision\" class=\"heading-wrapper\">\n<h2 class=\"wp-block-heading\">Our early vision<\/h2>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>We launched in 2019 with a tiny team, no funding, and no PR launch. We had a product that was still firmly in beta, missing many of our competitors&#8217; features. The only expression of our \u201cvisual identity\u201d was a simple landing page my co-founder Martha and I had designed in Photoshop sitting on the shag carpet of her San Francisco apartment.<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"1150\"\n  data-height=\"800\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/First-homepage.png\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/First-homepage-32x22.png 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/First-homepage-200x139.png 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/First-homepage-450x313.png 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/First-homepage-700x487.png 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/First-homepage-1000x696.png 1000w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/First-homepage.png 1150w\"\n            data-width=\"1150\"\n      data-height=\"800\"\n      data-fit=\"cover\"\n      width=\"1150\"\n      height=\"800\"\n      loading=\"eager\"\n      alt=\"Flodesk's first homepage\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n    <p>Original Flodesk website, 2019<\/p>\n  <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>But even though Flodesk was only a very beta SaaS product and a basic landing page at that time, there was a brand vision\u2014a solid conceptual foundation of five pillars\u2014guiding our early decisions.&nbsp;<\/p>\n<\/div>\n\n<div id=\"radical-minimalism\" name=\"radical-minimalism\" data-animate data-destination=\"radical-minimalism\" class=\"heading-wrapper\">\n<h3 class=\"wp-block-heading\">Radical minimalism<\/h3>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>This idea continues to guide our every decision. Don\u2019t ask, \u201cWhat can we add?\u201d but instead, \u201cWhat can we remove?\u201d<\/p>\n<\/div>\n\n<div id=\"richard-neutra\" name=\"richard-neutra\" data-animate data-destination=\"richard-neutra\" class=\"heading-wrapper\">\n<h3 class=\"wp-block-heading\">Richard Neutra&nbsp;<\/h3>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>One of Flodesk\u2019s initial inspirations was the midcentury architect Richard Neutra, who believed minimal, clean design didn\u2019t just look beautiful\u2014it could actually <em>improve your health<\/em>. We asked: what would it look like to apply this same idea to software?<\/p>\n<\/div>\n\n<div id=\"ritual-yoga\" name=\"ritual-yoga\" data-animate data-destination=\"ritual-yoga\" class=\"heading-wrapper\">\n<h3 class=\"wp-block-heading\">Ritual yoga<\/h3>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>In the very early days, Martha and I frequented a yoga studio in San Francisco that talked about creating rituals in your life. We asked ourselves: how could we make the software experience a ritual rather than a habit?<\/p>\n<\/div>\n\n<div id=\"sfmoma\" name=\"sfmoma\" data-animate data-destination=\"sfmoma\" class=\"heading-wrapper\">\n<h3 class=\"wp-block-heading\">SFMoMa<\/h3>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>We also often visited SFMoMa. These visits inspired the idea that our brand\u2014and product\u2014should be a blank gallery where our members\u2019 creations hang, taking the spotlight. We are the minimal container, not the artwork.<\/p>\n<\/div>\n\n<div id=\"aesthetics-of-the-small-business-community\" name=\"aesthetics-of-the-small-business-community\" data-animate data-destination=\"aesthetics-of-the-small-business-community\" class=\"heading-wrapper\">\n<h3 class=\"wp-block-heading\">Aesthetics of the small business community<\/h3>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>The creative small business community has a <em>look<\/em>. It\u2019s light and bright, visual, and organic, with many serifs and personal touches in the brands. We tailored our original templates, design vision, and brand to reflect the people we serve.<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n    <!-- No Image -->  <\/div>\n  <div class=\"caption grey\">\n      <\/div>\n<\/div>\n\n<div id=\"the-brand-project-balancing-community-function-and-flow\" name=\"the-brand-project-balancing-community-function-and-flow\" data-animate data-destination=\"the-brand-project-balancing-community-function-and-flow\" class=\"heading-wrapper\">\n<h2 class=\"wp-block-heading\">The brand project: balancing community, function, and flow<\/h2>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>I felt strongly that if we were going to spend the time, money, and effort to refresh our visual identity (and have it last for many years to come), the new brand needed to be rooted in these five original pillars.&nbsp;<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>I also knew that we couldn\u2019t do this alone. We needed an outside firm to help us sharpen and articulate who we are at our core, then express it in an original and rigorous visual system.<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>There was only one partner for this project: <a href=\"https:\/\/dia.tv\/\">DIA Studio<\/a>. The firm\u2019s founder, Mitch Paone, was a longtime friend of mine who has since become a bit of a celebrity in the tech branding space. I remembered the lively conversations we used to have about design, typography, history, and branding over the years\u2014and I was so excited when he and the talented team at DIA agreed to take on our project.&nbsp;<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"1150\"\n  data-height=\"800\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIA_Collab.png\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIA_Collab-32x22.png 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIA_Collab-200x139.png 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIA_Collab-450x313.png 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIA_Collab-700x487.png 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIA_Collab-1000x696.png 1000w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIA_Collab.png 1150w\"\n            data-width=\"1150\"\n      data-height=\"800\"\n      data-fit=\"cover\"\n      width=\"1150\"\n      height=\"800\"\n      loading=\"eager\"\n      alt=\"DIA_Collab\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n    <p>Collaborating with DIA in Geneva<\/p>\n  <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>What makes DIA stand out as a top modern branding firm is how they apply rich historical design foundations into a dynamic and screen-based world\u2014exactly what Flodesk needed. Instead of the usual PDF of colors, type sizes and a logo, DIA delivers a full suite of custom toolkits and templates utilizing After Effects and Figma, and complex typographic guidelines that our internal design team can easily activate\u2014and really work to maintain consistency in a modern digital brand. On top of that, they\u2019re also just super talented, awesome human beings.<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>Our small team collaborated with their small team for over a year. The project took us through countless iterations, conversations, and a trip to Geneva. <\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"1150\"\n  data-height=\"800\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIAFlodesk-copy.png\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIAFlodesk-copy-32x22.png 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIAFlodesk-copy-200x139.png 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIAFlodesk-copy-450x313.png 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIAFlodesk-copy-700x487.png 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIAFlodesk-copy-1000x696.png 1000w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/DIAFlodesk-copy.png 1150w\"\n            data-width=\"1150\"\n      data-height=\"800\"\n      data-fit=\"cover\"\n      width=\"1150\"\n      height=\"800\"\n      loading=\"eager\"\n      alt=\"DIA+Flodesk\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n    <p>Flodesk and DIA in Geneva<\/p>\n  <\/div>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"1150\"\n  data-height=\"800\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Geneve1.png\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Geneve1-32x22.png 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Geneve1-200x139.png 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Geneve1-450x313.png 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Geneve1-700x487.png 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Geneve1-1000x696.png 1000w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Geneve1.png 1150w\"\n            data-width=\"1150\"\n      data-height=\"800\"\n      data-fit=\"cover\"\n      width=\"1150\"\n      height=\"800\"\n      loading=\"eager\"\n      alt=\"Geneva\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n      <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>We had real Swiss fondue (a meal I\u2019ll never forget) and stellar hot chocolate. <\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"1150\"\n  data-height=\"800\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Fondue.png\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Fondue-32x22.png 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Fondue-200x139.png 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Fondue-450x313.png 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Fondue-700x487.png 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Fondue-1000x696.png 1000w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Fondue.png 1150w\"\n            data-width=\"1150\"\n      data-height=\"800\"\n      data-fit=\"cover\"\n      width=\"1150\"\n      height=\"800\"\n      loading=\"eager\"\n      alt=\"\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n      <\/div>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"1150\"\n  data-height=\"800\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Hayk_Claudia.png\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Hayk_Claudia-32x22.png 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Hayk_Claudia-200x139.png 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Hayk_Claudia-450x313.png 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Hayk_Claudia-700x487.png 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Hayk_Claudia-1000x696.png 1000w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Hayk_Claudia.png 1150w\"\n            data-width=\"1150\"\n      data-height=\"800\"\n      data-fit=\"cover\"\n      width=\"1150\"\n      height=\"800\"\n      loading=\"eager\"\n      alt=\"\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n    <p>Claudia Aran and Hayk Ananyan<\/p>\n  <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>And best of all, we got to work with renowned font foundry <a href=\"https:\/\/optimo.ch\/\">Optimo<\/a> on custom typography for Flodesk.<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>We were fortunate enough to have Optimo\u2019s Fran\u00e7ois Rappo\u2014a legend in the type design world\u2014agree to personally take on our project. Yes, I fangirled a little\u2014but I also taught him how to fist-bump.<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"1150\"\n  data-height=\"800\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Rebecca-Francois-fistbump.png\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Rebecca-Francois-fistbump-32x22.png 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Rebecca-Francois-fistbump-200x139.png 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Rebecca-Francois-fistbump-450x313.png 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Rebecca-Francois-fistbump-700x487.png 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Rebecca-Francois-fistbump-1000x696.png 1000w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/Rebecca-Francois-fistbump.png 1150w\"\n            data-width=\"1150\"\n      data-height=\"800\"\n      data-fit=\"cover\"\n      width=\"1150\"\n      height=\"800\"\n      loading=\"eager\"\n      alt=\"Rebecca-Francois-fistbump\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n    <p>Rebecca Shostak and Fran\u00e7ois Rappo<\/p>\n  <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>The original commission included only one typeface, but the team at Optimo was so enthusiastic about how Flodesk Sans had turned out that they volunteered to customize one of their signature serifs so that the two fit perfectly together. In the end, Optimo created not just one but two custom typefaces just for us: Flodesk Sans and Flodesk Serif.<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"600\"\n  data-height=\"338\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-1.gif\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-1-32x18.gif 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-1-200x113.gif 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-1-450x254.gif 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-1.gif 600w\"\n            data-width=\"600\"\n      data-height=\"338\"\n      data-fit=\"cover\"\n      width=\"600\"\n      height=\"338\"\n      loading=\"eager\"\n      alt=\"\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n    <p>Flodesk Sans &#038; Flodesk Serif<\/p>\n  <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>Flodesk Sans represents the minimalist, rational, design-driven functionality that Flodesk is known for. Invigorated by our brief based on historical references rather than the typical \u201cmake a font that looks like this other tech company we want to copy,\u201d Fran\u00e7ois reached deep into his drawer of type specimen booklets spanning back a hundred years to bring us a highly functional grotesque that performs beautifully at both large and small, UI-sized scale.<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"800\"\n  data-height=\"450\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-4-1.gif\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-4-1-32x18.gif 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-4-1-200x113.gif 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-4-1-450x253.gif 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-4-1-700x394.gif 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-4-1.gif 800w\"\n            data-width=\"800\"\n      data-height=\"450\"\n      data-fit=\"cover\"\n      width=\"800\"\n      height=\"450\"\n      loading=\"eager\"\n      alt=\"Flodesk Sans Evolution\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n    <p>Flodesk Sans Evolution<\/p>\n  <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>Mitch Paone writes, \u201c[ Flodesk Sans ] taps into the antique feel of late 19th-century grotesques combined with geometric forms closely related to Richard Neutra&#8217;s architectural work. The result is something that feels contemporary while evoking its historical roots. The typeface functions seamlessly in all settings, from tiny product UI to large-scale branded collateral, without losing its aesthetic quality.\u201d<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>Flodesk Serif was Fran\u00e7ois\u2019s updated twist on Optimo\u2019s JJannon, providing an ideal pairing with its sans-serif counterpart. Flodesk Serif represents the authenticity of the Flodesk member base, offsetting the Swiss rigor of the sans, resulting in a softer, more human touch.<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"600\"\n  data-height=\"338\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-2.gif\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-2-32x18.gif 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-2-200x113.gif 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-2-450x254.gif 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/ezgif.com-video-to-gif-2.gif 600w\"\n            data-width=\"600\"\n      data-height=\"338\"\n      data-fit=\"cover\"\n      width=\"600\"\n      height=\"338\"\n      loading=\"eager\"\n      alt=\"\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n      <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>Together, Flodesk Sans and Flodesk Serif form the conceptual foundation of the visual identity, representing the duality of Flodesk: function and community. Or, as I often describe it: the high-design world meets the warmth and humanity of our members.<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>What I love the most about the typefaces is that you don\u2019t have to be a typography expert to appreciate their rigor and personality. Even self-proclaimed \u201cnon-designers\u201d have a positive reaction to the pairing. They truly speak to everyone\u2014which should be the hallmark of any great font.<\/p>\n<\/div>\n\n<div id=\"the-end-result-a-refreshed-identity-rooted-in-the-spirit-of-our-values\" name=\"the-end-result-a-refreshed-identity-rooted-in-the-spirit-of-our-values\" data-animate data-destination=\"the-end-result-a-refreshed-identity-rooted-in-the-spirit-of-our-values\" class=\"heading-wrapper\">\n<h2 class=\"wp-block-heading\">The end result: a refreshed identity rooted in the spirit of our values<\/h2>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>Once the typefaces were complete, DIA developed a complex motion system, typography guidelines, color palette, shape library, and template set to make the brand not just a nice design\u2014but an entire world. <em>A<\/em> <em>feeling<\/em>.<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>Our living logo, which shimmers on hover between the two typefaces, is a subtle nod to our original brand pillars, where high-design philosophy meets the warmth of the small business community.<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>The new identity embraces the original pillars of the Flodesk brand brilliantly. The radical minimalism shines through. As everyone else shouts at the top of their lungs for attention in this noisy digital world, we hope to stand out by whispering.&nbsp;<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"800\"\n  data-height=\"450\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/logo-transition.gif\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/logo-transition-32x18.gif 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/logo-transition-200x113.gif 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/logo-transition-450x253.gif 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/logo-transition-700x394.gif 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/logo-transition.gif 800w\"\n            data-width=\"800\"\n      data-height=\"450\"\n      data-fit=\"cover\"\n      width=\"800\"\n      height=\"450\"\n      loading=\"eager\"\n      alt=\"\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n      <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>On a personal level, browsing all the new brand assets together brings me back to the \u201cearly days\u201d of Flodesk. In it, I see those visits to SFMoMa, the hot yoga classes, my husband\u2019s Richard Neutra coffee table book, and a quiet nod to so many of the brands I\u2019ve come to fall in love with from the small business community.&nbsp;<\/p>\n<\/div>\n\n\n<div data-animate-children class=\"image-block\">\n  <div  class=\"image-options aspectholder \">\n      <div \n  class=\"image  \"\n  data-widget=\"image\"\n  data-init=\"lazy\"\n  data-width=\"1728\"\n  data-height=\"971\"\n  data-svg=\"\"\n    data-orientation='landscape'  data-fit='cover'  >\n    <div class=\"-img-wrapper\">\n                  <img\n                  draggable=\"false\"\n      class=\"-img --fit --fit-cover \"\n            data-init=\"lazy\"\n      data-src=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/image-4.png\" \n      data-srcset=\"https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/image-4-32x18.png 32w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/image-4-200x112.png 200w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/image-4-450x253.png 450w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/image-4-700x393.png 700w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/image-4-1000x562.png 1000w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/image-4-1400x787.png 1400w,https:\/\/flodesk.com\/blog\/wp-content\/uploads\/2023\/08\/image-4.png 1728w\"\n            data-width=\"1728\"\n      data-height=\"971\"\n      data-fit=\"cover\"\n      width=\"1728\"\n      height=\"971\"\n      loading=\"eager\"\n      alt=\"Flodesk Refreshed Identity\"\n      \/>    <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"caption grey\">\n      <\/div>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>I truly believe the new identity captures the essence of who we were and who we are while providing a rigorous foundation for who we want to become in the years ahead.<\/p>\n<\/div>\n\n<div data-animate-children class='p-block'>\n<p>For a visual walkthrough of the new identity, <a href=\"http:\/\/www.flodesk.com\/brand\">visit our brand page.<\/a><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>That\u2019s why the following isn\u2019t a breathless expos\u00e9 about how we decided to go in a new direction or remake Flodesk as something new; rather, it\u2019s the story of how we got back to who we were in the first place. When I brought up the idea of a brand refresh to the Flodesk leadership [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[83,82],"table_tags":[],"class_list":["post-8486","post","type-post","status-publish","format-standard","hentry","category-flodesk","tag-flodesk","tag-news"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Rebranding Flodesk: a return to our roots - Flodesk<\/title>\n<meta name=\"description\" content=\"Introducing refreshed brand identity rooted in the spirit of our values. Discover our rebranding story.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rebranding Flodesk: a return to our roots - Flodesk\" \/>\n<meta property=\"og:description\" content=\"Introducing refreshed brand identity rooted in the spirit of our values. Discover our rebranding story.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/\" \/>\n<meta property=\"og:site_name\" content=\"Flodesk\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-11T12:32:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T17:13:12+00:00\" \/>\n<meta name=\"author\" content=\"Rebecca Shostak\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rebecca Shostak\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/\",\"url\":\"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/\",\"name\":\"Rebranding Flodesk: a return to our roots - Flodesk\",\"isPartOf\":{\"@id\":\"https:\/\/flodesk.com\/blog\/#website\"},\"datePublished\":\"2023-08-11T12:32:32+00:00\",\"dateModified\":\"2023-08-22T17:13:12+00:00\",\"author\":{\"@id\":\"https:\/\/flodesk.com\/blog\/#\/schema\/person\/9d3cc0c9d94f5f636f983535d37ee931\"},\"description\":\"Introducing refreshed brand identity rooted in the spirit of our values. Discover our rebranding story.\",\"breadcrumb\":{\"@id\":\"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/flodesk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rebranding Flodesk: a return to our roots\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/flodesk.com\/blog\/#website\",\"url\":\"https:\/\/flodesk.com\/blog\/\",\"name\":\"Flodesk\",\"description\":\"A blog sharing email marketing strategies and best practices for small business owners\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/flodesk.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/flodesk.com\/blog\/#\/schema\/person\/9d3cc0c9d94f5f636f983535d37ee931\",\"name\":\"Rebecca Shostak\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flodesk.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/553c6374dc8f08feba2e0b06d3cd62709fe93184fd5688b951c25f6f85869a73?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/553c6374dc8f08feba2e0b06d3cd62709fe93184fd5688b951c25f6f85869a73?s=96&d=mm&r=g\",\"caption\":\"Rebecca Shostak\"},\"description\":\"Rebecca Shostak is the co-founder and Chief Executive Officer of Flodesk.\",\"url\":\"https:\/\/flodesk.com\/blog\/author\/rebecca-shostak\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rebranding Flodesk: a return to our roots - Flodesk","description":"Introducing refreshed brand identity rooted in the spirit of our values. Discover our rebranding story.","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:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/","og_locale":"en_US","og_type":"article","og_title":"Rebranding Flodesk: a return to our roots - Flodesk","og_description":"Introducing refreshed brand identity rooted in the spirit of our values. Discover our rebranding story.","og_url":"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/","og_site_name":"Flodesk","article_published_time":"2023-08-11T12:32:32+00:00","article_modified_time":"2023-08-22T17:13:12+00:00","author":"Rebecca Shostak","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Rebecca Shostak","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/","url":"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/","name":"Rebranding Flodesk: a return to our roots - Flodesk","isPartOf":{"@id":"https:\/\/flodesk.com\/blog\/#website"},"datePublished":"2023-08-11T12:32:32+00:00","dateModified":"2023-08-22T17:13:12+00:00","author":{"@id":"https:\/\/flodesk.com\/blog\/#\/schema\/person\/9d3cc0c9d94f5f636f983535d37ee931"},"description":"Introducing refreshed brand identity rooted in the spirit of our values. Discover our rebranding story.","breadcrumb":{"@id":"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/flodesk.com\/blog\/rebranding-flodesk-a-return-to-our-roots\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flodesk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Rebranding Flodesk: a return to our roots"}]},{"@type":"WebSite","@id":"https:\/\/flodesk.com\/blog\/#website","url":"https:\/\/flodesk.com\/blog\/","name":"Flodesk","description":"A blog sharing email marketing strategies and best practices for small business owners","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flodesk.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/flodesk.com\/blog\/#\/schema\/person\/9d3cc0c9d94f5f636f983535d37ee931","name":"Rebecca Shostak","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flodesk.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/553c6374dc8f08feba2e0b06d3cd62709fe93184fd5688b951c25f6f85869a73?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/553c6374dc8f08feba2e0b06d3cd62709fe93184fd5688b951c25f6f85869a73?s=96&d=mm&r=g","caption":"Rebecca Shostak"},"description":"Rebecca Shostak is the co-founder and Chief Executive Officer of Flodesk.","url":"https:\/\/flodesk.com\/blog\/author\/rebecca-shostak\/"}]}},"_links":{"self":[{"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/posts\/8486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/comments?post=8486"}],"version-history":[{"count":66,"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/posts\/8486\/revisions"}],"predecessor-version":[{"id":8731,"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/posts\/8486\/revisions\/8731"}],"wp:attachment":[{"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/media?parent=8486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/categories?post=8486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/tags?post=8486"},{"taxonomy":"table_tags","embeddable":true,"href":"https:\/\/flodesk.com\/blog\/wp-json\/wp\/v2\/table_tags?post=8486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}