{"id":20629,"date":"2020-08-17T17:40:06","date_gmt":"2020-08-17T16:40:06","guid":{"rendered":"https:\/\/marvelapp.com\/blog\/?p=20629"},"modified":"2020-12-14T11:41:20","modified_gmt":"2020-12-14T11:41:20","slug":"martin-ollivere-co-founder-of-archetype","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/","title":{"rendered":"An interview with Martin Ollivere, co-founder of Archetype"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In this episode of our <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/blog\/category\/designers-spilling-tea\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spilling Tea Series<\/a>, we talk to Martin Ollievere, an experienced product designer who works on product UX\/UI and brand design, and spends all of his free time tinkering away on a slew of creative side projects. He is also Co-founder of the typographical design system, Archetype.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"style=\"text-align: center;\">. . .<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Hey Martin, thanks for joining me for this remote chat. Let\u2019s start by telling the Marvel community about yourself, how did you get into design and how did you get to where you are today?<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Martin: Thanks for having me. I\u2019ve always been into drawing and designing things and knew I wanted to be a designer even as a kid.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">After studying industrial design at university, I got my first break designing Happy Meal toys. After that auspicious start, I worked on everything from medical equipment to aircraft interiors before focusing more on digital products back when Flash websites were still a thing. I was primarily attracted by the ability I had to create my own things, something that was harder with physical products.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Nobody in digital back then called themselves a \u2018product\u2019 designer, and I found the graphic design skills like typography and grid layouts really challenging. I cut my digital teeth at a London agency working with clients such as PayPal, Bentley Motors and Sky. During this time a friend and I developed our own storybook app, which led me into a very interesting role with a SaaS start-up creating market research tools for app developers.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This was a transformative experience for me, and ever since I\u2019ve been consulting on branding and design for other start-ups. I\u2019ve got stuck-in with all manner of companies from a games analytics platform in Helsinki to a med-tech firm in Silicon Valley.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">All the while, I\u2019ve been tinkering away on a slew of creative side projects and collaborations. One of the most popular of these so far is <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/archetypeapp.com\/#\">Archetype<\/a>, a tool which a friend and I built to help overcome some of those challenges in creating typography design systems that have irked me all these years.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You\u2019ve worked with and for some big companies, how would you compare the design industry from what it was then to what you know now?<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-20635\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Wide-Narrow-Cover-2-scaled.jpg\" alt=\"\" width=\"2048\" height=\"543\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Wide-Narrow-Cover-2-scaled.jpg 2048w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Wide-Narrow-Cover-2-600x159.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Wide-Narrow-Cover-2-1500x397.jpg 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Wide-Narrow-Cover-2-768x203.jpg 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Wide-Narrow-Cover-2-1536x407.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s come a long way from the days of companies just wanting a glorified online brochure...<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">There\u2019s been a general morphing of previously siloed roles into what is now generally called \u2018product design\u2019. This is funny coming from a product design background because it was always that way to me but now many more designers work on the entire experience of the user as they interact with a product or service which has resulted in much better designs. Because so many familiar patterns and best practices have evolved, there are far fewer terrible experiences than there used to be. Back when digital work was called \u2018new\u2019 media it was like a mish-mash of pre-existing disciplines each doing their own bit and \u2018designers\u2019 were mostly just working on visuals. There were a lot of chancers doing UX that just didn\u2019t think like designers, having had no real problem-solving experience.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The rise of the app and software-as-a-service businesses has meant design and high-quality user experiences have become ever more critical to keeping users happy. Good designers with an understanding of all the factors that make products successful, rather than just being really good at graphic design, say, are more highly valued.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<div id=\"attachment_20636\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-20636\" class=\"wp-image-20636 size-full\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/archetype-code-copy.gif\" alt=\"\" width=\"600\" height=\"338\" \/><p id=\"caption-attachment-20636\" class=\"wp-caption-text\">Archetype export to Sketch without any coding<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Design tools have changed dramatically too, and we now have things which are actually built for the job of creating and testing whole user experiences. The emerging \u2018no-code\u2019 and \u2018low-code\u2019 tools (<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.makerpad.co\/\">MakerPad<\/a> is a good source of these) are also very exciting because it means the barrier to designing and actually creating full-blown web apps is getting lower all the time. How much front end dev knowledge you should have as a designer has always been a bit of a dilemma and I think this is another area where changes could be afoot.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\u201cThe emerging \u2018no-code\u2019 and \u2018low-code\u2019 tools are also very exciting because it means the barrier to designing and actually creating full-blown web apps is getting lower all the time.\u201d<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">That is really interesting, and technology has definitely come much further in certain areas of the industry. With all of these changes, how would you usually approach a project? What does your design flow look like?<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I\u2019ve learned the hard way that it\u2019s best to keep things lean and simple whilst eliminating meaningless fluff in all its forms. It varies based on the situation and brief but In the early design phase at least I\u2019ll generally go through these steps:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Talk to people to really understand the problem space and the goals of both the stakeholders and target audience.<\/li>\n<li>Gather inspiration by creating a mood board in Pinterest to get my creative juices going.<\/li>\n<li>Brainstorm potential solutions via mind maps and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/blog\/how-to-tell-memorable-stories-through-sketching\/\">hand drawn concept sketches<\/a> (it really excites people to see these sketches and it\u2019s still the quickest way to work through ideas - surprised more designers don\u2019t do this)<\/li>\n<li>Start testing ideas with users via sketches or very basic wireframes to see what works. Refine based on feedback.<\/li>\n<li>Work up UI concepts in Sketch, turning into a <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/features\/prototyping\">clickable prototype<\/a> to test and refine the user experience if appropriate.<\/li>\n<li>Organise design system assets inside Sketch file ready for future iterations and prepare the file for developers to access via Zeplin.<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The most tricky part of creating a design system for me has always been typography. I would find myself applying specific font sizes or spacing patterns in one-page layout or product UI only to find they just wouldn\u2019t work visually on a subsequent layout. I really struggled to find a suitable sizing scale and spacing rules that would work for any future combination of design system components and wasted many hours nudging things a few pixels to and fro.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\u201cThe most tricky part of creating a design system for me has always been typography. I would find myself applying specific font sizes or spacing in one page layout or product UI only to find they just wouldn\u2019t work visually on a subsequent layout.\u201d<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This headache led me and a friend of mine (<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/twitter.com\/jamiegilman\">Jamie Gilman<\/a>) to start building <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/archetypeapp.com\/#\">a tool<\/a> that could help create a typography design based on sizing and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/blog\/harmonious-spacing-system-faster-design-dev-handoff\/\">spacing<\/a> best practices with just a few clicks instead of hours of pixel pushing. We also found that by exporting as CSS once I had played around getting everything the way I needed it in the browser meant Jamie saved several hours of coding up CSS styling from scratch using a Sketch file as a reference. I could also export to Sketch for use in future template designs as part of the design system. It was a rare win-win!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<div id=\"attachment_20630\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-20630\" class=\"wp-image-20630 size-full\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/archetype-plugin.gif\" alt=\"\" width=\"600\" height=\"336\" \/><p id=\"caption-attachment-20630\" class=\"wp-caption-text\">Archetype Sketch plugin<\/p><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Sounds like you have a great partnership with your friend, Jamie! Did you have any teething problems when you first started working with your friend, and what advice would you give to other designers who may have never worked with developers before?<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-20631\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/rodocodo.png\" alt=\"Screenshot of rodocodo homepage\" width=\"720\" height=\"414\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/rodocodo.png 720w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/rodocodo-600x345.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When I started out I was clueless about development and had very little understanding of how the developers worked (front end or back end). I recall many frustrating debates about why something couldn\u2019t be done or how something should work. Whilst it\u2019s good to look at a problem from a different viewpoint, having an understanding of how things work means these days any debates like that are much more constructive.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s essential for any designer to have at least a basic understanding of how things work and how they are built. I personally have a very genuine interest in development and have dabbled myself to a hobbyist level, which is one of the best ways to learn. I also ask the developers I work with lots of \u2018stupid\u2019 questions too, which you should never be afraid of doing. I ask them to explain things as they would to a golden retriever because I am rather slow on the uptake and they tend to forget how confusing it can be to a layperson.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">My friend is building a tool to teach coding in schools where for the first time I understood what algorithm really meant. His tool is called <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.rodocodo.com\/\">Rodocodo<\/a>. <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.apple.com\/au\/swift\/playgrounds\/\">Swift Playgrounds<\/a> is also an excellent app that I really enjoyed which also explains the core concepts in a really understandable way. As well as these core programming concepts, a grasp of HTML, CSS and how Javascript is used should be the fundamentals.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">For many designers, this could be the first time that they\u2019ve heard of typography having its own design system, despite it being one of the most important elements on a website. Where do you see typography in the future of design systems?<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-20634\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Archetype-landing-page.png\" alt=\"Screenshot of Archetype Behance cover\" width=\"720\" height=\"400\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Archetype-landing-page.png 720w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Archetype-landing-page-600x333.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">As I touched on earlier one of the biggest struggles I had when we originally dreamt up Archetype was trying to get a single typography design\/scale to look good in different situations: On a high-impact landing page (with a need for big messages), a complex SaaS product UI (where much of the typography was labels for UI components or data visualisations) and long form article pages (designed for easy reading). Specifying spacing between elements that worked in all three cases was a fool\u2019s errand.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Perhaps somewhat late to the party I recently stumbled upon the notion of creating different typography styling tailored specifically for each of these core applications: marketing site, blog site or product site (Designer Elliot Dahl wrote a <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.freecodecamp.org\/news\/8-point-grid-typography-on-the-web-be5dc97db6bc\/\">nice article<\/a> about typography design for an 8 point grid system that describes this concept well). This is something I think will happen a lot more in future and it\u2019s certainly something I plan to bring into design systems I work on where relevant.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">A tool that could help preview and tweak a typography design in some common marketing, blog and product UI components at the same time before any final templates have been created would be a massive help here. If Jamie and I generate some income from the first release of Archetype then those are some of the features we\u2019re going to add as we will be able to dedicate more time to development.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The rise of variable fonts will also be interesting since one benefit will be the ability to create a bit of individuality amongst those oft-used fonts that have proliferated since the introduction of services like Google Fonts (good old Montserrat...).<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Where do you go, online, or offline to find inspiration?<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-20632\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Against-the-rules-podcast.png\" alt=\"Screenshot of against the rules podcast website\" width=\"720\" height=\"400\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Against-the-rules-podcast.png 720w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Against-the-rules-podcast-600x333.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I\u2019m very spurred on by stories of other people\u2019s creative side projects and start-ups. <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.indiehackers.com\/\">Indie Hackers<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.producthunt.com\/\">Product Hunt<\/a> are great sources of these. Podcasts \u2018<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.npr.org\/podcasts\/510313\/how-i-built-this\">How I Built This<\/a>\u2019 and \u2018<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/podcasts.apple.com\/au\/podcast\/danny-in-the-valley\/id1233991021\">Danny in the Valley<\/a>\u2019 are also very good in this regard.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\u2018<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/humanetech.com\/podcast\/\">Your Undivided Attention<\/a>\u2019 is another great podcast by the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/humanetech.com\/\">Centre for Humane Technology<\/a>. This is an area of design I feel increasingly strongly about the older and wiser(ish) I get.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I really admire the way writers like Malcolm Gladwell and Michael Lewis are able to tell a really compelling story and I plough through a lot of their stuff, be it in book or podcast form (\u2018<a class=\"link link--blue fontWeight-4\"href=\"http:\/\/revisionisthistory.com\/\">Revisionist History<\/a>\u2019 and \u2018<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/atrpodcast.com\/\">Against the Rules<\/a>\u2019 are very interesting).<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I do love browsing on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/\">Dribbble<\/a> and Behance, although some of the dazzling design work on there does occasionally stir feelings of desperate inadequacy. Someone told me to try comparing my latest work against my previous work to see where to improve rather than against other people\u2019s which was good advice.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\u201cTry to compare your latest work against your previous work to see where to improve rather than against other people\u2019s.\u201d<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I have always loved drawing and illustration and continue to potter away on both of these pursuits. <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/procreate.art\/\">Procreate<\/a> for the iPad is one of my best ever purchases, I couldn\u2019t be without it now.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I also check <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.thisiscolossal.com\/\">Colossal<\/a> every couple of weeks or so as there are always some really creative art and design projects on there that give me some ideas.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Without a hint of insincerity, I can also say that my wife inspires me a lot. She is always so serene and calm which I am often not.... Just being around her means a bit of her zen-like peacefulness rubs off. Running ideas past her logical accountant\u2019s brain always helps clarify things in my head too.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">What\u2019s the best advice you\u2019ve been given?<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Two spring to mind:<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Don\u2019t be afraid to ask \u2018silly\u2019 questions - People often say this but in practice, few people do it because they\u2019re worried about looking stupid or uninformed. I used to go away and google terms I didn\u2019t understand in meetings. Nowadays, I just ask questions all the time and love it, I\u2019ve learned loads. I\u2019m so glad it\u2019s something I was encouraged to do because it\u2019s amazing how many people don\u2019t.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\u201cDon\u2019t be afraid to ask \u2018silly\u2019 questions.\u201d<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Don\u2019t waste time on a design until you know it is valuable enough to pursue - This was a real tough nut to crack for a perfectionist but after working with a colleague who was a big believer in the lean approach, I\u2019ve finally started to get it.<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\u201cDon\u2019t waste time on a design until you know it is valuable enough to pursue\u201d<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Do you have any good references for anyone who wants to learn more about this topic?<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-20633\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Ourownthing.png\" alt=\"Screenshot of Ourownthing Website\" width=\"720\" height=\"400\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Ourownthing.png 720w, https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/Ourownthing-600x333.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Designer Elliot Dahl has written a couple of great articles about typography and how it applies to the 3 different site types (marketing, blog and product), well worth a read:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.com\/sketch-app-sources\/exploring-responsive-type-scales-cf1da541be54\">Exploring responsive type scales<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.freecodecamp.org\/news\/8-point-grid-typography-on-the-web-be5dc97db6bc\/\">8 Point grid typography on the web<\/a><\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Nathan Curtis of EightShapes wrote this nice article about the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/medium.com\/eightshapes-llc\/typography-in-design-systems-6ed771432f1e\">treatment of typography in design systems<\/a> which is worth a read.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You can also check out <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/archetypeapp.com\">Archetype<\/a> to help kickstart the creation of your typography design system and export for development or design with minimal effort<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you care to see a few more projects I\u2019m on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.behance.net\/martinollivere\">Behance<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/dribbble.com\/martinollivere\">Dribbble<\/a> and Jamie and I have also created a little <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.ourownthing.co.uk\/\">online compendium<\/a> of the various things we\u2019ve built together over the years.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find out how co-founder Martin Ollivere built Archetype, a typographical design system editable live in the browser.<\/p>\n","protected":false},"author":290,"featured_media":20641,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[362],"tags":[],"class_list":["post-20629","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-spilling-tea"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"We chat with co-founder Martin Ollivere of Archetype, a typographical design system that lets designers edit type live in the browser.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typographical Design Systems - Interview with Martin Ollivere\" \/>\n<meta property=\"og:description\" content=\"We chat with co-founder Martin Ollivere of Archetype, a typographical design system that lets designers edit type live in the browser.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-17T16:40:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-14T11:41:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/archetypeapp.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3200\" \/>\n\t<meta property=\"og:image:height\" content=\"1400\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"10 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2020\/08\/archetypeapp.png\",\"width\":3200,\"height\":1400},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/\",\"name\":\"Typographical Design Systems - Interview with Martin Ollivere\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/#primaryimage\"},\"datePublished\":\"2020-08-17T16:40:06+00:00\",\"dateModified\":\"2020-12-14T11:41:20+00:00\",\"description\":\"We chat with co-founder Martin Ollivere of Archetype, a typographical design system that lets designers edit type live in the browser.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/eefa6aec060400a25fb8aa9150c6ce18\"},\"headline\":\"An interview with Martin Ollivere, co-founder of Archetype\",\"datePublished\":\"2020-08-17T16:40:06+00:00\",\"dateModified\":\"2020-12-14T11:41:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/#primaryimage\"},\"articleSection\":\"Spilling Tea\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/martin-ollivere-co-founder-of-archetype\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/eefa6aec060400a25fb8aa9150c6ce18\",\"name\":\"Kitty Wong\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/07606decf641f5d2d5fda7e47aeb530cb7109731c1dfa1d9c9c05ecc4b08231d?s=96&d=mm&r=g\",\"caption\":\"Kitty Wong\"},\"description\":\"Content and Social Media Manager at Marvel | Photographer | Sewer\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/20629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/290"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=20629"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/20629\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/20641"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=20629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=20629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=20629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}