[{"data":1,"prerenderedAt":4185},["ShallowReactive",2],{"en/guide/design-principles":3,"en/settings-page":2156,"MarkdownRendererNuxt_7jD2v3hmdL":4122,"MarkdownRendererNuxt_lcT8H39Bn0":4129,"MarkdownRendererNuxt_zZ0CGsTk6C":4136,"MarkdownRendererNuxt_HxOWyTFBda":4143,"MarkdownRendererNuxt_Nz7EExAiWE":4150,"MarkdownRendererNuxt_yovmHoKSRS":4157,"MarkdownRendererNuxt_pXrY6ixwWf":4164,"MarkdownRendererNuxt_uHfJFAbQJg":4171,"MarkdownRendererNuxt_jGGgaKRVFV":4178},{"content":4,"full_slug":2151,"id":2152,"name":2153,"path":37,"published_at":2154,"uuid":2155},{"_uid":5,"body":6,"bgColor":2144,"noIndex":21,"noFollow":21,"component":2145,"buttonLink":2146,"meta_image":2148,"meta_title":17,"page_title":17,"learn_tab_ios":331,"learn_tab_mac":331,"subNavigation":17,"appDescription":17,"isSimpleHeader":21,"learn_tab_move":21,"showBottomLogo":21,"hideFromSitemap":21,"learnTabSection":2150,"learn_tab_curve":21,"meta_description":17,"hideFooterGetStarted":21,"isIncludedInLearnTab":21},"e606255a-12ae-456f-ac8a-010b44ea38d4",[7,29,2048],{"_uid":8,"asset":9,"title":26,"component":27,"description":28},"781d725d-1986-4cc2-82ca-01e2b0deff8c",[10],{"_uid":11,"asset":12,"device":24,"component":25},"96e67501-a59c-4829-9f74-7648abe9b191",[13],{"_uid":14,"image":15,"imageAlt":22,"component":23},"1ebceefe-3385-4820-9041-04942e08903f",{"id":16,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":18,"copyright":17,"fieldtype":19,"meta_data":20,"is_external_url":21},20901678,"","https://a.storyblok.com/f/197805/569x493/3889e90071/reviewssectionvector.svg","asset",{},false,"design principles","Image","none","DeviceMockup","Design Principles: A Comprehensive Guide for Designers (2026)","ComparisonHero","From colour to composition, the principles in this guide are the difference between design that works and design that just exists on a screen. ",{"_uid":30,"content":31,"component":2047},"186c0954-9413-4b61-8d32-2cf8b2ff51e7",{"type":32,"content":33},"doc",[34,38,48,59,64,69,84,118,123,128,133,152,159,164,169,174,179,185,190,199,208,217,226,231,332,349,373,392,397,402,411,420,438,456,463,468,473,478,483,492,501,510,519,536,541,550,559,568,577,596,615,620,625,630,635,736,741,746,766,785,790,795,800,805,810,815,820,896,901,906,911,916,975,980,997,1002,1007,1016,1025,1034,1051,1070,1089,1094,1099,1104,1109,1114,1119,1175,1180,1185,1190,1199,1208,1217,1236,1255,1260,1265,1270,1275,1280,1321,1338,1357,1362,1367,1372,1377,1382,1391,1400,1409,1418,1423,1428,1437,1446,1452,1471,1490,1495,1504,1509,1514,1523,1532,1541,1546,1635,1652,1671,1676,1681,1686,1695,1704,1713,1722,1727,1732,1737,1862,1867,1872,1877,1886,1895,1904,1913,1922,1931,1936,1955,1961,1966,1975,1984,1993,2002,2022,2027,2032,2045],{"type":35,"attrs":36},"paragraph",{"textAlign":37},null,{"type":39,"attrs":40},"blok",{"id":41,"body":42},"0e0c46b7-3f68-45ee-88a1-5b413b5e2262",[43],{"lg":17,"md":17,"sm":17,"xl":17,"xs":17,"xl2":17,"xl3":17,"_uid":44,"initial":45,"component":46,"backgroundColor":47},"i-3ea7c473-0eaa-46d1-87c3-0fec9849911b","-1","Spacer","transparent",{"type":35,"attrs":49,"content":50},{"textAlign":37},[51,57],{"text":52,"type":53,"marks":54},"Design principles","text",[55],{"type":56},"bold",{"text":58,"type":53}," are the foundational rules that govern how visual elements, colour, typography, composition, white space, and pattern, work together to create clear, intentional design. This guide covers each principle in depth, with practical frameworks for applying them across branding, product design, editorial, and illustration work.",{"type":35,"attrs":60,"content":61},{"textAlign":37},[62],{"text":63,"type":53},"When a design feels off, something not quite right, even if everything is technically in place, the issue is almost always rooted in these fundamentals. The hierarchy may be unclear, colours may clash, spacing may lack structure, or typography may be trying to solve too many problems at once. These principles aren’t just for beginners; they’re the core tools used to diagnose and refine work at every level.",{"type":35,"attrs":65,"content":66},{"textAlign":37},[67],{"text":68,"type":53},"Experienced designers rely on them constantly, often intuitively, because repeated application turns them into instinct. But that instinct comes from understanding. This guide is designed to build that understanding and to give you a reliable framework to return to whenever something isn’t working.",{"type":39,"attrs":70},{"id":71,"body":72},"23173cb3-3d10-49fa-ac17-50928e4cb2f6",[73,75,82],{"lg":17,"md":17,"sm":17,"xl":17,"xs":17,"xl2":17,"xl3":17,"_uid":74,"initial":45,"component":46,"backgroundColor":47},"i-5fabcc7a-3e5e-4302-9d7f-0a3b387565e5",{"src":76,"_uid":80,"component":81},{"_uid":77,"plugin":78,"content":79},"74ca151e-1d04-4427-ba64-27f64d929d3c","html-editor-2023","\u003Cstyle>\n  .lin-learn-block {\n    position: relative;\n    background: #f7ede4;\n    border-radius: 16px;\n    padding: 40px 48px 40px 48px;\n    margin: 0;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  }\n  .lin-learn-block::before {\n    content: '';\n    position: absolute;\n    top: 24px;\n    bottom: 24px;\n    left: 48px;\n    width: 5px;\n    height: auto;\n    background: #1a1a1a;\n    border-radius: 3px;\n  }\n  .lin-learn-block h2 {\n    font-size: 1.85rem;\n    font-weight: 800;\n    text-align: center;\n    margin: 0 0 36px 0;\n    color: #1a1a1a;\n    line-height: 1.2;\n  }\n  .lin-learn-block ul {\n    list-style: none;\n    padding: 0 0 0 32px;\n    margin: 0;\n  }\n  .lin-learn-block ul li {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 14px 0;\n  }\n  .lin-learn-block ul li::before {\n    content: '○';\n    font-size: 0.7rem;\n    color: #1a1a1a;\n    flex-shrink: 0;\n    line-height: 1;\n  }\n  .lin-learn-block ul li a {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #1a1a1a;\n    text-decoration: none;\n    line-height: 1.4;\n  }\n  .lin-learn-block ul li a:hover {\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n\u003C/style>\n\u003Cdiv class=\"lin-learn-block\">\n  \u003Ch2>What you'll learn in this guide:\u003C/h2>\n  \u003Cul>\n    \u003Cli>\u003Ca href=\"#why-design-principles-matter\">Why design principles matter\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#colour-theory-the-foundation-of-visual-communication\">Colour theory: the foundation of visual communication\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#building-and-using-colour-palettes\">Building and using colour palettes\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#colour-terminology-speaking-precisely-about-colour\">Colour terminology: speaking precisely about colour\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#typography-the-structure-of-language-in-design\">Typography: the structure of language in design\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#composition-how-elements-are-arranged\">Composition: how elements are arranged\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#the-rule-of-thirds\">The rule of thirds\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#white-space-the-principle-most-designers-underuse\">White space: the principle most designers underuse\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#visual-pattern-and-geometric-elements\">Visual pattern and geometric elements\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#how-the-principles-work-together\">How the principles work together\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#common-mistakes-in-applying-design-principles\">Common mistakes in applying design principles\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"#a-practical-framework-for-design-decisions\">A practical framework for design decisions\u003C/a>\u003C/li>\n  \u003C/ul>\n\u003C/div>","79b8ac55-977f-45f8-b216-b95d3ecd0603","BlogComponentHtml",{"lg":17,"md":17,"sm":17,"xl":17,"xs":17,"xl2":17,"xl3":17,"_uid":83,"initial":45,"component":46,"backgroundColor":47},"i-69106c2a-753c-4ec8-82a5-4615063fd454",{"type":35,"attrs":85,"content":86},{"textAlign":37},[87,89,93,95,99,100,104,106,110,112,116],{"text":88,"type":53},"Design principles are the foundational rules that govern ",{"text":90,"type":53,"marks":91},"colour",[92],{"type":56},{"text":94,"type":53},", ",{"text":96,"type":53,"marks":97},"typography",[98],{"type":56},{"text":94,"type":53},{"text":101,"type":53,"marks":102},"composition",[103],{"type":56},{"text":105,"type":53},", white ",{"text":107,"type":53,"marks":108},"space",[109],{"type":56},{"text":111,"type":53},", and ",{"text":113,"type":53,"marks":114},"pattern",[115],{"type":56},{"text":117,"type":53},", and most design problems, when traced back far enough, turn out to be a failure to apply them consistently.",{"type":35,"attrs":119,"content":120},{"textAlign":37},[121],{"text":122,"type":53},"Here's the uncomfortable truth: most design problems aren't tool problems, skill problems, or even taste problems. They're fundamentals problems. A design that looks inconsistent usually has inconsistent type hierarchy. A layout that feels crowded is missing deliberate white space. A colour palette that \"just doesn't work\" usually lacks a defined system , someone picked colours they liked without thinking about how they'd function together.",{"type":35,"attrs":124,"content":125},{"textAlign":37},[126],{"text":127,"type":53},"The fundamentals covered in this guide apply across every design discipline: branding, product design, editorial, motion, illustration. They don't belong to any specific software. They describe how human vision and perception actually work, and that doesn't change based on what tool you're using.",{"type":35,"attrs":129,"content":130},{"textAlign":37},[131],{"text":132,"type":53},"A design built on strong fundamentals doesn't look \"by the book.\" It looks clear, intentional, and considered. That's the goal, and it's more achievable than most people think once the underlying principles are understood rather than just followed.",{"type":39,"attrs":134},{"id":135,"body":136},"c335af42-09ac-4ddf-a14b-0916c4b4ec5e",[137],{"_uid":138,"asset":139,"component":150,"description":151},"i-2d3a8b23-2437-4166-a1c2-8ca6246a1045",[140],{"_uid":141,"asset":142,"device":24,"component":25},"2004fab4-c739-4e1a-be51-6eef7f354989",[143],{"_uid":144,"image":145,"imageAlt":149,"component":23},"fda1af5c-fdc4-4c2f-8552-1aae76c0c1f3",{"id":146,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":147,"copyright":17,"fieldtype":19,"meta_data":148,"is_external_url":21},9274974,"https://a.storyblok.com/f/197805/2712x1512/9872f4d083/header_comparison_illustrator.png",{}," A split-screen showing two versions of the same layout — one with no applied principles (poor contrast, uneven spacing, mismatched type), one with the fundamentals applied (clear hierarchy, consistent spacing, readable type)","BlogComponentImage","The same content, two different applications of design principles, the difference is visible immediately.",{"type":153,"attrs":154,"content":156},"heading",{"level":155,"textAlign":37},2,[157],{"text":158,"type":53},"Colour theory: the foundation of visual communication",{"type":35,"attrs":160,"content":161},{"textAlign":37},[162],{"text":163,"type":53},"Colour theory is the framework designers use to make deliberate colour decisions, understanding how colours relate to each other, how they're perceived in context and how to combine them into systems that work.",{"type":35,"attrs":165,"content":166},{"textAlign":37},[167],{"text":168,"type":53},"Colour lands before everything else. Before a viewer reads a headline, understands a layout, or notices the typeface, they've already registered the colour. It sets the emotional tone, signals what kind of thing this is, and starts building expectations, all in a fraction of a second.",{"type":35,"attrs":170,"content":171},{"textAlign":37},[172],{"text":173,"type":53},"That's what makes colour decisions so consequential and also so commonly mishandled. Most colour problems in design don't come from bad taste. They come from choosing colours without a framework for understanding how they'll behave together.",{"type":35,"attrs":175,"content":176},{"textAlign":37},[177],{"text":178,"type":53},"Colour theory is that framework. It starts with the colour wheel — a model of the visible spectrum organised by spectral relationship — and builds outward into systems for combining colours, controlling mood, and creating visual hierarchy.",{"type":153,"attrs":180,"content":182},{"level":181,"textAlign":37},3,[183],{"text":184,"type":53},"The colour wheel and colour relationships",{"type":35,"attrs":186,"content":187},{"textAlign":37},[188],{"text":189,"type":53},"The colour wheel's primary value isn't in showing you what colours exist. It's in showing you how colours relate, and what those relationships predict about how combinations will feel.",{"type":35,"attrs":191,"content":192},{"textAlign":37},[193,197],{"text":194,"type":53,"marks":195},"Complementary colours",[196],{"type":56},{"text":198,"type":53}," sit directly opposite each other on the wheel. They create maximum contrast and visual tension. Think of the red-and-green of a traffic light, or the orange-and-blue that cinema posters have used for decades. Effective for drawing attention; difficult to sustain across large areas without tiring the eye.",{"type":35,"attrs":200,"content":201},{"textAlign":37},[202,206],{"text":203,"type":53,"marks":204},"Analogous colours",[205],{"type":56},{"text":207,"type":53}," sit adjacent to each other on the wheel — blue, blue-green, green, for instance. They share a hue relationship that produces harmony and coherence. This is why nature so often feels visually comfortable: analogous colour relationships are everywhere in it.",{"type":35,"attrs":209,"content":210},{"textAlign":37},[211,215],{"text":212,"type":53,"marks":213},"Triadic colours",[214],{"type":56},{"text":216,"type":53}," sit equidistant around the wheel. They offer variety without the tension of complementary pairs — a more playful, balanced dynamic that works well in marketing and editorial contexts.",{"type":35,"attrs":218,"content":219},{"textAlign":37},[220,224],{"text":221,"type":53,"marks":222},"Monochromatic colours",[223],{"type":56},{"text":225,"type":53}," use a single hue at different values and saturations. Stripe's product design is a good real-world example — a strong, singular blue extended across a full value range creates cohesion and clarity without requiring multiple hues to do the work.",{"type":35,"attrs":227,"content":228},{"textAlign":37},[229],{"text":230,"type":53},"Each relationship has a different emotional quality and a different practical role. This table summarises how they compare:",{"type":39,"attrs":232},{"id":233,"body":234},"0fa8cfd8-d2f7-4719-aa26-ff7aaafbb7b5",[235],{"_uid":236,"content":237,"component":330,"showHeader":331,"invertAxisOnMobile":21},"i-5eda3f53-6143-4115-918e-da02ed21efea",{"tbody":238,"thead":315,"fieldtype":329},[239,255,270,285,300],{"_uid":240,"body":241,"component":254},"5e7b6289-b6f8-4c00-8502-f566a02aef69",[242,246,249,251],{"_uid":243,"value":244,"component":245},"637275fb-a76d-4407-8b82-e7c40885ac53","Complementary","_table_col",{"_uid":247,"value":248,"component":245},"507240a1-c00e-4058-9693-ca31d048c6d4","High",{"_uid":17,"value":250,"component":245},"Dynamic, energetic",{"_uid":252,"value":253,"component":245},"0c0890d7-20fc-489c-a5c8-0c08c15586a1","CTAs, accent colours, attention-grabbing elements","_table_row",{"_uid":256,"body":257,"component":254},"3b89ba24-192f-4250-833d-d685115f8d56",[258,261,264,267],{"_uid":259,"value":260,"component":245},"44f451ca-1a95-4c02-b8c4-7a5317ea7c77","Analogous",{"_uid":262,"value":263,"component":245},"9eb27339-680d-4152-9dfc-cd0582adc73a","Low",{"_uid":265,"value":266,"component":245},"ef4905c6-b9bc-4c98-9ee4-02c235951167","Harmonious, calm",{"_uid":268,"value":269,"component":245},"0c420d20-db9d-470a-a480-341db34a1b7a","Backgrounds, illustration, brand palettes",{"_uid":271,"body":272,"component":254},"e9beb3a0-34ff-492a-8c6a-89cad9b3aa05",[273,276,279,282],{"_uid":274,"value":275,"component":245},"73ec8633-421e-48e1-bfc1-a32e4a763acf","Triadic",{"_uid":277,"value":278,"component":245},"ec3e4270-763a-45a5-beb8-14a57c0fdf87","Medium",{"_uid":280,"value":281,"component":245},"3675f8e3-9cde-49f2-98fd-d540c0fc90e8","Balanced, playful",{"_uid":283,"value":284,"component":245},"34e2f51c-aa67-44f0-9d28-d7192e331033","Marketing visuals, editorial, bold branding",{"_uid":286,"body":287,"component":254},"68197c8c-430e-47e1-b65b-fc8ad49efcd2",[288,291,294,297],{"_uid":289,"value":290,"component":245},"fd02368f-cfa5-4919-9a09-62717c1e54d1","Monochromatic",{"_uid":292,"value":293,"component":245},"5ee0a776-237d-4b5d-a34e-3917b831a480","Low–medium",{"_uid":295,"value":296,"component":245},"a84600cc-83da-4aa5-9749-f27c4e534de3","Cohesive, refined",{"_uid":298,"value":299,"component":245},"875e8d13-a0e8-406e-9372-381270d88a95","Brand systems, UI, minimal design",{"_uid":301,"body":302,"component":254},"0d8ad1ae-60e6-4583-b92b-464e51464dbc",[303,306,309,312],{"_uid":304,"value":305,"component":245},"5d14233a-f898-4b30-a8f5-5c78c685cf36","Split-complementary",{"_uid":307,"value":308,"component":245},"b7ae4c03-2f9b-4f4c-8b30-a27a82b015ad","Medium–high",{"_uid":310,"value":311,"component":245},"1baa2e8f-101f-465c-9479-a7d4f3a8e23a","Varied, controlled",{"_uid":313,"value":314,"component":245},"504a2d43-3d3b-4322-8498-f1f407fc660a","Product design, versatile palettes",[316,320,323,326],{"_uid":317,"value":318,"component":319},"063b1f87-6f1b-4b18-bad2-836aadc4e4b5","Colour relationship","_table_head",{"_uid":321,"value":322,"component":319},"4e5e284b-a10a-4311-b336-bc06c2bdd78c","Contrast level",{"_uid":324,"value":325,"component":319},"65ce299a-27aa-4f34-92b5-6f4616cb30c1","Emotional feel",{"_uid":327,"value":328,"component":319},"7988c958-864e-49df-94a2-332c6b0d9b59","Common use cases","table","TableComponent",true,{"type":39,"attrs":333},{"id":233,"body":334},[335],{"_uid":336,"asset":337,"component":150,"description":348},"i-7b4d7502-de7c-4cbf-b597-48f0c633c02b",[338],{"_uid":339,"asset":340,"device":24,"component":25},"9b71be86-31ab-4683-8260-1cb7bcf55e1d",[341],{"_uid":342,"image":343,"imageAlt":347,"component":23},"a741edea-89dc-46bb-b1a0-55ee6e06ad7b",{"id":344,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":345,"copyright":17,"fieldtype":19,"meta_data":346,"is_external_url":21},173912196531837,"https://a.storyblok.com/f/197805/1774x887/5d2cd4de39/color-relationship.png",{},"color relationship","Colour relationships on the wheel predict how colour combinations will feel, not just how they look.",{"type":35,"attrs":350,"content":351},{"textAlign":37},[352,356,358],{"text":353,"type":53,"marks":354},"Go deeper:",[355],{"type":56},{"text":357,"type":53}," ",{"text":359,"type":53,"marks":360},"Analogous colours: how adjacent hues create harmony ",[361],{"type":362,"attrs":363},"link",{"href":364,"uuid":365,"anchor":37,"target":366,"linktype":367,"story":368},"/blog/analogous-colors","416804ef-aac6-4fa1-a6e8-aee25b3f46c1","_self","story",{"name":369,"id":370,"uuid":365,"slug":371,"url":372,"full_slug":372,"_stopResolving":331},"Analogous colors for designers",579671927,"analogous-colors","blog/analogous-colors",{"type":35,"attrs":374,"content":375},{"textAlign":37},[376,379,380],{"text":353,"type":53,"marks":377},[378],{"type":56},{"text":357,"type":53},{"text":381,"type":53,"marks":382},"Monochromatic colours: building single-hue colour systems",[383],{"type":362,"attrs":384},{"href":385,"uuid":386,"anchor":37,"target":366,"linktype":367,"story":387},"/blog/monochromatic-colors","aaf65673-3c28-476f-949d-95680cbc7115",{"name":388,"id":389,"uuid":386,"slug":390,"url":391,"full_slug":391,"_stopResolving":331},"The ultimate guide to monochromatic colors in graphic design",579704752,"monochromatic-colors","blog/monochromatic-colors",{"type":153,"attrs":393,"content":394},{"level":181,"textAlign":37},[395],{"text":396,"type":53},"Colour and perception",{"type":35,"attrs":398,"content":399},{"textAlign":37},[400],{"text":401,"type":53},"Knowing the colour wheel is a start. Understanding how colour actually behaves in context is where it gets practically useful.",{"type":35,"attrs":403,"content":404},{"textAlign":37},[405,409],{"text":406,"type":53,"marks":407},"Simultaneous contrast",[408],{"type":56},{"text":410,"type":53}," is the phenomenon where a colour appears different depending on what surrounds it. The exact same mid-grey looks darker against white and lighter against black. This is why designers who test colours only as isolated swatches get surprised when things look wrong in context — the colour hasn't changed, but its surroundings have.",{"type":35,"attrs":412,"content":413},{"textAlign":37},[414,418],{"text":415,"type":53,"marks":416},"Colour temperature",[417],{"type":56},{"text":419,"type":53}," divides the spectrum into warm colours (reds, oranges, yellows) and cool colours (blues, greens, purples). Warm colours advance — they draw attention and feel closer. Cool colours recede — they feel calmer and more distant. Used deliberately, temperature alone can create spatial depth and hierarchy in a composition without changing any other variable.",{"type":35,"attrs":421,"content":422},{"textAlign":37},[423,427,429,436],{"text":424,"type":53,"marks":425},"Colour and accessibility",[426],{"type":56},{"text":428,"type":53}," is a functional requirement, not a stylistic preference. Colour contrast between text and background needs to meet WCAG standards to be usable by people with visual impairments. The minimum contrast ratio for normal text is 4.5:1. This is not a late-stage check — it's something to verify throughout the process. Tools like the ",{"text":430,"type":53,"marks":431},"WebAIM Contrast Checker",[432],{"type":362,"attrs":433},{"href":434,"uuid":37,"anchor":37,"target":37,"linktype":435},"https://webaim.org/resources/contrastchecker/","url",{"text":437,"type":53}," make it straightforward.",{"type":35,"attrs":439,"content":440},{"textAlign":37},[441,443,454],{"text":442,"type":53},"Colour decisions also extend into how illustration styles are built. The ",{"text":444,"type":53,"marks":445},"illustration styles guide",[446],{"type":362,"attrs":447},{"href":448,"uuid":449,"anchor":37,"target":366,"linktype":367,"story":450},"/guide/illustration-styles","62b8831c-85fb-47fe-ac3d-dfc5691bbfb6",{"name":451,"id":452,"uuid":449,"slug":451,"url":453,"full_slug":453,"_stopResolving":331},"illustration-styles",165849523597560,"guide/illustration-styles",{"text":455,"type":53}," covers how colour palette choices differ across flat, corporate, editorial, and character-based visual systems.",{"type":39,"attrs":457},{"id":233,"body":458},[459],{"_uid":460,"markdown":461,"component":462},"i-b7284234-18a0-45f8-8f5f-3aaa4d0a3ff3","\"Colour does not add a pleasant quality to design — it reinforces it.\" — Pierre Bonnard, painter","BlogComponentQuote",{"type":153,"attrs":464,"content":465},{"level":155,"textAlign":37},[466],{"text":467,"type":53},"Building and using colour palettes",{"type":35,"attrs":469,"content":470},{"textAlign":37},[471],{"text":472,"type":53},"There's a difference between a collection of colours that look good together and a colour palette that actually works in a design system. The first is an aesthetic judgement. The second is a functional one.",{"type":35,"attrs":474,"content":475},{"textAlign":37},[476],{"text":477,"type":53},"A working palette isn't just harmonious — it's organised. Every colour has a role, and that role is consistent across the design. Picking colours you like without defining those roles is one of the most common sources of colour problems that are hard to diagnose: individually the colours are fine, but the system has no logic.",{"type":35,"attrs":479,"content":480},{"textAlign":37},[481],{"text":482,"type":53},"Most design systems organise palettes into four functional categories:",{"type":35,"attrs":484,"content":485},{"textAlign":37},[486,490],{"text":487,"type":53,"marks":488},"Primary colours",[489],{"type":56},{"text":491,"type":53}," are the core brand colours — used most prominently and most consistently. Usually one or two colours that appear in logos, primary CTAs, and hero elements.",{"type":35,"attrs":493,"content":494},{"textAlign":37},[495,499],{"text":496,"type":53,"marks":497},"Secondary colours",[498],{"type":56},{"text":500,"type":53}," support the primary palette. They appear in backgrounds, illustrations, and secondary UI elements, and should harmonise with the primaries without competing with them.",{"type":35,"attrs":502,"content":503},{"textAlign":37},[504,508],{"text":505,"type":53,"marks":506},"Neutral colours",[507],{"type":56},{"text":509,"type":53}," handle the structural work: text, backgrounds, borders, dividers. Greys, off-whites, near-blacks. Often the largest category by actual usage despite being the least visually prominent — which is exactly the point.",{"type":35,"attrs":511,"content":512},{"textAlign":37},[513,517],{"text":514,"type":53,"marks":515},"Semantic colours",[516],{"type":56},{"text":518,"type":53}," communicate meaning: green for success, red for error, amber for warning, blue for information. These are functional rather than aesthetic, and consistency here is non-negotiable. A user who sees green meaning \"success\" in one part of a product and something else in another has been given contradictory information.",{"type":39,"attrs":520},{"id":233,"body":521},[522],{"_uid":523,"asset":524,"component":150,"description":535},"i-acdb0c21-735d-48fe-a4d2-69c9b22ec73f",[525],{"_uid":526,"asset":527,"device":24,"component":25},"0b6cefb1-3c9c-4e5e-9a44-1b3fd82426df",[528],{"_uid":529,"image":530,"imageAlt":534,"component":23},"a802da63-8282-4692-bba2-5cd820f1b584",{"id":531,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":532,"copyright":17,"fieldtype":19,"meta_data":533,"is_external_url":21},173912196716158,"https://a.storyblok.com/f/197805/1774x887/1d5cfa6c02/functional-colors.png",{},"functional colors","A well-structured design system palette organizes colours by function.",{"type":153,"attrs":537,"content":538},{"level":181,"textAlign":37},[539],{"text":540,"type":53},"How to build a colour palette that actually works",{"type":35,"attrs":542,"content":543},{"textAlign":37},[544,548],{"text":545,"type":53,"marks":546},"Start with one anchor colour.",[547],{"type":56},{"text":549,"type":53}," Usually the primary brand colour. Everything else should be derived from or tested against this. Starting with too many colours at once makes it impossible to evaluate how they relate — you end up with preferences, not a system.",{"type":35,"attrs":551,"content":552},{"textAlign":37},[553,557],{"text":554,"type":53,"marks":555},"Define a value range for each hue.",[556],{"type":56},{"text":558,"type":53}," A single colour needs to work at multiple values: light enough for backgrounds, dark enough for text, a mid-range for interactive and hover states. A palette with only one shade of each colour runs out of options fast in a real design context.",{"type":35,"attrs":560,"content":561},{"textAlign":37},[562,566],{"text":563,"type":53,"marks":564},"Test in context before committing.",[565],{"type":56},{"text":567,"type":53}," Colours behave differently on a white artboard than they do next to other colours, on a dark surface, or at small sizes. The swatches that look great in isolation sometimes look wrong in use.",{"type":35,"attrs":569,"content":570},{"textAlign":37},[571,575],{"text":572,"type":53,"marks":573},"Check accessibility at every step.",[574],{"type":56},{"text":576,"type":53}," Not at the end. Every time you place text on a background, verify the contrast ratio. Retrofitting accessibility into a finished palette is painful — building it in from the start is not.",{"type":35,"attrs":578,"content":579},{"textAlign":37},[580,583,584],{"text":353,"type":53,"marks":581},[582],{"type":56},{"text":357,"type":53},{"text":585,"type":53,"marks":586},"Colour palette guide: building and using colour systems in design ",[587],{"type":362,"attrs":588},{"href":589,"uuid":590,"anchor":37,"target":366,"linktype":367,"story":591},"/blog/color-palette-guide","7032e244-df85-431c-ade3-6b8264fc4bf5",{"name":592,"id":593,"uuid":590,"slug":594,"url":595,"full_slug":595,"_stopResolving":331},"Color palette guide",168373498018031,"color-palette-guide","blog/color-palette-guide",{"type":35,"attrs":597,"content":598},{"textAlign":37},[599,602,603],{"text":353,"type":53,"marks":600},[601],{"type":56},{"text":357,"type":53},{"text":604,"type":53,"marks":605},"Bright colour palette: using high-saturation colour without losing control",[606],{"type":362,"attrs":607},{"href":608,"uuid":609,"anchor":37,"target":366,"linktype":367,"story":610},"/blog/bright-color-palette","4ac1f4cb-303c-47c5-bc98-5956014adec2",{"name":611,"id":612,"uuid":609,"slug":613,"url":614,"full_slug":614,"_stopResolving":331},"Bright color palette: how and when to use one",570253378,"bright-color-palette","blog/bright-color-palette",{"type":153,"attrs":616,"content":617},{"level":155,"textAlign":37},[618],{"text":619,"type":53},"Colour terminology: speaking precisely about colour",{"type":35,"attrs":621,"content":622},{"textAlign":37},[623],{"text":624,"type":53},"Colour terminology, hue, tint, tone, shade, saturation, value and chroma, describes precise and different things, and using these terms correctly makes design conversations faster and revision briefs clearer.",{"type":35,"attrs":626,"content":627},{"textAlign":37},[628],{"text":629,"type":53},"Walk into any design review and you'll hear colour described in vague terms: \"can we make it warmer?\", \"it feels a bit flat\", \"I want something more vibrant.\" These aren't bad instincts, they're just imprecise. And imprecision in colour conversations leads directly to misaligned revisions and wasted time.",{"type":35,"attrs":631,"content":632},{"textAlign":37},[633],{"text":634,"type":53},"The vocabulary of colour is actually quite exact. The problem is that most people use the terms interchangeably when they mean specific and different things:d",{"type":39,"attrs":636},{"id":233,"body":637},[638],{"_uid":639,"content":640,"component":330,"showHeader":331,"invertAxisOnMobile":21},"i-17e38848-4f91-4f9e-9c96-ffbb4d3fc3cb",{"tbody":641,"thead":726,"fieldtype":329},[642,654,666,678,690,702,714],{"_uid":643,"body":644,"component":254},"590fb467-9aab-4da1-b5a3-2c46a694b9b5",[645,648,651],{"_uid":646,"value":647,"component":245},"0318850d-8fb0-4805-9eea-b6ac6f318170","Hue",{"_uid":649,"value":650,"component":245},"869e826c-9748-4c46-b81d-3d023e38b9fd","The pure colour, as it appears on the colour wheel",{"_uid":652,"value":653,"component":245},"69d1274f-0069-4f97-96b9-287d52bdf1c7","Red, blue, yellow",{"_uid":655,"body":656,"component":254},"59385318-5ab0-4e3e-a626-c913bcdec357",[657,660,663],{"_uid":658,"value":659,"component":245},"193c3b25-5028-4d47-9406-9588e1644f04","Tint",{"_uid":661,"value":662,"component":245},"9de36a4c-d5d8-4e3f-85b7-9dba27134ee0","A hue mixed with white",{"_uid":664,"value":665,"component":245},"7d33dba3-a0e4-4f12-85c1-8d5263938aeb","Pink (red + white)",{"_uid":667,"body":668,"component":254},"4081463c-6aa1-42ea-8885-19081105665c",[669,672,675],{"_uid":670,"value":671,"component":245},"f7d0a817-a4f4-48d8-b3d3-56157b8eabdc","Shade",{"_uid":673,"value":674,"component":245},"70a2bfe9-5b39-40ef-82d1-e3cf2ff72269","A hue mixed with black",{"_uid":676,"value":677,"component":245},"2774a39c-cb64-4813-9265-76ddeb6e0b09","Burgundy (red + black)",{"_uid":679,"body":680,"component":254},"7a1a8758-2740-4843-850a-00292bcb0108",[681,684,687],{"_uid":682,"value":683,"component":245},"fa81649e-5888-4685-a26a-e1292318ccbe","Tone",{"_uid":685,"value":686,"component":245},"0dc62dfb-b03c-4db4-8bad-ee9e55061b5f","A hue mixed with grey",{"_uid":688,"value":689,"component":245},"271c845f-b67e-4f3d-8261-fb76ff184ded","Muted red (red + grey)",{"_uid":691,"body":692,"component":254},"8909ef8b-e454-4369-91f0-c1d0834fd4bb",[693,696,699],{"_uid":694,"value":695,"component":245},"a6cfa68e-c3ca-458d-ba49-b3c76d33c29b","Saturation",{"_uid":697,"value":698,"component":245},"30e8fb20-77c0-4620-8d48-cffbd052ab01","The intensity or purity of a colour",{"_uid":700,"value":701,"component":245},"adb21918-3753-45f0-ac21-3e386d09c30d","Vivid red vs washed-out red",{"_uid":703,"body":704,"component":254},"aa5d6dcc-1412-4ad9-b1c8-c4a18f162526",[705,708,711],{"_uid":706,"value":707,"component":245},"955aeffe-3004-405b-b48a-cd8c8d172fe7","Value",{"_uid":709,"value":710,"component":245},"115a549f-cb6b-4144-9637-a7da64eec759","The lightness or darkness of a colour",{"_uid":712,"value":713,"component":245},"e677cba9-0c82-4ba6-8cf9-c10dd8c68b75","Light blue vs dark blue",{"_uid":715,"body":716,"component":254},"550a9d05-b11b-45bc-bb78-de63e83f061c",[717,720,723],{"_uid":718,"value":719,"component":245},"9b676dc1-2a22-487a-9ad2-544e981c7a2b","Chroma",{"_uid":721,"value":722,"component":245},"be595a5a-d283-437f-98ca-923ec1aadb01","The colourfulness relative to a neutral grey",{"_uid":724,"value":725,"component":245},"445dded5-06d2-4ebd-8af0-563faf3dc443","High chroma = vivid; low chroma = muted",[727,730,733],{"_uid":728,"value":729,"component":319},"6f18a10d-af92-4a10-bcfc-c398c714a20b","Term",{"_uid":731,"value":732,"component":319},"3c8afe8d-f71c-425f-affc-639d3499e44c","Definition",{"_uid":734,"value":735,"component":319},"8aaa6d64-db7f-4483-b4cb-fe04deaea45b","Example",{"type":35,"attrs":737,"content":738},{"textAlign":37},[739],{"text":740,"type":53},"When a client says \"make it more muted,\" they mean reduce saturation or add tone, not reduce brightness. When a brand guideline says \"use the shade for hover states,\" that's a specific instruction to mix the hue with black. When a design system has a \"tint scale,\" it means a series of values created by mixing the base colour with increasing amounts of white.",{"type":35,"attrs":742,"content":743},{"textAlign":37},[744],{"text":745,"type":53},"Getting this vocabulary right makes design conversations faster, revision briefs clearer, and handoffs significantly less ambiguous.",{"type":35,"attrs":747,"content":748},{"textAlign":37},[749,752,753,765],{"text":353,"type":53,"marks":750},[751],{"type":56},{"text":357,"type":53},{"text":754,"type":53,"marks":755},"Colour tone terminology: hue, tint, tone, shade explained",[756],{"type":362,"attrs":757},{"href":758,"uuid":759,"anchor":37,"target":366,"linktype":367,"story":760},"/blog/color-tone-terminology","7707d773-f813-4449-9ede-eaf24c86d862",{"name":761,"id":762,"uuid":759,"slug":763,"url":764,"full_slug":764,"_stopResolving":331},"Color tone terminology handbook: tint, tone, shade, and more",569031230,"color-tone-terminology","blog/color-tone-terminology",{"text":357,"type":53},{"type":35,"attrs":767,"content":768},{"textAlign":37},[769,772,773],{"text":353,"type":53,"marks":770},[771],{"type":56},{"text":357,"type":53},{"text":774,"type":53,"marks":775},"Hex code: how colour codes work and how designers use them",[776],{"type":362,"attrs":777},{"href":778,"uuid":779,"anchor":37,"target":366,"linktype":367,"story":780},"/blog/hex-code","6af8b033-e836-4aa9-940b-abfa611c51fe",{"name":781,"id":782,"uuid":779,"slug":783,"url":784,"full_slug":784,"_stopResolving":331},"What's the Hex Code and how to use it",559409148,"hex-code","blog/hex-code",{"type":153,"attrs":786,"content":787},{"level":155,"textAlign":37},[788],{"text":789,"type":53},"Typography: the structure of language in design",{"type":35,"attrs":791,"content":792},{"textAlign":37},[793],{"text":794,"type":53},"Typography is the visual organisation of language, governing readability, hierarchy, authority and emotion before a single word is consciously processed.",{"type":35,"attrs":796,"content":797},{"textAlign":37},[798],{"text":799,"type":53},"Here's a test. Take any well-designed product, a good app, a well-edited publication, a strong brand website, and remove all the images. What's left is almost entirely typography. And in most cases, it still works. The hierarchy is clear, the content is readable, the design holds together.",{"type":35,"attrs":801,"content":802},{"textAlign":37},[803],{"text":804,"type":53},"Now do the same with a poorly designed product. Without the images, it usually falls apart, because the structure was being carried by visuals rather than type.",{"type":35,"attrs":806,"content":807},{"textAlign":37},[808],{"text":809,"type":53},"Typography is the structural skeleton of a design. Most designers spend more time choosing typefaces than understanding how type actually functions. The typeface is one decision. How it's used, size, weight, spacing, line length, hierarchy, is where most of the real work happens.",{"type":153,"attrs":811,"content":812},{"level":181,"textAlign":37},[813],{"text":814,"type":53},"Type classification and selection",{"type":35,"attrs":816,"content":817},{"textAlign":37},[818],{"text":819,"type":53},"Typefaces are broadly classified into a few major categories, each with different characteristics and typical use cases:",{"type":39,"attrs":821},{"id":233,"body":822},[823],{"_uid":824,"content":825,"component":330,"showHeader":331,"invertAxisOnMobile":21},"i-be9dbd36-1f2c-4a06-b2f9-d4dba3151aa3",{"tbody":826,"thead":887,"fieldtype":329},[827,839,851,863,875],{"_uid":828,"body":829,"component":254},"4f0458d3-e040-49e2-93b2-5fc24403a601",[830,833,836],{"_uid":831,"value":832,"component":245},"81b7183d-6ced-43f7-a701-2240f98b509c","Serif",{"_uid":834,"value":835,"component":245},"a1169e05-c8ca-4f7c-a8eb-f8afdb23f1ca","Small strokes at letterform ends — traditional, authoritative",{"_uid":837,"value":838,"component":245},"f1b8a4c7-a06b-48c1-9204-660bd3f43ced","Editorial, publishing, luxury branding, long-form text",{"_uid":840,"body":841,"component":254},"83623751-417b-43a6-ac3d-368ae2db8610",[842,845,848],{"_uid":843,"value":844,"component":245},"056815e8-3d1c-407f-ac9e-3b998ace8baf","Sans-serif",{"_uid":846,"value":847,"component":245},"07c024df-b9c1-4ab6-84d5-a2abf8414b9c","Clean terminals, no serifs — modern, neutral, legible",{"_uid":849,"value":850,"component":245},"f2e30d29-6b02-4de3-8de7-e55dac24626e","UI, digital interfaces, product design, body text",{"_uid":852,"body":853,"component":254},"3ed93239-6a39-411f-9be2-43b96d22720b",[854,857,860],{"_uid":855,"value":856,"component":245},"c695a4ba-005d-4743-89f3-9e2f82991434","Monospace",{"_uid":858,"value":859,"component":245},"85520d27-9100-4192-87cb-857c4c53ce22","Equal character width — technical, code-like",{"_uid":861,"value":862,"component":245},"65dbdc3a-06a4-44ab-949e-8655e9ee6cc9","Code samples, technical content, certain editorial styles",{"_uid":864,"body":865,"component":254},"64e00d35-8344-40ff-9fa7-3c6c1edffb44",[866,869,872],{"_uid":867,"value":868,"component":245},"87004ce6-a13e-4269-8caf-0469af9661df","Display",{"_uid":870,"value":871,"component":245},"abb7be2d-5d46-41e6-8bfc-cc7be4baf282","Highly expressive — designed for headlines, not body text",{"_uid":873,"value":874,"component":245},"c920fa9b-9827-466d-be97-6b121ed5746a","Headlines, posters, branding, short-form emphasis",{"_uid":876,"body":877,"component":254},"729a7a9c-6ec1-43e6-92e0-7d4ec6532896",[878,881,884],{"_uid":879,"value":880,"component":245},"167c7550-abe0-412c-addc-655a3a497895","Script",{"_uid":882,"value":883,"component":245},"e36d5881-01fa-474e-b077-f37027d2196c","Handwritten or calligraphic feel — personal, decorative",{"_uid":885,"value":886,"component":245},"11bffb85-7b97-4fda-848a-c1a3663ded42","Invitations, packaging, accent use in branding",[888,891,894],{"_uid":889,"value":890,"component":319},"beeef5e9-5c1b-4640-8d98-b71b3c6650c6","Category",{"_uid":892,"value":893,"component":319},"aafba92c-8838-4d63-9428-10930fe91ced","Characteristics",{"_uid":895,"value":328,"component":319},"13d2c611-0da0-4b53-8398-55590069ac12",{"type":35,"attrs":897,"content":898},{"textAlign":37},[899],{"text":900,"type":53},"Start with function, not preference. Body text needs to be readable at small sizes across sustained reading, that eliminates most display faces and many scripts immediately. A headline can support far more personality because it's read in a glance, not across paragraphs. Letting function narrow the field first produces better choices than browsing a type library and picking what feels right.",{"type":153,"attrs":902,"content":903},{"level":181,"textAlign":37},[904],{"text":905,"type":53},"Type hierarchy",{"type":35,"attrs":907,"content":908},{"textAlign":37},[909],{"text":910,"type":53},"Type hierarchy is the system that tells a reader what to read first, second, and third. Without it, everything competes equally for attention — which means nothing is read with the right weight. This is one of the most common problems in early-stage design work: the content is all there, but there's no direction.",{"type":35,"attrs":912,"content":913},{"textAlign":37},[914],{"text":915,"type":53},"A clear typographic hierarchy uses a combination of:",{"type":917,"content":918},"bullet_list",[919,931,942,953,964],{"type":920,"content":921},"list_item",[922],{"type":35,"attrs":923,"content":924},{"textAlign":37},[925,929],{"text":926,"type":53,"marks":927},"Size",[928],{"type":56},{"text":930,"type":53}," — larger type reads first",{"type":920,"content":932},[933],{"type":35,"attrs":934,"content":935},{"textAlign":37},[936,940],{"text":937,"type":53,"marks":938},"Weight",[939],{"type":56},{"text":941,"type":53}," — bolder type draws more attention",{"type":920,"content":943},[944],{"type":35,"attrs":945,"content":946},{"textAlign":37},[947,951],{"text":948,"type":53,"marks":949},"Colour and contrast",[950],{"type":56},{"text":952,"type":53}," — higher contrast reads before lower contrast",{"type":920,"content":954},[955],{"type":35,"attrs":956,"content":957},{"textAlign":37},[958,962],{"text":959,"type":53,"marks":960},"Spacing",[961],{"type":56},{"text":963,"type":53}," — more space around an element signals more importance",{"type":920,"content":965},[966],{"type":35,"attrs":967,"content":968},{"textAlign":37},[969,973],{"text":970,"type":53,"marks":971},"Style",[972],{"type":56},{"text":974,"type":53}," — italic, uppercase, or tracked type signals a different role",{"type":35,"attrs":976,"content":977},{"textAlign":37},[978],{"text":979,"type":53},"Most design systems define three to four hierarchy levels: headline, subheading, body, and caption or label. Each level has defined size, weight, and spacing — so hierarchy is consistent across the entire system, not invented case by case with every new screen or page.",{"type":39,"attrs":981},{"id":233,"body":982},[983],{"_uid":984,"asset":985,"component":150,"description":996},"i-78124a82-2042-4c5a-8741-d35552f1cfbc",[986],{"_uid":987,"asset":988,"device":24,"component":25},"70cbc818-65bf-4a42-a154-d39d1615d5a9",[989],{"_uid":990,"image":991,"imageAlt":995,"component":23},"923f1d81-58c2-4a8e-b45a-59d56942f5e1",{"id":992,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":993,"copyright":17,"fieldtype":19,"meta_data":994,"is_external_url":21},171442366761232,"https://a.storyblok.com/f/197805/1122x1402/0c8248718b/typography-hierarchy.png",{},"Typographic hierarchy ","Typographic hierarchy works through a combination of size, weight, spacing, and contrast. Each level signals a different role to the reader.",{"type":153,"attrs":998,"content":999},{"level":181,"textAlign":37},[1000],{"text":1001,"type":53},"Type pairing",{"type":35,"attrs":1003,"content":1004},{"textAlign":37},[1005],{"text":1006,"type":53},"Most designs use more than one typeface — a headline face and a body face, at minimum. Getting this right is less about finding two faces that look beautiful together and more about finding two that serve distinct functions without conflicting.",{"type":35,"attrs":1008,"content":1009},{"textAlign":37},[1010,1014],{"text":1011,"type":53,"marks":1012},"Contrast, not conflict.",[1013],{"type":56},{"text":1015,"type":53}," The two faces should feel different enough to serve different purposes but harmonious enough to share a page. A serif headline with a sans-serif body is a reliable pairing precisely because the contrast is clear and functional.",{"type":35,"attrs":1017,"content":1018},{"textAlign":37},[1019,1023],{"text":1020,"type":53,"marks":1021},"Same foundry or superfamily.",[1022],{"type":56},{"text":1024,"type":53}," Many type foundries design companion faces intended to work together. Using a serif and sans-serif from the same family removes most of the guesswork.",{"type":35,"attrs":1026,"content":1027},{"textAlign":37},[1028,1032],{"text":1029,"type":53,"marks":1030},"Limit the number of faces.",[1031],{"type":56},{"text":1033,"type":53}," Two is almost always enough. Three is occasionally justified. More than three is a warning sign that variety is being used to create hierarchy instead of size, weight, and spacing — which produces visual noise rather than structure.",{"type":39,"attrs":1035},{"id":1036,"body":1037},"76d8908a-72cd-42c5-adce-8e43053cbe8f",[1038],{"_uid":1039,"asset":1040,"component":150,"description":17},"i-d3d893ab-2fc8-455c-9011-6134523c4103",[1041],{"_uid":1042,"asset":1043,"device":24,"component":25},"6db41e06-58fa-4b68-822a-b412f6ebc915",[1044],{"_uid":1045,"image":1046,"imageAlt":1050,"component":23},"4187028a-60d1-419f-9a94-097f0cc91e7b",{"id":1047,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":1048,"copyright":17,"fieldtype":19,"meta_data":1049,"is_external_url":21},18539870,"https://a.storyblok.com/f/197805/0ddad4022a/custom-fonts-blog-cover.jpg",{},"types",{"type":35,"attrs":1052,"content":1053},{"textAlign":37},[1054,1056,1068],{"text":1055,"type":53},"Typography is also one of the first things to get right when switching design tools. The ",{"text":1057,"type":53,"marks":1058},"Illustrator alternatives guide",[1059],{"type":362,"attrs":1060},{"href":1061,"uuid":1062,"anchor":37,"target":366,"linktype":367,"story":1063},"/guide/illustrator-alternative","af78a3ad-9b39-4607-a2d9-d7c614751a70",{"name":1064,"id":1065,"uuid":1062,"slug":1066,"url":1067,"full_slug":1067,"_stopResolving":331},"Switch from Illustrator to Curve",168946129324704,"switch-from-illustrator-to-curve","guide/switch-from-illustrator-to-curve",{"text":1069,"type":53}," covers how type handling differs between Linearity Curve and Adobe Illustrator for designers considering a switch.",{"type":35,"attrs":1071,"content":1072},{"textAlign":37},[1073,1076,1077],{"text":353,"type":53,"marks":1074},[1075],{"type":56},{"text":357,"type":53},{"text":1078,"type":53,"marks":1079},"Typography in design: selection, hierarchy, and practical application",[1080],{"type":362,"attrs":1081},{"href":1082,"uuid":1083,"anchor":37,"target":366,"linktype":367,"story":1084},"/blog/typography-in-design","d54c0c1f-d6c2-4a20-b3cb-14145d36222e",{"name":1085,"id":1086,"uuid":1083,"slug":1087,"url":1088,"full_slug":1088,"_stopResolving":331},"Typography in design",168387285087172,"typography-in-design","blog/typography-in-design",{"type":153,"attrs":1090,"content":1091},{"level":155,"textAlign":37},[1092],{"text":1093,"type":53},"Composition: how elements are arranged",{"type":35,"attrs":1095,"content":1096},{"textAlign":37},[1097],{"text":1098,"type":53},"Composition is the arrangement of visual elements within a design, controlling what the viewer sees first, what they see next, and how the eye moves through the space.",{"type":35,"attrs":1100,"content":1101},{"textAlign":37},[1102],{"text":1103,"type":53},"Every design is a set of decisions about where things go. Composition is the discipline of making those decisions intentionally — controlling what the viewer sees first, what they see next, and where they end up. Done well, it's invisible. The viewer doesn't notice the composition; they just find the design easy to navigate. Done poorly, it's immediately felt even when it can't be named: something's off, nothing reads clearly, the eye doesn't know where to go.",{"type":153,"attrs":1105,"content":1106},{"level":181,"textAlign":37},[1107],{"text":1108,"type":53},"Visual hierarchy and focal points",{"type":35,"attrs":1110,"content":1111},{"textAlign":37},[1112],{"text":1113,"type":53},"Every composition needs a clear entry point — a focal element the eye is drawn to first. Without one, the viewer's attention scatters. They look at everything and process nothing with the right weight.",{"type":35,"attrs":1115,"content":1116},{"textAlign":37},[1117],{"text":1118,"type":53},"Focal points are created through:",{"type":917,"content":1120},[1121,1131,1142,1153,1164],{"type":920,"content":1122},[1123],{"type":35,"attrs":1124,"content":1125},{"textAlign":37},[1126,1129],{"text":926,"type":53,"marks":1127},[1128],{"type":56},{"text":1130,"type":53}," — larger elements attract attention first",{"type":920,"content":1132},[1133],{"type":35,"attrs":1134,"content":1135},{"textAlign":37},[1136,1140],{"text":1137,"type":53,"marks":1138},"Contrast",[1139],{"type":56},{"text":1141,"type":53}," — high-contrast elements draw the eye",{"type":920,"content":1143},[1144],{"type":35,"attrs":1145,"content":1146},{"textAlign":37},[1147,1151],{"text":1148,"type":53,"marks":1149},"Isolation",[1150],{"type":56},{"text":1152,"type":53}," — an element surrounded by space has more visual weight than one surrounded by other elements",{"type":920,"content":1154},[1155],{"type":35,"attrs":1156,"content":1157},{"textAlign":37},[1158,1162],{"text":1159,"type":53,"marks":1160},"Colour",[1161],{"type":56},{"text":1163,"type":53}," — a single vivid colour in a muted composition becomes an immediate focal point",{"type":920,"content":1165},[1166],{"type":35,"attrs":1167,"content":1168},{"textAlign":37},[1169,1173],{"text":1170,"type":53,"marks":1171},"Position",[1172],{"type":56},{"text":1174,"type":53}," — elements at certain positions (top-left, centre) naturally attract attention in Western reading contexts",{"type":35,"attrs":1176,"content":1177},{"textAlign":37},[1178],{"text":1179,"type":53},"Once a focal point is established, secondary and tertiary elements support it — providing additional information without competing for primary attention.",{"type":153,"attrs":1181,"content":1182},{"level":181,"textAlign":37},[1183],{"text":1184,"type":53},"Balance",{"type":35,"attrs":1186,"content":1187},{"textAlign":37},[1188],{"text":1189,"type":53},"Balance is the distribution of visual weight across a composition. It doesn't mean symmetry — a centred, mirrored layout is one kind of balance, but it's not the only kind, and it's often the least interesting.",{"type":35,"attrs":1191,"content":1192},{"textAlign":37},[1193,1197],{"text":1194,"type":53,"marks":1195},"Symmetrical balance",[1196],{"type":56},{"text":1198,"type":53}," mirrors elements across a central axis. It reads as formal, stable, authoritative. Common in logos, editorial spreads, and contexts where precision matters more than dynamism.",{"type":35,"attrs":1200,"content":1201},{"textAlign":37},[1202,1206],{"text":1203,"type":53,"marks":1204},"Asymmetrical balance",[1205],{"type":56},{"text":1207,"type":53}," uses different elements of different sizes and weights positioned so they feel stable together — even though they're not matched. Much of modern web design is built on asymmetric layouts because they carry more energy while still feeling considered.",{"type":35,"attrs":1209,"content":1210},{"textAlign":37},[1211,1215],{"text":1212,"type":53,"marks":1213},"Radial balance",[1214],{"type":56},{"text":1216,"type":53}," organises elements around a central point. Less common in standard layouts but powerful in illustration, logo design, and decorative contexts. ",{"type":35,"attrs":1218,"content":1219},{"textAlign":37},[1220,1222,1234],{"text":1221,"type":53},"Composition principles apply directly to animation — how elements enter, move, and exit a frame follows the same hierarchy and focal point logic. The ",{"text":1223,"type":53,"marks":1224},"animation and motion design guide",[1225],{"type":362,"attrs":1226},{"href":1227,"uuid":1228,"anchor":37,"target":366,"linktype":367,"story":1229},"/guide/animation-motion-design","a1f603f3-499c-45c2-a04c-16241db7b29d",{"name":1230,"id":1231,"uuid":1228,"slug":1232,"url":1233,"full_slug":1233,"_stopResolving":331},"Animation motion design",168280330903911,"animation-motion-design","guide/animation-motion-design",{"text":1235,"type":53}," covers how composition thinking extends into motion.",{"type":35,"attrs":1237,"content":1238},{"textAlign":37},[1239,1242,1243],{"text":353,"type":53,"marks":1240},[1241],{"type":56},{"text":357,"type":53},{"text":1244,"type":53,"marks":1245},"Design composition: layout, balance, and visual flow",[1246],{"type":362,"attrs":1247},{"href":1248,"uuid":1249,"anchor":37,"target":366,"linktype":367,"story":1250},"/blog/design-composition-guide","ee7a2032-76ff-40c0-9b71-35551a8b15bd",{"name":1251,"id":1252,"uuid":1249,"slug":1253,"url":1254,"full_slug":1254,"_stopResolving":331},"Design Composition Guide/",168394132482032,"design-composition-guide","blog/design-composition-guide",{"type":153,"attrs":1256,"content":1257},{"level":155,"textAlign":37},[1258],{"text":1259,"type":53},"The rule of thirds",{"type":35,"attrs":1261,"content":1262},{"textAlign":37},[1263],{"text":1264,"type":53},"The rule of thirds divides a visual space into a 3×3 grid, with four intersection points where the human eye naturally rests. Placing key elements at these points creates compositions that feel balanced without being static.",{"type":35,"attrs":1266,"content":1267},{"textAlign":37},[1268],{"text":1269,"type":53},"The rule of thirds is one of the most widely taught compositional principles and one of the most usefully misunderstood. It's not a rule in the sense that breaking it is wrong. It's a description of where the human eye naturally rests when looking at a rectangular space, which is useful information whether you're following it or deliberately working against it.",{"type":35,"attrs":1271,"content":1272},{"textAlign":37},[1273],{"text":1274,"type":53},"The rule divides a space into a 3×3 grid, three columns, three rows, creating nine equal zones and four intersection points where the lines cross. Those four points are where attention naturally settles. Placing key elements at or near these intersections produces compositions that feel balanced and engaging without being centred and static.",{"type":35,"attrs":1276,"content":1277},{"textAlign":37},[1278],{"text":1279,"type":53},"Knowing when to apply it and when to intentionally ignore it is part of developing compositional judgement:",{"type":39,"attrs":1281},{"id":233,"body":1282},[1283],{"_uid":1284,"content":1285,"component":330,"showHeader":21,"invertAxisOnMobile":21},"i-195b2238-b5bb-42ec-9bae-e8df95c440c6",{"tbody":1286,"thead":1314,"fieldtype":329},[1287,1296,1305],{"_uid":1288,"body":1289,"component":254},"50d97ff9-d433-4887-bde4-e68d6b74ee97",[1290,1293],{"_uid":1291,"value":1292,"component":245},"d94d20b5-e043-4a06-864e-ad5251f89f9c","Positions subject off-centre for natural visual tension",{"_uid":1294,"value":1295,"component":245},"f1481e4c-2a86-478a-9683-79867525c81e","Centres the subject for deliberate symmetry or formality",{"_uid":1297,"body":1298,"component":254},"5613c4b6-18ac-4cb4-9e0e-d41c4062a7d1",[1299,1302],{"_uid":1300,"value":1301,"component":245},"730ca0f0-9e21-4f62-afb6-f0ce91bf7620","Creates dynamic, engaging layouts",{"_uid":1303,"value":1304,"component":245},"f3019867-b8e6-4d1d-b3ea-d3025031c86f","Creates calm, authoritative, or iconic compositions",{"_uid":1306,"body":1307,"component":254},"fe1248ff-8619-42c8-be1c-2c17c376b584",[1308,1311],{"_uid":1309,"value":1310,"component":245},"769889a3-f151-4b14-a02f-99b19169a354","Works well in photography, illustration, editorial",{"_uid":1312,"value":1313,"component":245},"7dc1b1b2-5a3c-450d-99b1-419bdff13837","Works well in logos, formal layouts, hero imagery",[1315,1318],{"_uid":1316,"value":1317,"component":319},"aa1ab887-a50e-4b1f-9153-afddf6eb1dd7","Using the rule of thirds",{"_uid":1319,"value":1320,"component":319},"0b0a1c4b-64ac-4e24-bc51-e83f24e26423","Breaking the rule of thirds",{"type":39,"attrs":1322},{"id":233,"body":1323},[1324],{"_uid":1325,"asset":1326,"component":150,"description":1337},"i-beca296a-a149-4907-b005-5aebcff6bfce",[1327],{"_uid":1328,"asset":1329,"device":24,"component":25},"95f7cc67-ba8f-4a41-9a45-c257da988d3e",[1330],{"_uid":1331,"image":1332,"imageAlt":1336,"component":23},"389a97cd-3e41-4437-a276-955ea85822b8",{"id":1333,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":1334,"copyright":17,"fieldtype":19,"meta_data":1335,"is_external_url":21},10191034,"https://a.storyblok.com/f/197805/3000x1500/b36110d258/rule-of-thirds.png",{},"rule of thirds","The four intersection points of the rule of thirds grid are where the eye naturally rests — positioning key elements here creates compositions that feel inherently balanced.",{"type":35,"attrs":1339,"content":1340},{"textAlign":37},[1341,1344,1345],{"text":353,"type":53,"marks":1342},[1343],{"type":56},{"text":357,"type":53},{"text":1346,"type":53,"marks":1347},"Rule of thirds: how the compositional grid works in design",[1348],{"type":362,"attrs":1349},{"href":1350,"uuid":1351,"anchor":37,"target":366,"linktype":367,"story":1352},"/blog/rule-of-thirds","3ef739d6-3a15-4c07-9732-9f6797433c8c",{"name":1353,"id":1354,"uuid":1351,"slug":1355,"url":1356,"full_slug":1356,"_stopResolving":331},"How to follow (and when to break) the rule of thirds",571192116,"rule-of-thirds","blog/rule-of-thirds",{"type":153,"attrs":1358,"content":1359},{"level":155,"textAlign":37},[1360],{"text":1361,"type":53},"White space: the principle most designers underuse",{"type":35,"attrs":1363,"content":1364},{"textAlign":37},[1365],{"text":1366,"type":53},"White space, also called negative space, is the intentionally empty area in a design that creates breathing room, establishes hierarchy, signals quality and improves readability.",{"type":35,"attrs":1368,"content":1369},{"textAlign":37},[1370],{"text":1371,"type":53},"White space is the one design principle that almost everyone underestimates until they've spent enough time looking at work that gets it right.",{"type":35,"attrs":1373,"content":1374},{"textAlign":37},[1375],{"text":1376,"type":53},"The instinct, especially early in a design career, is to fill space. A blank area feels like something is missing. A design with generous margins can feel unfinished — like more could be added. This instinct is almost always wrong. More precisely: it's the instinct of someone reading the design as a producer rather than as a viewer.",{"type":35,"attrs":1378,"content":1379},{"textAlign":37},[1380],{"text":1381,"type":53},"Viewers don't experience white space as absence. They experience dense layouts as exhausting and spacious layouts as clear. The space is doing work — it's just doing it invisibly.",{"type":35,"attrs":1383,"content":1384},{"textAlign":37},[1385,1389],{"text":1386,"type":53,"marks":1387},"It creates breathing room.",[1388],{"type":56},{"text":1390,"type":53}," Dense designs are cognitively demanding. When elements crowd together, the viewer works harder to separate and process them. White space reduces that effort. Less work to read means more likely to actually be read.",{"type":35,"attrs":1392,"content":1393},{"textAlign":37},[1394,1398],{"text":1395,"type":53,"marks":1396},"It establishes hierarchy.",[1397],{"type":56},{"text":1399,"type":53}," More space around an element gives it more visual prominence — it feels more important, more worthy of attention. This is why pull quotes sit in generous space in editorial design, and why primary CTAs have more padding than secondary ones. Hierarchy through spacing is often more elegant than hierarchy through size or colour alone.",{"type":35,"attrs":1401,"content":1402},{"textAlign":37},[1403,1407],{"text":1404,"type":53,"marks":1405},"It signals quality.",[1406],{"type":56},{"text":1408,"type":53}," Luxury brands use significantly more white space than mass-market brands. This isn't coincidence. Generous spacing communicates confidence — that the design doesn't need to fill every available area to make its point. Cramped design communicates the opposite.",{"type":35,"attrs":1410,"content":1411},{"textAlign":37},[1412,1416],{"text":1413,"type":53,"marks":1414},"It improves readability.",[1415],{"type":56},{"text":1417,"type":53}," Line spacing (leading), letter spacing (tracking), and paragraph spacing are all forms of white space applied to type. Getting these right is some of the highest-leverage work in typographic refinement — and getting them wrong can make even a well-chosen typeface uncomfortable to read.",{"type":153,"attrs":1419,"content":1420},{"level":181,"textAlign":37},[1421],{"text":1422,"type":53},"Macro and micro white space",{"type":35,"attrs":1424,"content":1425},{"textAlign":37},[1426],{"text":1427,"type":53},"White space operates at two scales, and both matter.",{"type":35,"attrs":1429,"content":1430},{"textAlign":37},[1431,1435],{"text":1432,"type":53,"marks":1433},"Macro white space",[1434],{"type":56},{"text":1436,"type":53}," is the large-scale space between major elements — page margins, the gap between sections, the space separating a headline from body text. This is what creates the overall sense of openness or density.",{"type":35,"attrs":1438,"content":1439},{"textAlign":37},[1440,1444],{"text":1441,"type":53,"marks":1442},"Micro white space",[1443],{"type":56},{"text":1445,"type":53}," is the small-scale space within elements — padding inside a button, space between letters, line height in a paragraph. Less visible, but equally important for readability and the sense of polish.",{"type":39,"attrs":1447},{"id":233,"body":1448},[1449],{"_uid":1450,"markdown":1451,"component":462},"i-ee5fcf93-1fb5-4cae-ab8f-be14a42d9704","\"White space is to be regarded as an active element, not a passive background.\" — Jan Tschichold, typographer and designer",{"type":35,"attrs":1453,"content":1454},{"textAlign":37},[1455,1457,1469],{"text":1456,"type":53},"White space decisions are particularly visible in social media assets, where platform constraints limit canvas size. The ",{"text":1458,"type":53,"marks":1459},"social media image sizes guide",[1460],{"type":362,"attrs":1461},{"href":1462,"uuid":1463,"anchor":37,"target":366,"linktype":367,"story":1464},"/guide/social-media-image-sizes","1fb4708c-87aa-448f-8416-533b584e2164",{"name":1465,"id":1466,"uuid":1463,"slug":1467,"url":1468,"full_slug":1468,"_stopResolving":331},"Social media image sizes",168280130265410,"social-media-image-sizes","guide/social-media-image-sizes",{"text":1470,"type":53}," covers how to work within those constraints across every major platform.",{"type":35,"attrs":1472,"content":1473},{"textAlign":37},[1474,1477,1478],{"text":353,"type":53,"marks":1475},[1476],{"type":56},{"text":357,"type":53},{"text":1479,"type":53,"marks":1480},"White space in design: how to use negative space effectively",[1481],{"type":362,"attrs":1482},{"href":1483,"uuid":1484,"anchor":37,"target":366,"linktype":367,"story":1485},"/blog/white-space-in-design","cdb2b026-b0cd-483c-b50e-d2f4fa4d55de",{"name":1486,"id":1487,"uuid":1484,"slug":1488,"url":1489,"full_slug":1489,"_stopResolving":331},"What is white space?",566345906,"white-space-in-design","blog/white-space-in-design",{"type":153,"attrs":1491,"content":1492},{"level":155,"textAlign":37},[1493],{"text":1494,"type":53},"Visual pattern and geometric elements",{"type":35,"attrs":1496,"content":1497},{"textAlign":37},[1498,1502],{"text":1499,"type":53,"marks":1500},"Geometric patterns",[1501],{"type":56},{"text":1503,"type":53}," are repeating visual structures, grids, tessellations, radial forms,  that create rhythm, texture and scalable decoration in brand and product design.",{"type":35,"attrs":1505,"content":1506},{"textAlign":37},[1507],{"text":1508,"type":53},"Pattern is often treated as decoration, something applied at the end to make a surface more interesting. That's a limited way to think about it, and it produces limited results: patterns that feel arbitrary, busy, or disconnected from the design they're supposed to support.",{"type":35,"attrs":1510,"content":1511},{"textAlign":37},[1512],{"text":1513,"type":53},"Geometric patterns work because geometry is inherently ordered. Repeating shapes, grids, tessellations, radial forms, create visual rhythm that the eye can follow and predict. When the underlying shape system is interesting, that predictability feels satisfying rather than static. It's the same reason tiled floors and woven textiles have used geometric pattern for thousands of years: the structure is visually legible at any scale.",{"type":35,"attrs":1515,"content":1516},{"textAlign":37},[1517,1521],{"text":1518,"type":53,"marks":1519},"They scale infinitely.",[1520],{"type":56},{"text":1522,"type":53}," Geometric patterns are built from mathematical relationships, not fixed imagery, so they reproduce at any size without quality loss. A pattern designed at small scale for a business card works at large format for a trade stand — which makes them particularly practical for brand identity work.",{"type":35,"attrs":1524,"content":1525},{"textAlign":37},[1526,1530],{"text":1527,"type":53,"marks":1528},"They build recognition without competing.",[1529],{"type":56},{"text":1531,"type":53}," Many strong visual identities use a distinctive geometric pattern as a secondary element — appearing in backgrounds, packaging, and collateral — that builds recognition without competing with the primary logo or type. The principle applies at every scale, from global fashion houses to small product brands.",{"type":35,"attrs":1533,"content":1534},{"textAlign":37},[1535,1539],{"text":1536,"type":53,"marks":1537},"They add texture without visual weight.",[1538],{"type":56},{"text":1540,"type":53}," A subtle geometric pattern on a surface has more visual interest than a flat colour, without the heaviness of a full illustration or photograph. This makes them versatile as backgrounds, section dividers, and structural accents.",{"type":153,"attrs":1542,"content":1543},{"level":181,"textAlign":37},[1544],{"text":1545,"type":53},"Types of geometric patterns",{"type":39,"attrs":1547},{"id":233,"body":1548},[1549],{"_uid":1550,"content":1551,"component":330,"showHeader":331,"invertAxisOnMobile":21},"i-07fdcdff-998e-4a59-aea4-afc3f4d368d8",{"tbody":1552,"thead":1625,"fieldtype":329},[1553,1565,1577,1589,1601,1613],{"_uid":1554,"body":1555,"component":254},"cea1b2d5-fc06-4b8a-a783-7294edd37b33",[1556,1559,1562],{"_uid":1557,"value":1558,"component":245},"9b51accb-b25a-4cb3-ab7c-3b7d0f62c8ed","Grid / checkerboard",{"_uid":1560,"value":1561,"component":245},"deea9a68-372c-4fa0-b33d-672b651a8240","Regular rows and columns",{"_uid":1563,"value":1564,"component":245},"7d71f237-4761-4db0-8e18-d50bf50549bc","Backgrounds, surface design, structured branding",{"_uid":1566,"body":1567,"component":254},"deb6c7a6-bcaf-4197-85e7-15c5f9cb3387",[1568,1571,1574],{"_uid":1569,"value":1570,"component":245},"0399a433-8a57-4f54-8ac9-63d5ee69abc8","Tessellation",{"_uid":1572,"value":1573,"component":245},"94a2a98f-e096-4cea-afa5-90a41b3f065b","Shapes that tile without gaps",{"_uid":1575,"value":1576,"component":245},"d54ed6a3-5e05-441b-ba9b-2b46d2300db0","Packaging, editorial, decorative systems",{"_uid":1578,"body":1579,"component":254},"17158c6e-5dbc-4b84-881b-1028cef287d4",[1580,1583,1586],{"_uid":1581,"value":1582,"component":245},"4e1fd7fa-1697-4ca0-8541-2c11317bd6be","Radial / mandala",{"_uid":1584,"value":1585,"component":245},"6fb1d3a1-4082-4ed3-b539-a614f3f5ed80","Symmetry around a central point",{"_uid":1587,"value":1588,"component":245},"7d61b1b3-4d19-4392-a522-db9a783d1266","Brand marks, decorative elements, illustration",{"_uid":1590,"body":1591,"component":254},"ed459b3c-f34f-47e7-9299-a51f8d47044f",[1592,1595,1598],{"_uid":1593,"value":1594,"component":245},"20873ac2-16a3-49f3-8093-bf24b451852b","Stripe and line",{"_uid":1596,"value":1597,"component":245},"7b1c6231-ab78-45d4-8934-64b74ab77cbd","Parallel lines at any angle",{"_uid":1599,"value":1600,"component":245},"71a4181d-87fa-42a9-a4ff-d943e6ef5906","Backgrounds, dividers, pattern accents",{"_uid":1602,"body":1603,"component":254},"39c59909-83a3-4917-b046-04ba87bab8ff",[1604,1607,1610],{"_uid":1605,"value":1606,"component":245},"8fac055c-14d4-45fe-a07e-bde5d2949f14","Dot / halftone",{"_uid":1608,"value":1609,"component":245},"55a87eb2-2d50-47e1-bc9d-b06b33e9f1c6","Regular or irregular dot fields",{"_uid":1611,"value":1612,"component":245},"a8b6838c-ff10-4123-9de3-d9f60c9e2891","Retro aesthetics, texture overlays, print",{"_uid":1614,"body":1615,"component":254},"f3d7f075-80a0-4f39-aa6c-3c27a9941978",[1616,1619,1622],{"_uid":1617,"value":1618,"component":245},"d525fbc5-ccc0-4849-96bf-795778310b99","Organic geometry",{"_uid":1620,"value":1621,"component":245},"6c0bdac6-ae89-4777-8492-5725e1154ccd","Irregular but geometric shapes",{"_uid":1623,"value":1624,"component":245},"31dd46b7-1b72-414d-9e86-e41af5e9f279","Modern branding, abstract illustration systems",[1626,1629,1632],{"_uid":1627,"value":1628,"component":319},"79e1f993-b86d-4f5c-bf8d-96584d41df01","Pattern type",{"_uid":1630,"value":1631,"component":319},"69475310-2cb4-438b-b1a4-5ceedf1379b8","Structure",{"_uid":1633,"value":1634,"component":319},"a8425054-15dc-4952-9d89-f30681bc35a1","Common use",{"type":39,"attrs":1636},{"id":233,"body":1637},[1638],{"_uid":1639,"asset":1640,"component":150,"description":1651},"i-5c1596e2-721d-4d7d-a8e7-b035998d35ec",[1641],{"_uid":1642,"asset":1643,"device":24,"component":25},"bf83054b-f213-4e05-9d07-e75b7778220c",[1644],{"_uid":1645,"image":1646,"imageAlt":1650,"component":23},"6b3ea390-665e-4479-b330-b52051c3f44b",{"id":1647,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":1648,"copyright":17,"fieldtype":19,"meta_data":1649,"is_external_url":21},18541130,"https://a.storyblok.com/f/197805/f8169e412b/geometric-patterns-3.png",{},"geometric pattern","Geometric pattern types vary in structure and visual weight — the choice depends on the brand context and the surface they're applied to.",{"type":35,"attrs":1653,"content":1654},{"textAlign":37},[1655,1658,1659],{"text":353,"type":53,"marks":1656},[1657],{"type":56},{"text":357,"type":53},{"text":1660,"type":53,"marks":1661},"Geometric patterns: design, construction, and practical use",[1662],{"type":362,"attrs":1663},{"href":1664,"uuid":1665,"anchor":37,"target":366,"linktype":367,"story":1666},"/blog/geometric-patterns","0bd6977f-b2d0-403b-a38b-6f63c4fe4d4e",{"name":1667,"id":1668,"uuid":1665,"slug":1669,"url":1670,"full_slug":1670,"_stopResolving":331},"23 examples of geometric patterns in graphic design",566695461,"geometric-patterns","blog/geometric-patterns",{"type":153,"attrs":1672,"content":1673},{"level":155,"textAlign":37},[1674],{"text":1675,"type":53},"How the principles work together",{"type":35,"attrs":1677,"content":1678},{"textAlign":37},[1679],{"text":1680,"type":53},"Design principles don't operate in isolation, colour affects typographic readability, white space affects compositional balance and type size affects visual hierarchy, which means every design decision ripples across the whole system.",{"type":35,"attrs":1682,"content":1683},{"textAlign":37},[1684],{"text":1685,"type":53},"Here's something the section-by-section structure of a guide like this can obscure: design principles are not independent variables. They interact constantly. The quality of a finished design depends less on how well any individual principle is applied than on how well they're working together.",{"type":35,"attrs":1687,"content":1688},{"textAlign":37},[1689,1693],{"text":1690,"type":53,"marks":1691},"Colour and typography.",[1692],{"type":56},{"text":1694,"type":53}," Type colour against background colour is a contrast decision — which means colour theory directly governs typographic readability. A typeface that's perfectly legible in black on white can become difficult to read in mid-grey on light grey. Colour and type decisions cannot be made separately.",{"type":35,"attrs":1696,"content":1697},{"textAlign":37},[1698,1702],{"text":1699,"type":53,"marks":1700},"Composition and white space.",[1701],{"type":56},{"text":1703,"type":53}," A layout that feels off-balance is often fixed not by repositioning elements but by adjusting the spacing around them. More space on one side creates visual weight on that side, which tips or corrects the balance. White space isn't just breathing room — it's a compositional tool.",{"type":35,"attrs":1705,"content":1706},{"textAlign":37},[1707,1711],{"text":1708,"type":53,"marks":1709},"Typography and composition.",[1710],{"type":56},{"text":1712,"type":53}," Type is a compositional element, not just content. A bold headline isn't only text — it's a large, high-contrast shape that anchors one part of the layout. Change the type size or weight and the visual balance of the entire composition shifts with it.",{"type":35,"attrs":1714,"content":1715},{"textAlign":37},[1716,1720],{"text":1717,"type":53,"marks":1718},"Colour and pattern.",[1719],{"type":56},{"text":1721,"type":53}," A geometric pattern at full saturation can overwhelm a layout. The same pattern at reduced opacity or lower saturation becomes a supporting element rather than a competing one. How colour is applied to pattern determines whether the pattern decorates or distracts.",{"type":35,"attrs":1723,"content":1724},{"textAlign":37},[1725],{"text":1726,"type":53},"The implication is that design decisions are never truly isolated. Every change ripples outward. This is why understanding the principles — rather than applying them as a checklist — is what actually produces better work.",{"type":153,"attrs":1728,"content":1729},{"level":155,"textAlign":37},[1730],{"text":1731,"type":53},"Common mistakes in applying design principles",{"type":35,"attrs":1733,"content":1734},{"textAlign":37},[1735],{"text":1736,"type":53},"Most design mistakes at this level don't come from lack of skill. They come from applying principles without understanding the reasoning — following a rule without knowing what problem it's solving. When you understand the reasoning, the fix is usually obvious. When you don't, every revision is a guess.",{"type":39,"attrs":1738},{"id":233,"body":1739},[1740],{"_uid":1741,"content":1742,"component":330,"showHeader":331,"invertAxisOnMobile":21},"i-18968113-6720-438d-87a7-87bd18810c83",{"tbody":1743,"thead":1849,"fieldtype":329},[1744,1759,1774,1789,1804,1819,1834],{"_uid":1745,"body":1746,"component":254},"9c598e18-1c43-474b-88f3-834312222b41",[1747,1750,1753,1756],{"_uid":1748,"value":1749,"component":245},"bd6e6985-6eba-4b0a-9e10-b98ca1cade13","Too many colours",{"_uid":1751,"value":1752,"component":245},"fb188eda-84c3-48bf-8eca-4e56e810813d","Five or more distinct colours with no clear roles",{"_uid":1754,"value":1755,"component":245},"a2df8b0d-aba8-4ed8-aa11-8c419b3aeaf6","Aesthetic choices made without a palette system",{"_uid":1757,"value":1758,"component":245},"0b8d3beb-a159-4101-a40d-48a46cd8c114","Define primary, secondary, neutral, and semantic roles first",{"_uid":1760,"body":1761,"component":254},"4fbe0c7f-5d32-488b-a122-817290f68a4d",[1762,1765,1768,1771],{"_uid":1763,"value":1764,"component":245},"7b0995ca-4e4c-47b0-9fbd-af65bb2986e4","Inconsistent type hierarchy",{"_uid":1766,"value":1767,"component":245},"1bebbbb2-0f01-4a38-af0b-902e8f495d33","Every section has different sizes and weights",{"_uid":1769,"value":1770,"component":245},"87fd245e-1a67-4b56-a159-46fcc33d3063","Hierarchy decided case by case rather than systematically",{"_uid":1772,"value":1773,"component":245},"4221263b-8602-41c6-b47b-463d1e52c598","Set a type scale before designing any content",{"_uid":1775,"body":1776,"component":254},"4a408e85-b04d-43b2-9a62-8b24d31bc3ca",[1777,1780,1783,1786],{"_uid":1778,"value":1779,"component":245},"17979de8-aca8-42f8-951d-bd16ff58656e","Overloaded compositions",{"_uid":1781,"value":1782,"component":245},"fc2ec21e-107e-4aad-b4aa-9de116cee7a5","Every area of the layout is filled",{"_uid":1784,"value":1785,"component":245},"d0a8f5be-9ead-4931-8a5b-725a86c78d1d","Fear that white space = unfinished design",{"_uid":1787,"value":1788,"component":245},"1cb3cd44-b65c-4b8c-85fb-59e4af13ae8f","Allocate white space intentionally as a design element",{"_uid":1790,"body":1791,"component":254},"d5c4d635-b099-484c-a701-b96d9090b854",[1792,1795,1798,1801],{"_uid":1793,"value":1794,"component":245},"0099a878-9aa9-45ac-9639-9d5187755de5","Ignoring contrast ratios",{"_uid":1796,"value":1797,"component":245},"ac55f231-6180-43de-b70f-9419d7af71bd","Light text on light backgrounds",{"_uid":1799,"value":1800,"component":245},"fd4d3236-4f57-45d3-a524-a589787b4a5b","Colour choices made without accessibility checks",{"_uid":1802,"value":1803,"component":245},"569c547a-5f64-4a24-af89-c27cb7f526ea","Verify contrast ratios at every text/background combination",{"_uid":1805,"body":1806,"component":254},"004c3f88-33ad-4256-8930-89926511cd91",[1807,1810,1813,1816],{"_uid":1808,"value":1809,"component":245},"5c209bf8-03b1-433b-9e8e-b12ec2fc5ca1","Mixing too many typefaces",{"_uid":1811,"value":1812,"component":245},"3d0bea83-10a7-4956-aa31-0ae4099eeb48","Three or more faces in one design",{"_uid":1814,"value":1815,"component":245},"144d9efc-be21-4bbe-864d-dc0fc87ac618","Using variety to create hierarchy instead of structure",{"_uid":1817,"value":1818,"component":245},"3fa939e7-b15c-4d20-8650-ffbd46b924fd","Limit to two faces; use weight and size for variation",{"_uid":1820,"body":1821,"component":254},"bb324d52-8270-47fe-9b9e-51204f327ad9",[1822,1825,1828,1831],{"_uid":1823,"value":1824,"component":245},"da2e80c5-875a-4432-99c5-a7d2764f68b4","Patterns used as filler",{"_uid":1826,"value":1827,"component":245},"cb17c607-6392-4de8-8a24-ac0babc6f8be","Complex patterns behind body text",{"_uid":1829,"value":1830,"component":245},"9a4c5aba-a760-44e3-9c77-04164dc33d62","attern treated as decoration without considering legibility",{"_uid":1832,"value":1833,"component":245},"810b53e0-b74c-4a0a-b055-63629081c81a","Test pattern + text together; reduce opacity or complexity",{"_uid":1835,"body":1836,"component":254},"90d9108d-5ab9-4719-9485-a984b7abe4ca",[1837,1840,1843,1846],{"_uid":1838,"value":1839,"component":245},"3ede08a2-5957-46df-aaeb-f09ae992ee32","No clear focal point",{"_uid":1841,"value":1842,"component":245},"24fb057b-925b-4091-994d-1bf1ddf6cf9f","Everything feels equally important",{"_uid":1844,"value":1845,"component":245},"80d1ae5a-13fd-4ac9-9c25-ef3f5898b174","Visual hierarchy not defined before elements were added",{"_uid":1847,"value":1848,"component":245},"57e3931e-668c-459d-8d2c-04fdc6f554cb","Identify the primary message; build the composition around it",[1850,1853,1856,1859],{"_uid":1851,"value":1852,"component":319},"cdfa51e1-a575-4af7-82c4-5e5f081fb64a","Mistake",{"_uid":1854,"value":1855,"component":319},"1e611cc3-8357-441d-a2cf-fc1081c7ed06","What it looks like",{"_uid":1857,"value":1858,"component":319},"5ead31dd-e120-4533-a61e-661b1b68359f","Why it happens",{"_uid":1860,"value":1861,"component":319},"c1937e2f-4979-4e76-867a-0f8ae30b3f09","How to fix it",{"type":153,"attrs":1863,"content":1864},{"level":155,"textAlign":37},[1865],{"text":1866,"type":53},"A practical framework for design decisions",{"type":35,"attrs":1868,"content":1869},{"textAlign":37},[1870],{"text":1871,"type":53},"A reliable sequence for applying design principles, starting with message, then colour, type, composition, white space and testing, reduces the conflicts that come from making decisions in the wrong order.",{"type":35,"attrs":1873,"content":1874},{"textAlign":37},[1875],{"text":1876,"type":53},"Knowing the principles is one thing. Having a reliable sequence for applying them is what makes the difference in practice, particularly when starting a new project, when something isn't working, or when handing work to someone else and needing it to hold together.",{"type":35,"attrs":1878,"content":1879},{"textAlign":37},[1880,1884],{"text":1881,"type":53,"marks":1882},"1. Define the message first.",[1883],{"type":56},{"text":1885,"type":53}," What is this design trying to communicate? What is the single most important thing a viewer should take away? Every decision that follows should support that answer. If you can't articulate it before opening a design tool, the design will reflect that uncertainty.",{"type":35,"attrs":1887,"content":1888},{"textAlign":37},[1889,1893],{"text":1890,"type":53,"marks":1891},"2. Establish colour before detail.",[1892],{"type":56},{"text":1894,"type":53}," Set the palette, primary, secondary, neutral, before adding content. Colour decisions made late in the process create conflicts with choices already made elsewhere. Retrofitting colour into a finished design is almost always harder than it should be.",{"type":35,"attrs":1896,"content":1897},{"textAlign":37},[1898,1902],{"text":1899,"type":53,"marks":1900},"3. Set the type scale early.",[1901],{"type":56},{"text":1903,"type":53}," Define your hierarchy levels (H1, H2, body, caption) with size, weight, and spacing before placing any content. This prevents hierarchy from being invented inconsistently across every new page or screen.",{"type":35,"attrs":1905,"content":1906},{"textAlign":37},[1907,1911],{"text":1908,"type":53,"marks":1909},"4. Lay out macro structure before filling it.",[1910],{"type":56},{"text":1912,"type":53}," Establish the major zones, where the headline goes, where the image goes, where the body sits, before adding detail. Macro decisions are harder to change late in the process. Micro decisions can be refined indefinitely.",{"type":35,"attrs":1914,"content":1915},{"textAlign":37},[1916,1920],{"text":1917,"type":53,"marks":1918},"5. Allocate white space deliberately.",[1919],{"type":56},{"text":1921,"type":53}," Don't let white space be what's left over after elements are placed. Assign it intentionally, decide how much room each element gets and why. The default of filling available space almost always produces worse results than making space part of the design.",{"type":35,"attrs":1923,"content":1924},{"textAlign":37},[1925,1929],{"text":1926,"type":53,"marks":1927},"6. Check and test throughout.",[1928],{"type":56},{"text":1930,"type":53}," Check colour contrast ratios. Check type at the actual output size. Check the composition at the real format, not the artboard zoom level you've been working at. Most design problems that make it to production could have been caught earlier with systematic testing rather than a final review.",{"type":35,"attrs":1932,"content":1933},{"textAlign":37},[1934],{"text":1935,"type":53},"Following this sequence produces a design process that's significantly less likely to arrive at the problems listed in the section above.",{"type":35,"attrs":1937,"content":1938},{"textAlign":37},[1939,1941,1953],{"text":1940,"type":53},"These principles sit at the foundation of all vector design work. The ",{"text":1942,"type":53,"marks":1943},"vector design guide",[1944],{"type":362,"attrs":1945},{"href":1946,"uuid":1947,"anchor":37,"target":366,"linktype":367,"story":1948},"/guide/vector-design","f33adfd5-49bb-4ba9-a2da-720bc2822453",{"name":1949,"id":1950,"uuid":1947,"slug":1951,"url":1952,"full_slug":1952,"_stopResolving":331},"Vector design guide",168268055169164,"vector-design","guide/vector-design",{"text":1954,"type":53}," covers how they apply specifically to scalable graphics — from path construction to file formats and export workflows.",{"type":153,"attrs":1956,"content":1958},{"level":1957,"textAlign":37},4,[1959],{"text":1960,"type":53},"Putting these principles into practice",{"type":35,"attrs":1962,"content":1963},{"textAlign":37},[1964],{"text":1965,"type":53},"Every tool handles the fundamentals differently and knowing those differences helps you choose the right one for the work.",{"type":35,"attrs":1967,"content":1968},{"textAlign":37},[1969,1973],{"text":1970,"type":53,"marks":1971},"Linearity Curve",[1972],{"type":56},{"text":1974,"type":53}," is built around the same principles this guide covers. The colour panel supports global swatches for consistent palette application. The grid and snapping system makes compositional alignment immediate. Type styles enforce hierarchy across a document. For vector illustration and logo work on Mac and iPad, it's where these principles translate most directly into the workflow.",{"type":35,"attrs":1976,"content":1977},{"textAlign":37},[1978,1982],{"text":1979,"type":53,"marks":1980},"Adobe Illustrator",[1981],{"type":56},{"text":1983,"type":53}," gives you more control at the cost of more complexity. Its colour management goes deeper, full CMYK support, spot colours, advanced gradient tools. The type system is the most complete available in any vector tool. If your work involves print production or large multi-artboard systems, that depth matters.",{"type":35,"attrs":1985,"content":1986},{"textAlign":37},[1987,1991],{"text":1988,"type":53,"marks":1989},"Affinity Designer",[1990],{"type":56},{"text":1992,"type":53}," (now part of Canva) covers similar ground to Illustrator at a one-time cost. Its colour and type tools are strong, and it handles both vector and raster in the same file,  useful when your illustration work involves mixed media. The trade-off is a smaller ecosystem and fewer third-party integrations.",{"type":35,"attrs":1994,"content":1995},{"textAlign":37},[1996,2000],{"text":1997,"type":53,"marks":1998},"Pixelmator Pro",[1999],{"type":56},{"text":2001,"type":53}," sits closer to the raster and photo-editing end of the spectrum. Its colour tools are excellent, particularly for image-based work where colour grading and tone matter more than system-level palette management. For pure vector illustration applying the principles in this guide, it's less suited than Curve or Illustrator.",{"type":39,"attrs":2003},{"id":233,"body":2004},[2005,2019],{"_uid":2006,"asset":2007,"component":150,"description":2018},"i-e9df6a30-cfec-4655-970d-5d22bfaa993c",[2008],{"_uid":2009,"asset":2010,"device":24,"component":25},"154f969d-7272-4f80-8be2-969edd2bee8c",[2011],{"_uid":2012,"image":2013,"imageAlt":2017,"component":23},"6ecda1a0-d015-4e6a-b63c-f980a7d7b029",{"id":2014,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":2015,"copyright":17,"fieldtype":19,"meta_data":2016,"is_external_url":21},10028994,"https://a.storyblok.com/f/197805/1922x1002/a34c7b9345/illus.svg",{},"compound design","Design decisions compound. Establishing foundations early, colour, type, composition, reduces the number of conflicts that emerge later.",{"lg":17,"md":17,"sm":17,"xl":17,"xs":17,"xl2":17,"xl3":17,"_uid":2020,"initial":2021,"component":46,"backgroundColor":47},"i-7fb945ef-a4f2-4d4f-b2e1-61f3e0d51de0","1",{"type":153,"attrs":2023,"content":2024},{"level":155,"textAlign":37},[2025],{"text":2026,"type":53},"Explore this topic in depth",{"type":35,"attrs":2028,"content":2029},{"textAlign":37},[2030],{"text":2031,"type":53},"Each section connects to a dedicated deep-dive. Use this map to jump to what's most relevant, or read the full guide below.",{"type":39,"attrs":2033},{"id":2034,"body":2035},"0cba5b31-6ed2-4558-8507-38583dc24b84",[2036,2038,2043],{"lg":17,"md":17,"sm":17,"xl":17,"xs":17,"xl2":17,"xl3":17,"_uid":2037,"initial":45,"component":46,"backgroundColor":47},"i-c20d297a-a8a3-4ebf-bba4-b8430a5f023f",{"src":2039,"_uid":2042,"component":81},{"_uid":2040,"plugin":78,"content":2041},"a29f6a7b-c447-4a0a-bc3a-4ad9d9ff9a7f","\u003Cstyle>\n  .linearity-cluster-table {\n    width: 100%;\n    border: 1.5px solid #1a1a1a;\n    border-radius: 12px;\n    overflow: hidden;\n  }\n\n  .linearity-cluster-table table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 15.5px;\n  }\n\n  .linearity-cluster-table thead tr {\n    background: #1a1a1a;\n  }\n\n  .linearity-cluster-table thead th {\n    padding: 18px 24px;\n    text-align: left;\n    font-weight: 500;\n    font-size: 15.5px;\n    color: #ffffff;\n  }\n\n  .linearity-cluster-table thead th + th {\n    border-left: 1px solid #3a3a3a;\n  }\n\n  .linearity-cluster-table tbody td {\n    padding: 18px 24px;\n    vertical-align: middle;\n    color: #1a1a1a;\n    line-height: 1.5;\n    border-bottom: 1px solid #e2e2e2;\n  }\n\n  .linearity-cluster-table tbody tr:last-child td {\n    border-bottom: none;\n  }\n\n  .linearity-cluster-table tbody td + td {\n    border-left: 1px solid #e2e2e2;\n  }\n\n  .linearity-cluster-table tbody td a {\n    color: #1a1a1a;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n\n  .linearity-cluster-table tbody td a:hover {\n    opacity: 0.7;\n  }\n\u003C/style>\n\n\u003Cdiv class=\"linearity-cluster-table\">\n  \u003Ctable>\n    \u003Cthead>\n      \u003Ctr>\n        \u003Cth>Topic\u003C/th>\n        \u003Cth>What it covers\u003C/th>\n      \u003C/tr>\n    \u003C/thead>\n    \u003Ctbody>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/color-palette-guide/\">Colour palette guide\u003C/a>\u003C/td>\n        \u003Ctd>How to build and use colour palettes across design systems\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/monochromatic-colors/\">Monochromatic colours\u003C/a>\u003C/td>\n        \u003Ctd>Single-hue colour systems and how to use value and saturation\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/analogous-colors/\">Analogous colours\u003C/a>\u003C/td>\n        \u003Ctd>Adjacent hue combinations and when harmony matters most\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/bright-color-palette/\">Bright colour palette\u003C/a>\u003C/td>\n        \u003Ctd>High-saturation colour decisions and how to use them without losing control\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/color-tone-terminology/\">Colour tone terminology\u003C/a>\u003C/td>\n        \u003Ctd>Hue, tint, tone, shade — the precise vocabulary of colour\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/hex-code/\">Hex code\u003C/a>\u003C/td>\n        \u003Ctd>How hex colour codes work and how designers use them in practice\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/typography-in-design/\">Typography in design\u003C/a>\u003C/td>\n        \u003Ctd>Type selection, hierarchy, pairing, and readability\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/design-composition-guide/\">Design composition guide\u003C/a>\u003C/td>\n        \u003Ctd>Layout, balance, visual flow, and how elements relate to each other\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/rule-of-thirds/\">Rule of thirds\u003C/a>\u003C/td>\n        \u003Ctd>How the grid divides visual space and guides the eye\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/white-space-in-design/\">White space in design\u003C/a>\u003C/td>\n        \u003Ctd>Why negative space is a design element, not an absence of one\u003C/td>\n      \u003C/tr>\n      \u003Ctr>\n        \u003Ctd>\u003Ca href=\"https://www.linearity.io/blog/geometric-patterns/\">Geometric patterns\u003C/a>\u003C/td>\n        \u003Ctd>How repeating shapes create structure, texture, and visual rhythm\u003C/td>\n      \u003C/tr>\n    \u003C/tbody>\n  \u003C/table>\n\u003C/div>","01f3fc9e-f3f1-4213-94ea-340cc079c8f7",{"lg":17,"md":17,"sm":17,"xl":17,"xs":17,"xl2":17,"xl3":17,"_uid":2044,"initial":45,"component":46,"backgroundColor":47},"i-41c9d79c-3d3b-4476-a4e3-c35c26060028",{"type":35,"attrs":2046},{"textAlign":37},"RichtextComponent",{"_uid":2049,"content":2050,"component":2047},"a0211740-e38e-48f4-a166-b49167c5d25d",{"type":32,"content":2051},[2052,2054,2060,2065,2139],{"type":35,"attrs":2053},{"textAlign":37},{"type":39,"attrs":2055},{"id":2056,"body":2057},"0ec3cadb-5971-4a0a-9210-19f6783ba673",[2058],{"lg":17,"md":17,"sm":17,"xl":17,"xs":17,"xl2":17,"xl3":17,"_uid":2059,"initial":2021,"component":46,"backgroundColor":47},"i-b538522d-048e-4f3c-ab37-50aedbb3252f",{"type":153,"attrs":2061,"content":2062},{"level":155,"textAlign":37},[2063],{"text":2064,"type":53},"More guides from Linearity",{"type":917,"content":2066},[2067,2078,2089,2100,2111,2127],{"type":920,"content":2068},[2069],{"type":35,"attrs":2070,"content":2071},{"textAlign":37},[2072],{"text":2073,"type":53,"marks":2074},"Vector design: tools, formats and workflows",[2075],{"type":362,"attrs":2076},{"href":1946,"uuid":1947,"anchor":37,"target":366,"linktype":367,"story":2077},{"name":1949,"id":1950,"uuid":1947,"slug":1951,"url":1952,"full_slug":1952,"_stopResolving":331},{"type":920,"content":2079},[2080],{"type":35,"attrs":2081,"content":2082},{"textAlign":37},[2083],{"text":2084,"type":53,"marks":2085},"Illustration styles: a complete guide",[2086],{"type":362,"attrs":2087},{"href":448,"uuid":449,"anchor":37,"target":366,"linktype":367,"story":2088},{"name":451,"id":452,"uuid":449,"slug":451,"url":453,"full_slug":453,"_stopResolving":331},{"type":920,"content":2090},[2091],{"type":35,"attrs":2092,"content":2093},{"textAlign":37},[2094],{"text":2095,"type":53,"marks":2096},"Social media image sizes (2026)",[2097],{"type":362,"attrs":2098},{"href":1462,"uuid":1463,"anchor":37,"target":366,"linktype":367,"story":2099},{"name":1465,"id":1466,"uuid":1463,"slug":1467,"url":1468,"full_slug":1468,"_stopResolving":331},{"type":920,"content":2101},[2102],{"type":35,"attrs":2103,"content":2104},{"textAlign":37},[2105],{"text":2106,"type":53,"marks":2107},"Animation and motion design",[2108],{"type":362,"attrs":2109},{"href":1227,"uuid":1228,"anchor":37,"target":366,"linktype":367,"story":2110},{"name":1230,"id":1231,"uuid":1228,"slug":1232,"url":1233,"full_slug":1233,"_stopResolving":331},{"type":920,"content":2112},[2113],{"type":35,"attrs":2114,"content":2115},{"textAlign":37},[2116],{"text":2117,"type":53,"marks":2118},"Illustrator alternatives compared",[2119],{"type":362,"attrs":2120},{"href":1061,"uuid":2121,"anchor":37,"target":366,"linktype":367,"story":2122},"7e94840f-6ff9-4025-abe0-916439677a89",{"name":2123,"id":2124,"uuid":2121,"slug":2125,"url":2126,"full_slug":2126,"_stopResolving":331},"The Best Adobe Illustrator Alternatives in 2026",170421124267961,"illustrator-alternative","guide/illustrator-alternative",{"type":920,"content":2128},[2129],{"type":35,"attrs":2130,"content":2131},{"textAlign":37},[2132],{"text":2133,"type":53,"marks":2134},"How to switch from Illustrator to Linearity Curve",[2135],{"type":362,"attrs":2136},{"href":2137,"uuid":1062,"anchor":37,"target":366,"linktype":367,"story":2138},"/guide/switch-from-illustrator-to-curve",{"name":1064,"id":1065,"uuid":1062,"slug":1066,"url":1067,"full_slug":1067,"_stopResolving":331},{"type":39,"attrs":2140},{"id":2056,"body":2141},[2142],{"lg":17,"md":17,"sm":17,"xl":17,"xs":17,"xl2":17,"xl3":17,"_uid":2143,"initial":2021,"component":46,"backgroundColor":47},"i-b1cc1eb0-7b29-4b71-9e2c-86ef86f200cf","black","Page",{"id":17,"url":17,"linktype":367,"fieldtype":2147,"cached_url":17},"multilink",{"id":37,"alt":37,"name":17,"focus":37,"title":37,"source":37,"filename":17,"copyright":37,"fieldtype":19,"meta_data":2149},{},"Get Started","guide/design-principles",166864244497142,"Design Principles","2026-05-08T13:30:57.314Z","aee23f8d-fae6-4bab-8a8a-5bebfa9e1580",{"Blog":2157,"_uid":2228,"Footer":2229,"Header":2796,"Academy":3379,"Featured":3429,"UseCases":3477,"Community":3516,"bottomCta":3547,"component":3554,"Comparison":3555,"meta_image":3584,"meta_title":3587,"page_title":3588,"AcademyMove":3589,"AcademyCurve":3612,"FeaturesMove":3635,"commercialBar":3673,"promoteBanner":3674,"InvitationBanner":3699,"meta_description":3711,"pricingPopupData":3712,"bottomLogoSection":3728,"popularSearchesBlog":3762,"templateDescription":3813,"bottomProductSection":3818,"popularSearchesAcademy":3871,"tutorialPageDisclaimer":3901,"popularSearchesTemplates":3906,"pricingCheckoutPopupData":3995,"popularSearchesHelpCenter":4102},[2158],{"_uid":2159,"link":2160,"name":2161,"links":2162,"component":2227},"7ec7354f-1c86-4af0-9b24-67a31cbedf0e",{"id":17,"url":17,"linktype":367,"fieldtype":2147,"cached_url":17},"Articles and Insights",[2163,2174,2184],{"_uid":2164,"link":2165,"name":2172,"component":2173},"a58cfebb-3f92-451b-b6b7-8a2445471d7e",{"id":2166,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2167,"story":2168},"e6fd5e83-4eab-4de3-847a-f2cc514d5f0d","blog/tag/inside-linearity",{"name":2169,"id":2170,"uuid":2166,"slug":2171,"url":2167,"full_slug":2167,"_stopResolving":331},"Inside linearity",540222578,"inside-linearity","Inside Linearity","HeaderLinkItem",{"_uid":2175,"link":2176,"name":2183,"component":2173},"3de4dcc5-4ade-4718-9ca3-f44bfd3b599b",{"id":2177,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2178,"story":2179},"6e82c4b3-844d-4c3a-a799-56939bc2843d","blog/tag/design-resources",{"name":2180,"id":2181,"uuid":2177,"slug":2182,"url":2178,"full_slug":2178,"_stopResolving":331},"Design resources",540222543,"design-resources","Design Resources",{"_uid":2185,"name":2186,"links":2187,"component":2226},"fa803a33-d616-42ca-868f-bbb615406b3d","Get inspired",[2188,2198,2207,2217],{"_uid":2189,"link":2190,"name":2197,"component":2173},"be4286b8-b60f-4c98-a830-6437d8e0faa8",{"id":2191,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2192,"story":2193},"0cc678b7-aaa9-45fb-a642-84a1003b7b6f","blog/tag/animation-trends",{"name":2194,"id":2195,"uuid":2191,"slug":2196,"url":2192,"full_slug":2192,"_stopResolving":331},"Animation Trends",540222975,"animation-trends","Animation trends",{"_uid":2199,"link":2200,"name":2204,"component":2173},"ba50649f-4d79-4375-af96-f04e7ec82082",{"id":2201,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2202,"story":2203},"3788f72d-65c4-4ad7-8c18-e17dc82f2b2e","blog/tag/animation-resources",{"name":2204,"id":2205,"uuid":2201,"slug":2206,"url":2202,"full_slug":2202,"_stopResolving":331},"Animation Resources",540227934,"animation-resources",{"_uid":2208,"link":2209,"name":2216,"component":2173},"6ec36045-b476-4bb2-92ec-de884bec63c4",{"id":2210,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2211,"story":2212},"a5aa344d-168e-4b53-8361-fddc26b8616c","blog/tag/promotional-design",{"name":2213,"id":2214,"uuid":2210,"slug":2215,"url":2211,"full_slug":2211,"_stopResolving":331},"Promotional Design",540222307,"promotional-design","Promotional design",{"_uid":2218,"link":2219,"name":2223,"component":2173},"5b85408d-5f85-4126-9bc8-7187e8e71237",{"id":2220,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2221,"story":2222},"20320e46-5cb9-4165-8067-0dfa4b555d83","blog/tag/creative-insights",{"name":2223,"id":2224,"uuid":2220,"slug":2225,"url":2221,"full_slug":2221,"_stopResolving":331},"Creative Insights",540225996,"creative-insights","SubNavigationDropdown","SubNavigationGroup","9c4f8465-4f1e-479c-b86f-c5b753f2697e",[2230],{"_uid":2231,"columns":2232,"ctaTitle":2723,"component":2724,"middleLinks":2725,"socialLinks":2754,"copyrightText":2792,"ctaButtonLink":2793,"ctaButtonText":2150,"ctaDescription":2795,"newsletterFieldPlaceholder":17},"2d2e1185-ced7-433f-b2a7-b0f696b84ab9",[2233,2360,2477,2575,2633,2666],{"_uid":2234,"name":2235,"links":2236,"component":2359},"38e9eff2-588e-4b3c-8bac-1955b89ffa5c","Use Cases",[2237,2247,2258,2268,2277,2287,2298,2307,2317,2327,2338,2349],{"_uid":2238,"link":2239,"name":2243,"component":2246,"isExternalLink":21},"bf02f00d-e815-4e4c-a4c9-df3f72181c4e",{"id":2240,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2241,"story":2242},"12d21420-7fd7-420c-ae6c-04653a8c1629","use-cases/logos",{"name":2243,"id":2244,"uuid":2240,"slug":2245,"url":2241,"full_slug":2241,"_stopResolving":331},"Logos",447935734,"logos","LinkItem",{"_uid":2248,"link":2249,"name":2257,"component":2246},"d8249561-d2c4-4f89-b155-b7d0d3e2af7c",{"id":2250,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2251,"story":2252},"9a4f03cd-71a4-429c-8349-fc9f2046d917","use-cases/create-content-faster",{"name":2253,"id":2254,"uuid":2250,"slug":2255,"url":2256,"full_slug":2256,"_stopResolving":331},"Online Ads",288898178,"ad-campaign","use-cases/ad-campaign","Online ads",{"_uid":2259,"link":2260,"name":2267,"component":2246},"69ba7879-c1ea-4991-a93a-643141d9d5a8",{"id":2261,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2262,"story":2263},"08c37842-a307-4ed7-b68c-4052c37115d8","use-cases/business-card",{"name":2264,"id":2265,"uuid":2261,"slug":2266,"url":2262,"full_slug":2262,"_stopResolving":331},"UC - Business Card ",345476762,"business-card","Business cards",{"_uid":2269,"link":2270,"name":2274,"component":2246},"58dff9df-72cc-4cf9-8a02-238a3a499cea",{"id":2271,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2272,"story":2273},"927633bf-3014-432e-9f09-63456e093250","use-cases/branding",{"name":2274,"id":2275,"uuid":2271,"slug":2276,"url":2272,"full_slug":2272,"_stopResolving":331},"Branding",335495867,"branding",{"_uid":2278,"link":2279,"name":2286,"component":2246},"ae5046cf-8c90-4b76-84f6-4a4f62c435b1",{"id":2280,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2281,"story":2282},"703f0234-2b71-42c7-9fce-5fd245962cb0","use-cases/marketing-assets",{"name":2283,"id":2284,"uuid":2280,"slug":2285,"url":2281,"full_slug":2281,"_stopResolving":331},"Marketing Assets",366422023,"marketing-assets","Marketing assets",{"_uid":2288,"link":2289,"name":2297,"component":2246},"08a8a1b9-eee8-4128-bcd9-a17dcc63f26d",{"id":2290,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2291,"story":2292},"2c9e3a97-84b4-429f-aef8-0d3925214090","use-cases/animate-graphics",{"name":2293,"id":2294,"uuid":2290,"slug":2295,"url":2296,"full_slug":2296,"_stopResolving":331},"Animated graphics",392463945,"animated-graphics","use-cases/animated-graphics","Animate graphic designs",{"_uid":2299,"link":2300,"name":2304,"component":2246,"isExternalLink":21},"04643b6a-3993-45dc-a7ef-a6a5c9173543",{"id":2301,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2302,"story":2303},"e245ddbf-d2d9-4ed2-a84f-f2a479c16cfa","use-cases/billboards",{"name":2304,"id":2305,"uuid":2301,"slug":2306,"url":2302,"full_slug":2302,"_stopResolving":331},"Billboards",447994819,"billboards",{"_uid":2308,"link":2309,"name":2316,"component":2246},"b934264a-5d37-49f2-8a6b-61cb1c581dd8",{"id":2310,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2311,"story":2312},"56e63365-1e57-4ac3-9b26-9d91e069f70f","use-cases/animate-an-illustration",{"name":2313,"id":2314,"uuid":2310,"slug":2315,"url":2311,"full_slug":2311,"_stopResolving":331},"Animate an illustration",394787686,"animate-an-illustration","Animate illustrations",{"_uid":2318,"link":2319,"name":2326,"component":2246},"b6085e54-d81d-4232-a453-c995f6c27ec6",{"id":2320,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2321,"story":2322},"e398f327-3178-403c-b91c-05eb56c7e8a9","use-cases/templates",{"name":2323,"id":2324,"uuid":2320,"slug":2325,"url":2321,"full_slug":2321,"_stopResolving":331},"Templates",341542881,"templates","Scalable templates",{"_uid":2328,"link":2329,"name":2337,"component":2246},"eb66974e-477d-44c7-9e3f-ebb9fd93cdfa",{"id":2330,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2331,"story":2332},"9631709b-af6a-4624-bdfc-e562a5068bb0","use-cases/App-mockup",{"name":2333,"id":2334,"uuid":2330,"slug":2335,"url":2336,"full_slug":2336,"_stopResolving":331},"App mockup",336351066,"app-mockup","use-cases/app-mockup","App Store screenshots",{"_uid":2339,"link":2340,"name":2348,"component":2246},"35ca3302-e472-43e8-b5cd-f1ba37517c09",{"id":2341,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2342,"story":2343},"063fbbe1-d075-49a3-9594-9e6cfb65ad38","use-cases/illustration",{"name":2344,"id":2345,"uuid":2341,"slug":2346,"url":2347,"full_slug":2347,"_stopResolving":331},"Digital Illustration",384806323,"digital-illustration","use-cases/digital-illustration","Illustration",{"_uid":2350,"link":2351,"name":2358,"component":2246,"isExternalLink":21},"be34a97e-7157-4440-8e29-0e10643261bd",{"id":2352,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2353,"story":2354},"04683747-90db-41a3-b140-8d4789c9f921","use-cases/lamy-safari-note",{"name":2355,"id":2356,"uuid":2352,"slug":2357,"url":2353,"full_slug":2353,"_stopResolving":331},"LAMY Safari note + ",527709899,"lamy-safari-note","LAMY Safari note +","FooterColumn",{"_uid":2361,"name":2362,"links":2363,"component":2359},"88de6796-1384-4168-ad69-a990d6d44f8e","Features",[2364,2373,2382,2392,2401,2411,2421,2430,2440,2449,2459,2468],{"_uid":2365,"link":2366,"name":2370,"component":2246,"isExternalLink":21},"cb5ae9fe-8a74-4dd8-b1ce-9b9a46ef593d",{"id":2367,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2368,"story":2369},"acf4fbdf-cebc-41d2-b685-cdaa80b92a4d","features/workspaces",{"name":2370,"id":2371,"uuid":2367,"slug":2372,"url":2368,"full_slug":2368,"_stopResolving":331},"Workspaces",503785954,"workspaces",{"_uid":2374,"link":2375,"name":2379,"component":2246,"isExternalLink":21},"06921df1-1578-4fa8-9bc0-39c2e3deed02",{"id":2376,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2377,"story":2378},"77b53ad1-879d-4b47-8879-7a6676634659","features/magic-eraser",{"name":2379,"id":2380,"uuid":2376,"slug":2381,"url":2377,"full_slug":2377,"_stopResolving":331},"Magic Eraser",527711578,"magic-eraser",{"_uid":2383,"link":2384,"name":2391,"component":2246},"3b05103d-3265-4b31-b34d-f9894380dbdb",{"id":2385,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2386,"story":2387},"78754dd5-73f6-4e10-a32b-8902a890cc46","features/auto-trace",{"name":2388,"id":2389,"uuid":2385,"slug":2390,"url":2386,"full_slug":2386,"_stopResolving":331},"Auto Trace ",527579548,"auto-trace","Auto Trace",{"_uid":2393,"link":2394,"name":2398,"component":2246},"137f5b3e-d0e2-4300-afa4-c75a40889043",{"id":2395,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2396,"story":2397},"d54cb553-5988-402d-8e67-e99dea090a48","features/background-removal",{"name":2398,"id":2399,"uuid":2395,"slug":2400,"url":2396,"full_slug":2396,"_stopResolving":331},"Background Removal",304725437,"background-removal",{"_uid":2402,"link":2403,"name":2410,"component":2246,"isExternalLink":21},"cb993866-77ac-421e-9ba7-889f0fbf0b02",{"id":2404,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2405,"story":2406},"c6ca2e08-bf42-4a1b-9b99-2e947451eb1b","features/figma-plugin",{"name":2407,"id":2408,"uuid":2404,"slug":2409,"url":2405,"full_slug":2405,"_stopResolving":331},"Figma plugin",479516513,"figma-plugin","Figma Plugin",{"_uid":2412,"link":2413,"name":2420,"component":2246,"isExternalLink":21},"e14412de-c19d-49a1-b89d-61fd3754ae1d",{"id":2414,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2415,"story":2416},"f408b9a8-6089-49a1-b462-686188791fa6","features/gif-export",{"name":2417,"id":2418,"uuid":2414,"slug":2419,"url":2415,"full_slug":2415,"_stopResolving":331},"Gif export",481625744,"gif-export","GIF export",{"_uid":2422,"link":2423,"name":2427,"component":2246},"3fc87923-9325-4eb1-a0ed-cd91cee0a309",{"id":2424,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2425,"story":2426},"ab9b4ee2-90c0-4aaf-9ae5-7c7c2a6736e3","features/brush-tool",{"name":2427,"id":2428,"uuid":2424,"slug":2429,"url":2425,"full_slug":2425,"_stopResolving":331},"Brush Tool",304629999,"brush-tool",{"_uid":2431,"link":2432,"name":2436,"component":2246},"2153c2ef-9682-4514-9d19-818d2f295547",{"id":2433,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2434,"story":2435},"fd3c4345-bc7c-4d1c-a05f-85fe1b792ec0","features",{"name":2436,"id":2437,"uuid":2433,"slug":2438,"url":2439,"full_slug":2439,"_stopResolving":331},"Pen Tool",272987870,"pen-tool","features/pen-tool",{"_uid":2441,"link":2442,"name":2446,"component":2246},"7c9278d1-962f-4c7a-a79a-6396bf41fa26",{"id":2443,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2444,"story":2445},"d08d971c-c1e7-4832-b80c-1ba780693928","features/shape-builder",{"name":2446,"id":2447,"uuid":2443,"slug":2448,"url":2444,"full_slug":2444,"_stopResolving":331},"Shape Builder",304725892,"shape-builder",{"_uid":2450,"link":2451,"name":2458,"component":2246},"0715bd3b-31ba-464e-8aff-513a1400a1b5",{"id":2452,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2453,"story":2454},"86e62c7e-4dc2-40cf-b851-4b670cc4bec2","features/design-vs-animate-mode",{"name":2455,"id":2456,"uuid":2452,"slug":2457,"url":2453,"full_slug":2453,"_stopResolving":331},"Design vs animate Mode - Move",399697238,"design-vs-animate-mode","Design mode + Animate mode",{"_uid":2460,"link":2461,"name":2465,"component":2246,"isExternalLink":21},"f50a2187-2938-4054-973d-4da43839f035",{"id":2462,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2463,"story":2464},"5514f274-132b-4f14-9fad-6fd1dc832f4a","features/presets",{"name":2465,"id":2466,"uuid":2462,"slug":2467,"url":2463,"full_slug":2463,"_stopResolving":331},"Animation presets",481544840,"presets",{"_uid":2469,"link":2470,"name":2474,"component":2246,"isExternalLink":21},"28203a1d-7f3c-4fcf-9337-c2698df35467",{"id":2471,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2472,"story":2473},"8be46b4a-3774-4ab9-a0f8-b2fd982892f5","features/ai-grab",{"name":2474,"id":2475,"uuid":2471,"slug":2476,"url":2472,"full_slug":2472,"_stopResolving":331},"AI Grab",553945451,"ai-grab",{"_uid":2478,"name":2479,"links":2480,"component":2359},"4fbd0f94-4832-4dbf-9712-f6016d9c1316","Resources",[2481,2491,2500,2510,2515,2524,2534,2537,2546,2556,2565],{"_uid":2482,"link":2483,"name":2490,"component":2246},"f5229eb3-743a-455f-a3bd-e4692eb84e86",{"id":2484,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2485,"story":2486},"915706ae-8335-4324-8b06-b3079109e99b","academy/",{"name":2487,"id":2488,"uuid":2484,"slug":2489,"url":2485,"full_slug":2485,"_stopResolving":331},"Academy Home",305559558,"academy","Academy",{"_uid":2492,"link":2493,"name":2497,"component":2246},"8cb630d5-45ba-4bde-841c-3c391f6baf01",{"id":2494,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2495,"story":2496},"c0a83f6f-20eb-4da6-8d89-2bc5741e6061","business/linearity-for-business/content-creation",{"name":2497,"id":2498,"uuid":2494,"slug":2499,"url":2495,"full_slug":2495,"_stopResolving":331},"Content Creation",436912932,"content-creation",{"_uid":2501,"link":2502,"name":2509,"component":2246},"0753a482-0c31-4490-81d5-3a3f15b844d7",{"id":2503,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2504,"story":2505},"342a7331-5077-4ce4-ad9d-06412563f167","business/linearity-for-business/asset-management",{"name":2506,"id":2507,"uuid":2503,"slug":2508,"url":2504,"full_slug":2504,"_stopResolving":331},"Asset management",436863744,"asset-management","Asset Management",{"_uid":2511,"link":2512,"name":2514,"component":2246},"a67f7256-0633-4c2c-aed1-4e44b7559014",{"id":17,"url":2513,"linktype":435,"fieldtype":2147,"cached_url":2513},"https://www.linearity.io/templates/","Branded Templates",{"_uid":2516,"link":2517,"name":2521,"component":2246,"isExternalLink":21},"ed939fbd-07e1-4b00-89ee-7a191662dafb",{"id":2518,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2519,"story":2520},"0b298798-5764-4230-9068-c72d2043955e","resources/education",{"name":2521,"id":2522,"uuid":2518,"slug":2523,"url":2519,"full_slug":2519,"_stopResolving":331},"Education",452530490,"education",{"_uid":2525,"link":2526,"name":2533,"component":2246},"c45523d8-4566-444e-aa7e-3360cac7c08c",{"id":2527,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2528,"story":2529},"dac9f7a8-aedd-4cdb-8842-eb702246a27a","academy/curve/",{"name":2530,"id":2531,"uuid":2527,"slug":2532,"url":2528,"full_slug":2528,"_stopResolving":331},"curve-user-guide",311918579,"curve","User Guide",{"_uid":2535,"link":2536,"name":2323,"component":2246,"isExternalLink":21},"925dce7b-8b90-4f1e-8c45-84b45c058e2e",{"id":17,"url":2513,"linktype":435,"fieldtype":2147,"cached_url":2513},{"_uid":2538,"link":2539,"name":2543,"component":2246,"isExternalLink":331},"5644b276-b975-4487-bd0e-e7a1dcf71d36",{"id":2540,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2541,"story":2542},"460ced51-3757-4024-b0e2-d4a43caebbd5","blog/",{"name":2543,"id":2544,"uuid":2540,"slug":2545,"url":2541,"full_slug":2541,"_stopResolving":331},"Blog",533142832,"blog",{"_uid":2547,"link":2548,"name":2555,"component":2246},"39edc9c1-8f2d-4be5-a85b-efbc261c6b3a",{"id":2549,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2550,"story":2551},"f9d4cb1c-158d-408e-be59-8a022a766bd8","academy/glossary/a",{"name":2552,"id":2553,"uuid":2549,"slug":2554,"url":2550,"full_slug":2550,"_stopResolving":331},"A",322831487,"a","Glossary",{"_uid":2557,"link":2558,"name":2564,"component":2246},"e9947df8-1e06-4fb1-a69a-692faccc6738",{"id":2559,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2560,"story":2561},"707c0443-3cf9-439c-88b4-a25d9791c25a","whats-new",{"name":2562,"id":2563,"uuid":2559,"slug":2560,"url":2560,"full_slug":2560,"_stopResolving":331},"whats new",453739777,"What's new",{"_uid":2566,"link":2567,"name":2574,"component":2246},"6c7c8b6e-e489-4636-b0ae-8eb507a875ad",{"id":2568,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2569,"story":2570},"7423a259-4018-45dc-a795-90367cd76e38","faq/",{"name":2571,"id":2572,"uuid":2568,"slug":2573,"url":2569,"full_slug":2569,"_stopResolving":331},"FAQ Main Page",270777390,"faq","FAQs",{"_uid":2576,"name":2577,"links":2578,"component":2359},"52aa5ca2-b8eb-458f-917a-022ab93542b1","Compare",[2579,2587,2595,2605,2615,2624],{"_uid":2580,"link":2581,"name":1979,"component":2246},"2047cfcb-c158-4646-b422-f56a1c949dec",{"id":2582,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2583,"story":2584},"9c3ccbc8-8c15-46ea-bbe0-120a2b1a3a21","comparison/adobe-illustrator",{"name":1979,"id":2585,"uuid":2582,"slug":2586,"url":2583,"full_slug":2583,"_stopResolving":331},301280189,"adobe-illustrator",{"_uid":2588,"link":2589,"name":1988,"component":2246},"42722bcc-acdc-4062-928a-ad16aec3370b",{"id":2590,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2591,"story":2592},"4049647e-c169-4959-8885-ee44e5fcc91a","comparison/affinity-designer",{"name":1988,"id":2593,"uuid":2590,"slug":2594,"url":2591,"full_slug":2591,"_stopResolving":331},304730922,"affinity-designer",{"_uid":2596,"link":2597,"name":2604,"component":2246},"c8fb36e8-0b7a-4008-bb18-06519937ec58",{"id":2598,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2599,"story":2600},"7954a72b-8454-4698-ade9-b8475ab08e02","comparison/canva",{"name":2601,"id":2602,"uuid":2598,"slug":2603,"url":2599,"full_slug":2599,"_stopResolving":331},"Canva v2",442555173,"canva","Canva",{"_uid":2606,"link":2607,"name":2614,"component":2246},"d45a1a7a-2355-483c-9ffa-778055b0b725",{"id":2608,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2609,"story":2610},"bcf46b44-2af9-4560-b9c0-2a0c91e036a1","comparison/figma",{"name":2611,"id":2612,"uuid":2608,"slug":2613,"url":2609,"full_slug":2609,"_stopResolving":331},"Figma v2",441854657,"figma","Figma",{"_uid":2616,"link":2617,"name":2621,"component":2246},"43c7c689-eae7-4b39-810d-444132d19016",{"id":2618,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2619,"story":2620},"001de15d-a168-430f-ae89-bbd8de5206e1","comparison/inkscape",{"name":2621,"id":2622,"uuid":2618,"slug":2623,"url":2619,"full_slug":2619,"_stopResolving":331},"Inkscape",281022775,"inkscape",{"_uid":2625,"link":2626,"name":2630,"component":2246},"b11d9251-2b8d-418a-842a-ce4b6417ff56",{"id":2627,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2628,"story":2629},"32c9cdbd-755c-415f-babf-f6f578861f6f","comparison/procreate",{"name":2630,"id":2631,"uuid":2627,"slug":2632,"url":2628,"full_slug":2628,"_stopResolving":331},"Procreate",304729374,"procreate",{"_uid":2634,"name":2635,"links":2636,"component":2359},"fc38d686-1f17-4768-80a3-2bd9600f2238","Explore",[2637,2646,2656],{"_uid":2638,"link":2639,"name":2645,"component":2246},"a3424674-4087-4646-9364-78488c61ec2d",{"id":2640,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2641,"story":2642},"fe6456d6-bfd4-40cd-a40e-b24037da1703","curve/",{"name":2643,"id":2644,"uuid":2640,"slug":2532,"url":2641,"full_slug":2641,"_stopResolving":331},"Curve",288898168,"Get started with Curve",{"_uid":2647,"link":2648,"name":2655,"component":2246},"67eda6f7-b5d1-4991-ad39-db25cf418818",{"id":2649,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2650,"story":2651},"d9451d51-a2a2-48e6-a495-fea6f1162b63","curve/vectornator-is-now-curve",{"name":2652,"id":2653,"uuid":2649,"slug":2654,"url":2650,"full_slug":2650,"_stopResolving":331},"Vectornator is now Curve",326350013,"vectornator-is-now-curve","Vectornator is now Linearity Curve",{"_uid":2657,"link":2658,"name":2665,"component":2246},"a7c106f6-014d-41a9-a87d-b218c3f8b111",{"id":2659,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2660,"story":2661},"60ac2028-50a7-48c9-92e8-f600c8481707","move/",{"name":2662,"id":2663,"uuid":2659,"slug":2664,"url":2660,"full_slug":2660,"_stopResolving":331},"Move",300975051,"move","Bring motion in house",{"_uid":2667,"name":2668,"links":2669,"component":2359},"e874c1b3-a5ea-4b82-b505-7ccb75bd54b8","Linearity",[2670,2678,2688,2696,2704,2713,2718],{"_uid":2671,"link":2672,"name":2677,"component":2246},"d2502c21-1a24-45e3-91ad-1f19196f2c84",{"id":2673,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2674,"story":2675},"344a5f9f-9b04-48b5-939d-f942339cfec5","about-us",{"name":2674,"id":2676,"uuid":2673,"slug":2674,"url":2674,"full_slug":2674,"_stopResolving":331},295686852,"About us",{"_uid":2679,"link":2680,"name":2687,"component":2246,"isExternalLink":21},"05ad118e-e6dd-4c86-ae77-2bc056f8d6a2",{"id":2681,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2682,"story":2683},"00c5bc6e-cbb9-4582-9f9f-2019f3652f7e","community/",{"name":2684,"id":2685,"uuid":2681,"slug":2686,"url":2682,"full_slug":2682,"_stopResolving":331},"Community Home",319527715,"community","Community",{"_uid":2689,"link":2690,"name":2695,"component":2246},"ef3173cf-0424-4c0a-9b4c-ae80f6b96b4a",{"id":2691,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2692,"story":2693},"2306f92e-4af9-4340-b996-dbee66bd5eea","careers",{"name":2692,"id":2694,"uuid":2691,"slug":2692,"url":2692,"full_slug":2692,"_stopResolving":331},291322313,"Career",{"_uid":2697,"link":2698,"name":2702,"component":2246},"578b6eb7-3bcf-456c-a0f6-b382623280ff",{"id":2699,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2700,"story":2701},"c5f6e05d-8db9-4f31-bde4-4634157af860","contact-support",{"name":2702,"id":2703,"uuid":2699,"slug":2700,"url":2700,"full_slug":2700,"_stopResolving":331},"Contact Support",582642802,{"_uid":2705,"link":2706,"name":2712,"component":2246},"101c0d1c-c2b1-491f-87ea-e2e50e8dbfdc",{"id":2707,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2708,"story":2709},"f27a0774-a81a-4ab1-9788-3785994060d1","contact",{"name":2710,"id":2711,"uuid":2707,"slug":2708,"url":2708,"full_slug":2708,"_stopResolving":331},"Contact",323799739,"Contact Sales",{"_uid":2714,"link":2715,"name":2717,"component":2246,"isExternalLink":331},"589169cd-eb8e-49c6-8281-0c013243c23a",{"id":17,"url":2716,"linktype":435,"fieldtype":2147,"cached_url":2716},"https://status.linearity.io/","Status Page",{"_uid":2719,"link":2720,"name":2722,"component":2246},"91e1e009-b648-4183-a301-d3d7dbe7c4d2",{"id":17,"url":2721,"linktype":435,"fieldtype":2147,"cached_url":2721},"https://linearity.notion.site/Linearity-Press-Kit-650a6d8e5a8247819466f1836d2100f5","Press Kit","Get started with Linearity","FooterComponent",[2726,2735,2745],{"_uid":2727,"link":2728,"name":2734,"component":2246},"ee6d54be-b26d-4550-84d9-ae927e32e869",{"id":2729,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2730,"story":2731},"213b0a01-a8a7-46ae-ac45-fd24ae5ccc74","privacy-policy",{"name":2730,"id":2732,"uuid":2729,"slug":2730,"url":2733,"full_slug":2733,"_stopResolving":331},287274314,"policies/privacy-policy","Privacy Policy",{"_uid":2736,"link":2737,"name":2744,"component":2246},"3978ef8d-0a51-4def-bf62-280fd58d14e1",{"id":2738,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2739,"story":2740},"dfb9498a-b18f-459b-a2be-6058ad3b022f","policies/terms-of-use",{"name":2741,"id":2742,"uuid":2738,"slug":2743,"url":2739,"full_slug":2739,"_stopResolving":331},"Terms of use",321215958,"terms-of-use","Terms",{"_uid":2746,"link":2747,"name":2753,"component":2246},"392c03cd-1793-4cfc-965b-a5fed32bb10a",{"id":2748,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2749,"story":2750},"5883cb88-67cf-46e4-b0c2-62cf8d648123","imprint",{"name":2749,"id":2751,"uuid":2748,"slug":2749,"url":2752,"full_slug":2752,"_stopResolving":331},287066003,"policies/imprint","Legal",[2755,2762,2767,2772,2777,2782,2787],{"_uid":2756,"icon":2757,"link":2758,"component":2761},"de3836d2-e7f3-4db3-95f9-82c7c730ea74","logo-insta",{"id":17,"url":2759,"target":2760,"linktype":435,"fieldtype":2147,"cached_url":2759},"https://www.instagram.com/linearityhq/?utm_source=instagram&utm_medium=website&utm_campaign=website-footer","_blank","LinkIcon",{"_uid":2763,"icon":2764,"link":2765,"component":2761},"df804124-bee9-4046-961a-27c57d7a5514","logo-fb",{"id":17,"url":2766,"target":2760,"linktype":435,"fieldtype":2147,"cached_url":2766},"https://www.facebook.com/profile.php?id=100090327010659&utm_source=facebook&utm_medium=website&utm_campaign=website-footer",{"_uid":2768,"icon":2769,"link":2770,"component":2761},"3e71d940-b47f-4657-84d4-f3cd35e31a49","logo-twitter",{"id":17,"url":2771,"target":2760,"linktype":435,"fieldtype":2147,"cached_url":2771},"https://twitter.com/linearityhq?utm_source=twitter&utm_medium=website&utm_campaign=website-footer",{"_uid":2773,"icon":2774,"link":2775,"component":2761},"6965e068-4b04-479e-bd88-e7201e57d54a","logo-tiktok",{"id":17,"url":2776,"target":2760,"linktype":435,"fieldtype":2147,"cached_url":2776},"https://www.tiktok.com/@linearityhq?utm_source=tiktok&utm_medium=website&utm_campaign=website-footer",{"_uid":2778,"icon":2779,"link":2780,"component":2761},"b9f17abb-72e9-45b7-a06e-fac36b41fee8","logo-youtube",{"id":17,"url":2781,"target":2760,"linktype":435,"fieldtype":2147,"cached_url":2781},"https://www.youtube.com/@LinearityHQ?utm_source=youtube&utm_medium=website&utm_campaign=website-footer",{"_uid":2783,"icon":2784,"link":2785,"component":2761},"d4edfa70-67c4-4401-baf7-6ccc7ba9817d","logo-linkedin",{"id":17,"url":2786,"target":2760,"linktype":435,"fieldtype":2147,"cached_url":2786},"https://www.linkedin.com/company/linearity-gmbh/?utm_source=linkedin&utm_medium=website&utm_campaign=website-footer",{"_uid":2788,"icon":2789,"link":2790,"component":2761},"e37db5c5-c1e4-4b72-aea3-9088e6e0ce4a","ic-bilibili",{"id":17,"url":2791,"target":2760,"linktype":435,"fieldtype":2147,"cached_url":2791},"https://space.bilibili.com/429790220","Copyright © 2026 Linearity GmbH. All rights reserved",{"id":17,"url":2794,"linktype":435,"fieldtype":2147,"cached_url":2794},"/get-started","All the tools you need for truly great design.",[2797],{"_uid":2798,"items":2799,"adjustId":3374,"component":3375,"buttonLink":3376,"buttonText":3377,"mobileDropdownBackText":3378},"ba89ed83-6694-4584-8f97-9ba02ee7dc45",[2800,2875,2974,3073,3077,3124,3339,3348],{"_uid":2801,"name":2802,"links":2803,"component":2873,"columnSplit":2874},"8a3bf702-e260-46e0-8622-644e04c7a00a","Use cases",[2804,2810,2815,2826,2831,2836,2841,2846,2858,2868],{"_uid":2805,"icon":2806,"link":2807,"name":2348,"component":2809,"description":17,"isGreenDotShowing":21},"63e6dde3-f74b-4f42-92ef-2dddb1bcbeda","ic-brush",{"id":2341,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2342,"story":2808},{"name":2344,"id":2345,"uuid":2341,"slug":2346,"url":2347,"full_slug":2347,"_stopResolving":331},"HeaderDropdownLink",{"_uid":2811,"icon":2812,"link":2813,"name":2243,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"ba292e15-1746-4f96-8f24-e78d99d60c33","ic-draw-pencil",{"id":2240,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2241,"story":2814},{"name":2243,"id":2244,"uuid":2240,"slug":2245,"url":2241,"full_slug":2241,"_stopResolving":331},{"_uid":2816,"icon":2817,"link":2818,"name":2822,"component":2809,"description":17,"isGreenDotShowing":21},"a36ad5f4-eb80-4989-8def-4492f7bda10c","ic-social",{"id":2819,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2820,"story":2821},"aefaddf4-65ac-498b-b523-03a29bc8aa7c","use-cases/social-media",{"name":2822,"id":2823,"uuid":2819,"slug":2824,"url":2825,"full_slug":2825,"_stopResolving":331},"Social Media Design",426493845,"social-media-design","use-cases/social-media-design",{"_uid":2827,"icon":2828,"link":2829,"name":2257,"component":2809,"description":17,"isGreenDotShowing":21},"ca35942f-6d06-4eda-b0f0-7cd36696f7f1","ic-sidebar",{"id":2250,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2251,"story":2830},{"name":2253,"id":2254,"uuid":2250,"slug":2255,"url":2256,"full_slug":2256,"_stopResolving":331},{"_uid":2832,"icon":2833,"link":2834,"name":2286,"component":2809,"description":17,"isGreenDotShowing":21},"271a7be2-fddb-474f-87e8-b5c8799d1e0c","ic-stack-order",{"id":2280,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2281,"story":2835},{"name":2283,"id":2284,"uuid":2280,"slug":2285,"url":2281,"full_slug":2281,"_stopResolving":331},{"_uid":2837,"icon":2838,"link":2839,"name":2274,"component":2809,"description":17,"isExternalLink":331,"isGreenDotShowing":21},"876eef74-3935-4740-9341-4805708e3553","ic-color-sliders",{"id":2271,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2272,"story":2840},{"name":2274,"id":2275,"uuid":2271,"slug":2276,"url":2272,"full_slug":2272,"_stopResolving":331},{"_uid":2842,"icon":2843,"link":2844,"name":2304,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"7b23cd4e-cbc8-4c11-821a-2c7e421a9863","ic-artboard",{"id":2301,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2302,"story":2845},{"name":2304,"id":2305,"uuid":2301,"slug":2306,"url":2302,"full_slug":2302,"_stopResolving":331},{"_uid":2847,"icon":2848,"link":2849,"name":2857,"component":2809,"description":17,"isGreenDotShowing":21},"b58caced-da0b-4299-9ef1-428c8d4f2946","ic-effects-tab",{"id":2850,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2851,"story":2852},"fe9eb2e2-9fce-4cb7-a6bf-b504179c3d29","use-cases/animation",{"name":2853,"id":2854,"uuid":2850,"slug":2855,"url":2856,"full_slug":2856,"_stopResolving":331},"Motion graphics",426499721,"motion-graphics","use-cases/motion-graphics","Motion Graphics",{"_uid":2859,"icon":2860,"link":2861,"name":2865,"component":2809,"description":17,"isGreenDotShowing":21},"aeee4990-66a8-4cd0-8029-5e42f94ded8b","ic-doc-templates",{"id":2862,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2863,"story":2864},"9bdd2143-687d-4596-abb3-6435dc1dc0eb","use-cases/announcements",{"name":2865,"id":2866,"uuid":2862,"slug":2867,"url":2863,"full_slug":2863,"_stopResolving":331},"Announcements",446846927,"announcements",{"_uid":2869,"icon":2870,"link":2871,"name":2267,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"dc4cb2f7-725c-49a6-a8c0-de145beac1c4","ic-copy-file",{"id":2261,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2262,"story":2872},{"name":2264,"id":2265,"uuid":2261,"slug":2266,"url":2262,"full_slug":2262,"_stopResolving":331},"HeaderDropdownTwoColumnList","5",{"_uid":2876,"name":2877,"links":2878,"component":2973},"64c67d3c-d041-420c-b859-8f8eba274e42","Products",[2879,2930],{"_uid":2880,"link":2881,"name":1970,"type":2643,"links":2883,"component":2929},"7dfdde36-5967-4938-90b1-9368ce418c35",{"id":2640,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2641,"story":2882},{"name":2643,"id":2644,"uuid":2640,"slug":2532,"url":2641,"full_slug":2641,"_stopResolving":331},[2884,2889,2894,2898,2903,2908,2913,2918,2923],{"_uid":2885,"icon":2886,"link":2887,"name":2391,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"815bf14b-c03f-4695-bf27-ffa48fb28474","ic-auto-trace",{"id":2385,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2386,"story":2888},{"name":2388,"id":2389,"uuid":2385,"slug":2390,"url":2386,"full_slug":2386,"_stopResolving":331},{"_uid":2890,"icon":2891,"link":2892,"name":2436,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"373ab2fa-ce51-4178-bc11-efb17fadc6b4","ic-pen",{"id":2433,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2439,"story":2893},{"name":2436,"id":2437,"uuid":2433,"slug":2438,"url":2439,"full_slug":2439,"_stopResolving":331},{"_uid":2895,"icon":2806,"link":2896,"name":2427,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"e6ea695a-2005-4499-9690-f7058caae356",{"id":2424,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2425,"story":2897},{"name":2427,"id":2428,"uuid":2424,"slug":2429,"url":2425,"full_slug":2425,"_stopResolving":331},{"_uid":2899,"icon":2900,"link":2901,"name":2446,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"0f2a3941-180c-4e77-ad3c-d700cbc85557","ic-shape-builder",{"id":2443,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2444,"story":2902},{"name":2446,"id":2447,"uuid":2443,"slug":2448,"url":2444,"full_slug":2444,"_stopResolving":331},{"_uid":2904,"icon":2905,"link":2906,"name":2398,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"ccb15034-48bc-4d84-ae19-fa2638b4ead4","ic-bg-removal",{"id":2395,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2396,"story":2907},{"name":2398,"id":2399,"uuid":2395,"slug":2400,"url":2396,"full_slug":2396,"_stopResolving":331},{"_uid":2909,"icon":2910,"link":2911,"name":2379,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"a3c1e8cf-9940-4616-9438-dfce51792331","ic-eraser",{"id":2376,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2377,"story":2912},{"name":2379,"id":2380,"uuid":2376,"slug":2381,"url":2377,"full_slug":2377,"_stopResolving":331},{"_uid":2914,"icon":2915,"link":2916,"name":2474,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"6db810a7-19b7-4bfc-9cf7-03ad3525f7fa","ic-ai-grab",{"id":2471,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2472,"story":2917},{"name":2474,"id":2475,"uuid":2471,"slug":2476,"url":2472,"full_slug":2472,"_stopResolving":331},{"_uid":2919,"icon":2920,"link":2921,"name":2410,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"697aaa92-7a18-4168-b0c3-45d397bfdfae","ic-layers-tab",{"id":2404,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2405,"story":2922},{"name":2407,"id":2408,"uuid":2404,"slug":2409,"url":2405,"full_slug":2405,"_stopResolving":331},{"_uid":2924,"icon":2925,"link":2926,"name":2928,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"b4fa691b-b710-45f9-8185-f7aa6e4397cc","ic-share",{"id":2367,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2368,"story":2927},{"name":2370,"id":2371,"uuid":2367,"slug":2372,"url":2368,"full_slug":2368,"_stopResolving":331},"Collaboration","HeaderDropdownProductWithList",{"_uid":2931,"link":2932,"name":2934,"type":2662,"links":2935,"component":2929},"24efa57a-bdc0-4863-83dd-e4a6c49847bd",{"id":2659,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2660,"story":2933},{"name":2662,"id":2663,"uuid":2659,"slug":2664,"url":2660,"full_slug":2660,"_stopResolving":331},"Linearity Move",[2936,2942,2946,2952,2963,2969],{"_uid":2937,"icon":2938,"link":2939,"name":2941,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"6fd6f203-ea1a-4a8d-b79e-7363f72d9db3","ic-products-logo",{"id":2452,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2453,"story":2940},{"name":2455,"id":2456,"uuid":2452,"slug":2457,"url":2453,"full_slug":2453,"_stopResolving":331},"Design Mode + Animate Mode",{"_uid":2943,"icon":2920,"link":2944,"name":2410,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"8f15cf31-a7b8-4120-9f76-69df3dcc3903",{"id":2404,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2405,"story":2945},{"name":2407,"id":2408,"uuid":2404,"slug":2409,"url":2405,"full_slug":2405,"_stopResolving":331},{"_uid":2947,"icon":2948,"link":2949,"name":2951,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"c3b9aa66-277c-4657-ac38-72cd97a7fbe7","ic-spiral",{"id":2462,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2463,"story":2950},{"name":2465,"id":2466,"uuid":2462,"slug":2467,"url":2463,"full_slug":2463,"_stopResolving":331},"Animation Presets",{"_uid":2953,"icon":2954,"link":2955,"name":2962,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"c7bae5c9-8490-4181-8f64-a4aae4f2476c","ic-animation",{"id":2956,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2957,"story":2958},"a4d9feef-3916-4bf5-a850-497f126120b2","features/lottie-export",{"name":2959,"id":2960,"uuid":2956,"slug":2961,"url":2957,"full_slug":2957,"_stopResolving":331},"Lottie export",114123699687703,"lottie-export","Lottie Export",{"_uid":2964,"icon":2965,"link":2966,"name":2968,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"9da1972d-b570-4a0e-9b94-5c7214b09684","ic-gif",{"id":2414,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2415,"story":2967},{"name":2417,"id":2418,"uuid":2414,"slug":2419,"url":2415,"full_slug":2415,"_stopResolving":331},"GIF Export",{"_uid":2970,"icon":2925,"link":2971,"name":2928,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"0c68c0fe-8523-4d20-851a-326615a1dc4b",{"id":2367,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2368,"story":2972},{"name":2370,"id":2371,"uuid":2367,"slug":2372,"url":2368,"full_slug":2368,"_stopResolving":331},"HeaderDropdownProducts",{"_uid":2975,"name":2976,"links":2977,"component":2873,"columnSplit":3072},"93cbb39d-5ed7-40a6-b01e-ae67fa6241ad","Business",[2978,2988,2998,3009,3019,3024,3034,3045,3050,3054,3063],{"_uid":2979,"icon":2980,"link":2981,"name":2985,"component":2809,"description":17,"isGreenDotShowing":21},"60686564-fe0c-44c3-9150-0d52283afcbf","ic-learn-v1",{"id":2982,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2983,"story":2984},"dece75cf-3658-4778-85aa-59b0fceffb40","business/solutions/marketing-teams",{"name":2985,"id":2986,"uuid":2982,"slug":2987,"url":2983,"full_slug":2983,"_stopResolving":331},"Marketing Teams",434305400,"marketing-teams",{"_uid":2989,"icon":2848,"link":2990,"name":2994,"component":2809,"description":17,"isGreenDotShowing":21},"b4d514ea-eeb6-466d-8cc1-474456a86faf",{"id":2991,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2992,"story":2993},"7eb8573b-53b4-493a-b04d-542b62d88cb5","business/solutions/creative-teams",{"name":2994,"id":2995,"uuid":2991,"slug":2996,"url":2997,"full_slug":2997,"_stopResolving":331},"Creative Teams",434440991,"creative-teams-design","business/solutions/creative-teams-design",{"_uid":2999,"icon":3000,"link":3001,"name":3008,"component":2809,"description":17,"isGreenDotShowing":21},"7e44418d-068b-4fad-8f58-273d31632f89","ic-ar",{"id":3002,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3003,"story":3004},"7a7a693a-fed3-4619-ac65-1606a6e222d1","business/solutions/startup",{"name":3005,"id":3006,"uuid":3002,"slug":3007,"url":3003,"full_slug":3003,"_stopResolving":331},"Startup",430363123,"startup","Startups",{"_uid":3010,"icon":2812,"link":3011,"name":3015,"component":2809,"description":17,"isGreenDotShowing":21},"31b672e9-25d7-4878-aecd-fb5f80b5e74f",{"id":3012,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3013,"story":3014},"bee2300b-0926-4ab8-a70f-87788153e370","business/solutions/creative-agencies",{"name":3015,"id":3016,"uuid":3012,"slug":3017,"url":3018,"full_slug":3018,"_stopResolving":331},"Creative Agencies",434914930,"digital-creative-agencies","business/solutions/digital-creative-agencies",{"_uid":3020,"icon":3021,"link":3022,"name":2521,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"2d19f10e-04aa-48a4-91e4-6ff1d814a8a0","ic-learn-tab",{"id":2518,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2519,"story":3023},{"name":2521,"id":2522,"uuid":2518,"slug":2523,"url":2519,"full_slug":2519,"_stopResolving":331},{"_uid":3025,"icon":3026,"link":3027,"name":3031,"component":2809,"description":17,"isGreenDotShowing":21},"3d687a69-1c18-4054-8f74-7476d851c8b8","ic-polygon",{"id":3028,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3029,"story":3030},"33fb4cf3-ab7a-43eb-86c4-417e60d139e9","business/solutions/tech",{"name":3031,"id":3032,"uuid":3028,"slug":3033,"url":3029,"full_slug":3029,"_stopResolving":331},"Tech",434902905,"tech",{"_uid":3035,"icon":3036,"link":3037,"name":3044,"component":2809,"description":17,"isGreenDotShowing":21},"81107762-1e51-46db-8c10-8c3b3d73bed7","ic-linearity-symbol",{"id":3038,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3039,"story":3040},"efec97b3-47da-4df1-ac95-f2a8e13cd840","business/linearity-for-business/",{"name":3041,"id":3042,"uuid":3038,"slug":3043,"url":3039,"full_slug":3039,"_stopResolving":331},"Linearity for business",437422031,"linearity-for-business","Linearity for Business",{"_uid":3046,"icon":3047,"link":3048,"name":2497,"component":2809,"description":17,"isGreenDotShowing":21},"e2f95906-a321-4200-a1bb-fe5d24dc12fa","ic-paper",{"id":2494,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2495,"story":3049},{"name":2497,"id":2498,"uuid":2494,"slug":2499,"url":2495,"full_slug":2495,"_stopResolving":331},{"_uid":3051,"icon":2833,"link":3052,"name":2509,"component":2809,"description":17,"isGreenDotShowing":21},"38f49c1b-aff6-4f48-955a-6bb178fa713c",{"id":2503,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2504,"story":3053},{"name":2506,"id":2507,"uuid":2503,"slug":2508,"url":2504,"full_slug":2504,"_stopResolving":331},{"_uid":3055,"icon":3056,"link":3057,"name":2514,"component":2809,"description":17,"isGreenDotShowing":21},"2f133b2b-9736-4b4b-88ec-aa36e14ad5bf","ic-palettes-tab",{"id":3058,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3059,"story":3060},"e439f797-5b80-44b4-aff5-fb804e121cc1","business/linearity-for-business/branded-templates",{"name":2514,"id":3061,"uuid":3058,"slug":3062,"url":3059,"full_slug":3059,"_stopResolving":331},436834380,"branded-templates",{"_uid":3064,"icon":2920,"link":3065,"name":3069,"component":2809,"description":17,"isGreenDotShowing":21},"87570a6d-556a-4836-873f-664b9845c226",{"id":3066,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3067,"story":3068},"c759b3fd-6b4d-46c5-842a-09c58c98c50e","resources/business",{"name":3069,"id":3070,"uuid":3066,"slug":3071,"url":3067,"full_slug":3067,"_stopResolving":331},"Business Resources",445382506,"business","6",{"_uid":3074,"link":3075,"name":2543,"component":2173},"1e1642e7-7b59-437f-ba13-7f55650b9db1",{"id":2540,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2541,"story":3076},{"name":2543,"id":2544,"uuid":2540,"slug":2545,"url":2541,"full_slug":2541,"_stopResolving":331},{"_uid":3078,"name":3079,"links":3080,"content":3122,"component":3123},"f2399b2f-1bd7-4c43-9945-381781810e41","Guides",[3081,3087,3093,3099,3105,3110,3116],{"_uid":3082,"icon":3083,"link":3084,"name":3086,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"1571e13d-811a-4c4b-bc86-21b0e1197e9a","ic-node",{"id":1947,"url":17,"linktype":367,"fieldtype":2147,"cached_url":1952,"story":3085},{"name":1949,"id":1950,"uuid":1947,"slug":1951,"url":1952,"full_slug":1952,"_stopResolving":331},"Vector Design",{"_uid":3088,"icon":3089,"link":3090,"name":2153,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"aa36869c-39e7-42f3-9371-bafbdab3eda1","ic-all-files",{"id":2155,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2151,"story":3091},{"name":2153,"id":2152,"uuid":2155,"slug":3092,"url":2151,"full_slug":2151,"_stopResolving":331},"design-principles",{"_uid":3094,"icon":3095,"link":3096,"name":3098,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"872ec131-a63b-4920-87e8-19f28464852d","ic-image",{"id":449,"url":17,"linktype":367,"fieldtype":2147,"cached_url":453,"story":3097},{"name":451,"id":452,"uuid":449,"slug":451,"url":453,"full_slug":453,"_stopResolving":331},"Illustration Styles",{"_uid":3100,"icon":3101,"link":3102,"name":3104,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"fd3f8afc-e93c-4a66-a308-7b8c4935d7c2","ic-dimensions",{"id":1463,"url":17,"linktype":367,"fieldtype":2147,"cached_url":1468,"story":3103},{"name":1465,"id":1466,"uuid":1463,"slug":1467,"url":1468,"full_slug":1468,"_stopResolving":331},"Social Media Image Sizes",{"_uid":3106,"icon":2954,"link":3107,"name":3109,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"4f50fbd9-68ab-4f46-89d8-4704bf0f04f3",{"id":1228,"url":17,"linktype":367,"fieldtype":2147,"cached_url":1233,"story":3108},{"name":1230,"id":1231,"uuid":1228,"slug":1232,"url":1233,"full_slug":1233,"_stopResolving":331},"Animation and Motion Design",{"_uid":3111,"icon":3112,"link":3113,"name":3115,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"3056c61d-a252-43d9-997e-203ac2b2cb86","ic-export",{"id":2121,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2126,"story":3114},{"name":2123,"id":2124,"uuid":2121,"slug":2125,"url":2126,"full_slug":2126,"_stopResolving":331},"Illustrator Alternatives",{"_uid":3117,"icon":3118,"link":3119,"name":3121,"component":2809,"description":17,"isExternalLink":21,"isGreenDotShowing":21},"38f97667-f985-4bb7-83e2-e6beebacf560","ic-redo",{"id":1062,"url":17,"linktype":367,"fieldtype":2147,"cached_url":1067,"story":3120},{"name":1064,"id":1065,"uuid":1062,"slug":1066,"url":1067,"full_slug":1067,"_stopResolving":331},"Switch from Illustrator to Linearity",[],"HeaderDropdownOneColumn",{"_uid":3125,"name":3126,"links":3127,"posts":3151,"content":3322,"component":3338},"2cd2d2de-6329-4a42-b613-0755b54839ba","Learn",[3128,3135,3147],{"_uid":3129,"icon":3130,"link":3131,"name":3133,"component":2809,"description":3134,"isGreenDotShowing":21},"87d76f03-cedc-4b9c-ba84-afb5e17c1c5a","ic-curve",{"id":2484,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2528,"story":3132},{"name":2487,"id":2488,"uuid":2484,"slug":2489,"url":2485,"full_slug":2485,"_stopResolving":331},"Learn to Design with Curve","Curve courses and tutorials",{"_uid":3136,"icon":3137,"link":3138,"name":3145,"component":2809,"description":3146,"isExternalLink":21,"isGreenDotShowing":21},"a37d34f8-b777-4b21-9114-32beff672cbf","ic-move",{"id":3139,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3140,"story":3141},"de8b876f-e4c3-4652-9139-2e6c1656006b","academy/move/mac/user-guide/start-here/",{"name":3142,"id":3143,"uuid":3139,"slug":3144,"url":3140,"full_slug":3140,"_stopResolving":331},"Start here",412491745,"start-here","Learn to Animate with Move","Move courses and tutorials",{"_uid":3148,"icon":2920,"link":3149,"name":2323,"component":2809,"description":3150,"isGreenDotShowing":21},"d89710a7-4050-4a1f-b52a-c8952ece1c75",{"id":17,"url":2513,"linktype":435,"fieldtype":2147,"cached_url":2513},"Browse & download templates",[3152,3260],{"name":3153,"created_at":3154,"published_at":3155,"updated_at":3156,"id":3157,"uuid":3158,"content":3159,"slug":3249,"full_slug":3250,"sort_by_date":37,"position":3251,"tag_list":3252,"is_startpage":21,"parent_id":3253,"meta_data":37,"group_id":3254,"first_published_at":3255,"release_id":37,"lang":3193,"path":37,"alternates":3256,"default_full_slug":3250,"translated_slugs":3257,"_stopResolving":331},"How to animate your Figma assets","2024-06-06T12:16:30.606Z","2025-04-16T14:53:02.548Z","2025-04-16T14:53:02.583Z",507733877,"8e0500ab-ec9f-4089-8c8f-64e9baa8fe9d",{"_uid":3160,"level":3161,"title":3153,"video":3162,"author":3170,"device":3200,"content":3201,"noIndex":21,"category":3202,"duration":3203,"language":3204,"noFollow":21,"_editable":3206,"component":3207,"quoteText":3208,"youtubeId":3168,"meta_image":3209,"meta_title":3153,"page_title":3153,"description":3213,"relatedLinks":3214,"learn_tab_ios":331,"learn_tab_mac":331,"appDescription":3239,"learn_tab_move":21,"thumbnailImage":3240,"hideFromSitemap":21,"learnTabSection":3244,"learn_tab_curve":21,"meta_description":3213,"isDisclaimerShowing":21,"headerThumbnailImage":3245,"isIncludedInLearnTab":331,"metaHeaderImageRightPosition":331},"7e4f469c-2287-41c3-b06d-a8d9e4c499d9","Beginner",[3163],{"_uid":3164,"muted":21,"title":17,"autoPlay":21,"wistiaId":3165,"_editable":3166,"component":3167,"videoFoam":21,"youtubeId":3168,"aspectRatio":3169,"disableLazyload":21,"playbackRateControl":21},"59dca6ef-948b-4833-baeb-006a547fd751","vlmom7nmk9","\u003C!--#storyblok#{\"name\": \"WistiaVideo\", \"space\": \"197805\", \"uid\": \"59dca6ef-948b-4833-baeb-006a547fd751\", \"id\": \"507733877\"}-->","WistiaVideo","JWW667Mr9tw",1.7777777777777777,{"name":3171,"created_at":3172,"published_at":3173,"updated_at":3174,"id":3175,"uuid":3176,"content":3177,"slug":3186,"full_slug":3187,"sort_by_date":37,"position":3188,"tag_list":3189,"is_startpage":21,"parent_id":3190,"meta_data":37,"group_id":3191,"first_published_at":3192,"release_id":37,"lang":3193,"path":37,"alternates":3194,"default_full_slug":3187,"translated_slugs":3195,"_stopResolving":331},"Maddy Zoli","2023-06-06T11:33:09.931Z","2023-12-01T11:07:51.154Z","2024-01-23T14:58:03.811Z",319389730,"245ce9a0-cc16-46ec-b2dc-03920f4bc360",{"_uid":3178,"name":3171,"image":3179,"position":3183,"component":3184,"description":3185},"e6ae81f1-5639-4a4f-ae37-6b7b654d65ef",{"id":3180,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3181,"copyright":17,"fieldtype":19,"meta_data":3182,"is_external_url":21},10128503,"https://a.storyblok.com/f/197805/1536x1024/f0da1ab4a9/maddy-zoli.jpeg",{},"Illustrator","AuthorPage","Maddy is a talented illustrator and storyteller. After 3 years of collaboration, she joined the Linearity team, bringing her creative talents to the production of stylish designs and animations.","maddy-zoli","config/authors/maddy-zoli",0,[],314863252,"eef01733-ac41-4a47-887f-9c8de6e0efd6","2023-05-29T08:02:32.628Z","default",[],[3196,3198],{"path":3187,"name":37,"lang":3197,"published":37},"es",{"path":3187,"name":37,"lang":3199,"published":37},"cn","Mac","Turning your Figma assets into animation magic is a piece of cake with our plugin! Let's follow Maddy as she walks us through it. By the end of this tutorial, you'll be a pro at creating animated event promos for your social media channels.\n\nDownload the design assets in the \"Related\" section and let's get started. \n\nYou'll learn:\n\n- How to get the [Linearity plugin for Figma](/features/figma-plugin)\n- How to run the plugin and export your Figma assets to [Linearity Move](/move/)\n- How to create scenes from artboards\n- How to copy and paste elements with the plugin\n- How to animate objects and text with [presets](/features/presets)\n- How to edit the timing of your animations\n- How to animation objects by changing their position and opacity\n- How to use pinning\n- How to switch between [Design and Animation mode](/features/design-vs-animate-mode)\n- How to add transitions between scenes\n- How to export your project","Animate with Move","7:55",[3205],"English","\u003C!--#storyblok#{\"name\": \"TutorialVideoPage\", \"space\": \"197805\", \"uid\": \"7e4f469c-2287-41c3-b06d-a8d9e4c499d9\", \"id\": \"507733877\"}-->","TutorialVideoPage","Download the Linearity Figma plugin and start bringing your design assets to life with our animation tools. ",{"id":3210,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3211,"copyright":17,"fieldtype":19,"meta_data":3212,"is_external_url":21},16159124,"https://a.storyblok.com/f/197805/1280x720/96b87bdf74/academy-cover-how-to-animate-from-figma.jpg",{},"Discover how to bring your Figma assets into Linearity Move with our plugin.",[3215,3224,3232],{"_uid":3216,"file":3217,"name":3221,"_editable":3222,"component":3223},"b711f0b1-a2b2-4b4a-90d1-953b8930a78c",{"id":3218,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3219,"copyright":17,"fieldtype":19,"meta_data":3220,"is_private":21,"is_external_url":21},16160032,"https://a.storyblok.com/f/197805/x/857107dc6f/creative-festival.curve",{},"Tutorial design assets","\u003C!--#storyblok#{\"name\": \"RelatedItemDownload\", \"space\": \"197805\", \"uid\": \"b711f0b1-a2b2-4b4a-90d1-953b8930a78c\", \"id\": \"507733877\"}-->","RelatedItemDownload",{"_uid":3225,"link":3226,"name":3229,"_editable":3230,"component":3231},"83a83222-2c31-4042-a145-26aa5ef42c33",{"id":3227,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3228},"004bc604-b0aa-40e1-bd16-a2ebf57cf51e","academy/tutorials/animate-with-move/how-to-export-your-animation-as-a-gif","How to export your animation as a GIF","\u003C!--#storyblok#{\"name\": \"RelatedItemLink\", \"space\": \"197805\", \"uid\": \"83a83222-2c31-4042-a145-26aa5ef42c33\", \"id\": \"507733877\"}-->","RelatedItemLink",{"_uid":3233,"link":3234,"name":3237,"_editable":3238,"component":3231},"1d284d44-97ca-4742-ab5d-953bd3944395",{"id":3235,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3236},"1c698d2e-31d7-454c-a620-043f73114a8e","academy/tutorials/animate-with-move/5-animation-presets-and-how-to-use-them","5 animation presets and how to use them","\u003C!--#storyblok#{\"name\": \"RelatedItemLink\", \"space\": \"197805\", \"uid\": \"1d284d44-97ca-4742-ab5d-953bd3944395\", \"id\": \"507733877\"}-->","Turning your Figma assets into animation magic is a piece of cake with our plugin! Follow Maddy as she walks you through it. ",{"id":3210,"alt":17,"name":17,"focus":3241,"title":17,"source":17,"filename":3211,"copyright":17,"fieldtype":19,"meta_data":3242,"content_type":3243,"is_external_url":21},"1270x391:1271x392",{"alt":17,"title":17,"source":17,"copyright":17},"jpg","Move Tutorials",{"id":3246,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3247,"copyright":17,"fieldtype":19,"meta_data":3248,"is_external_url":21},17194669,"https://a.storyblok.com/f/197805/1050x1078/c4c6897de8/figma-tutorial.png",{},"how-to-animate-your-figma-assets","academy/tutorials/animate-with-move/how-to-animate-your-figma-assets",-140,[],409449937,"fe1cb75d-27b8-4a57-b319-8a4595556a0a","2024-06-06T13:06:26.320Z",[],[3258,3259],{"path":3250,"name":37,"lang":3197,"published":331},{"path":3250,"name":37,"lang":3199,"published":331},{"name":3229,"created_at":3261,"published_at":3262,"updated_at":3263,"id":3264,"uuid":3227,"content":3265,"slug":3313,"full_slug":3228,"sort_by_date":37,"position":3314,"tag_list":3315,"is_startpage":21,"parent_id":3253,"meta_data":37,"group_id":3316,"first_published_at":3317,"release_id":37,"lang":3193,"path":37,"alternates":3318,"default_full_slug":3228,"translated_slugs":3319,"_stopResolving":331},"2024-05-22T11:53:24.129Z","2025-04-16T14:53:04.789Z","2025-04-16T14:53:04.823Z",501260707,{"_uid":3266,"level":3161,"title":3229,"video":3267,"author":3272,"device":3200,"content":3281,"noIndex":21,"category":3202,"duration":3282,"language":3283,"noFollow":21,"component":3207,"quoteText":3284,"youtubeId":3271,"meta_image":3285,"meta_title":3229,"page_title":3229,"description":3289,"relatedLinks":3290,"learn_tab_ios":331,"learn_tab_mac":331,"appDescription":3284,"learn_tab_move":21,"thumbnailImage":3307,"hideFromSitemap":21,"learnTabSection":3244,"learn_tab_curve":21,"meta_description":3289,"isDisclaimerShowing":21,"headerThumbnailImage":3309,"isIncludedInLearnTab":331},"384ee9db-1eb1-48e0-8ec8-a5c61eabd0ef",[3268],{"_uid":3269,"muted":21,"title":17,"autoPlay":21,"wistiaId":3270,"component":3167,"videoFoam":21,"youtubeId":3271,"aspectRatio":17,"disableLazyload":21,"playbackRateControl":21},"f50639a4-b1bf-4c52-8f5d-2949dbe6e980","37rk1bam2e","L8xu-kYc_IU",{"name":3171,"created_at":3172,"published_at":3173,"updated_at":3174,"id":3175,"uuid":3176,"content":3273,"slug":3186,"full_slug":3187,"sort_by_date":37,"position":3188,"tag_list":3276,"is_startpage":21,"parent_id":3190,"meta_data":37,"group_id":3191,"first_published_at":3192,"release_id":37,"lang":3193,"path":37,"alternates":3277,"default_full_slug":3187,"translated_slugs":3278,"_stopResolving":331},{"_uid":3178,"name":3171,"image":3274,"position":3183,"component":3184,"description":3185},{"id":3180,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3181,"copyright":17,"fieldtype":19,"meta_data":3275,"is_external_url":21},{},[],[],[3279,3280],{"path":3187,"name":37,"lang":3197,"published":37},{"path":3187,"name":37,"lang":3199,"published":37},"GIFs offer a simple and engaging way to share your brand's message on a loop. And now, you can export any project in Linearity Move as the fun file format.\n\nIn this tutorial, Maddy shares her tips for creating an animated marketing asset and explains how to make it a GIF. \n\nAs a bonus, you'll also discover how to create GIF stickers from individual objects on your canvas. \n\nYou'll learn:\n- How to start a new project and import your scenes\n- How to animate text and objects with presets\n- How to adjust the timing of your animation in the timeline\n- How to use pins\n- How to copy and paste keyframes\n- How to animate an image by altering its scale and position\n- How to export your project as a GIF\n- How to export an individual object as an animated sticker with a transparent background\n\nDownload the tutorial design file to get started.","5:12",[3205],"Learn how to animate text and images to create an eye-catching GIF for your marketing channels.",{"id":3286,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3287,"copyright":17,"fieldtype":19,"meta_data":3288,"is_external_url":21},15980359,"https://a.storyblok.com/f/197805/1280x720/00e1584bbe/academy-cover-export-your-animation-as-gif.png",{},"The GIF file format enables your message to play on a continuous loop.",[3291,3298,3301],{"_uid":3292,"file":3293,"name":3297,"component":3223},"a756ac6a-ba0c-4999-aaff-c735b46d5e53",{"id":3294,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3295,"copyright":17,"fieldtype":19,"meta_data":3296,"is_private":21,"is_external_url":21},15981034,"https://a.storyblok.com/f/197805/x/c8f2263d89/unicorn.curve",{},"Tutorial design file",{"_uid":3299,"link":3300,"name":3237,"component":3231},"0c3394a2-7e59-4f70-a987-627617770c7c",{"id":3235,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3236},{"_uid":3302,"link":3303,"name":3306,"component":3231},"82fcf125-abe6-4b8b-b542-36f0426fcc79",{"id":3304,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3305},"a2547bc2-3f9a-47c0-ba17-a2101d22c688","academy/tutorials/animate-with-move/how-to-export-videos-with-transparent-backgrounds","How to export videos with transparent backgrounds",{"id":3286,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3287,"copyright":17,"fieldtype":19,"meta_data":3308,"is_external_url":21},{},{"id":3310,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3311,"copyright":17,"fieldtype":19,"meta_data":3312,"is_external_url":21},17152919,"https://a.storyblok.com/f/197805/397x347/5cbfc0a1d7/how-to-export-gif-video-tutorial-thumbnail-image.png",{},"how-to-export-your-animation-as-a-gif",-130,[],"ff472eee-ab99-4112-a5f0-4e3e86b60ea5","2024-05-22T12:32:55.074Z",[],[3320,3321],{"path":3228,"name":37,"lang":3197,"published":331},{"path":3228,"name":37,"lang":3199,"published":331},[3323],{"_uid":3324,"link":3325,"title":3332,"component":3333,"thumbnail":3334},"ff3e8684-b084-4f3b-ac30-2cc193fc2070",{"id":3326,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3327,"story":3328},"abc2834e-9d88-4604-a992-26e71379c5dd","academy/tutorials/animate-with-move/getting-started-with-linearity-move-import",{"name":3329,"id":3330,"uuid":3326,"slug":3331,"url":3327,"full_slug":3327,"_stopResolving":331},"Getting Started with Linearity Move (Import)",420633706,"getting-started-with-linearity-move-import","Import Figma and Curve designs into Linearity Move","HeaderDropdownThumbnail",{"id":3335,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3336,"copyright":17,"fieldtype":19,"meta_data":3337,"is_private":17,"is_external_url":21},13349287,"https://a.storyblok.com/f/197805/1440x810/10bf33a5e0/getting-started-with-move-import.jpg",{},"HeaderDropdownTwoColumn",{"_uid":3340,"link":3341,"name":3347,"component":2173},"3ec9c9b3-b559-486c-945c-cf20c4dd93d9",{"id":3342,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3343,"story":3344},"2dcba59a-f9eb-41e4-83cf-8927148b2497","pricing",{"name":3343,"id":3345,"uuid":3342,"slug":3343,"url":3346,"full_slug":3346,"_stopResolving":331},324218764,"pricing/","Pricing",{"_uid":3349,"name":3350,"links":3351,"content":3373,"component":3123},"807a9a2b-4858-4c9a-a102-e29dbe58e477","Company",[3352,3357,3362,3368],{"_uid":3353,"icon":3354,"link":3355,"name":2564,"component":2809,"description":17,"isGreenDotShowing":331},"22823d2c-d889-46b2-bd41-935e57104263","ic-newsletter",{"id":2559,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2560,"story":3356},{"name":2562,"id":2563,"uuid":2559,"slug":2560,"url":2560,"full_slug":2560,"_stopResolving":331},{"_uid":3358,"icon":3359,"link":3360,"name":2687,"component":2809,"description":17,"isGreenDotShowing":21},"6cc3f0da-b9e0-4f74-bd46-b1397e825e4f","ic-world",{"id":2681,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2682,"story":3361},{"name":2684,"id":2685,"uuid":2681,"slug":2686,"url":2682,"full_slug":2682,"_stopResolving":331},{"_uid":3363,"icon":3364,"link":3365,"name":2677,"component":2809,"description":3367,"isGreenDotShowing":21},"d0392a9f-1a64-4a2d-b84a-3ed1e48979ea","ic-new-window",{"id":2673,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2674,"story":3366},{"name":2674,"id":2676,"uuid":2673,"slug":2674,"url":2674,"full_slug":2674,"_stopResolving":331},"Courses and tutorials",{"_uid":3369,"icon":2925,"link":3370,"name":3372,"component":2809,"description":17,"isGreenDotShowing":21},"e73fbf04-c1ce-4ca2-8da8-4f0a093fd2e5",{"id":2691,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2692,"story":3371},{"name":2692,"id":2694,"uuid":2691,"slug":2692,"url":2692,"full_slug":2692,"_stopResolving":331},"Careers",[],"1186lav4","HeaderComponent",{"id":17,"url":2794,"linktype":435,"fieldtype":2147,"cached_url":2794},"Get started for free","Back",[3380],{"_uid":3381,"link":3382,"name":2490,"links":3384,"component":2227},"d2ac70cd-4c11-4c31-b210-5e5efba056f0",{"id":2484,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2485,"story":3383},{"name":2487,"id":2488,"uuid":2484,"slug":2489,"url":2485,"full_slug":2485,"_stopResolving":331},[3385,3396,3407,3412,3420,3425],{"_uid":3386,"link":3387,"name":3395,"component":2173},"5c37821b-2f6a-4076-b596-c7a2beb77f6d",{"id":3388,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3389,"story":3390},"b26b9248-87c9-4b79-b50a-f99b8533a4d6","academy/curve/online-courses/",{"name":3391,"id":3392,"uuid":3388,"slug":3393,"url":3394,"full_slug":3394,"_stopResolving":331},"Overview",315405803,"online-courses","academy/online-courses/","Courses",{"_uid":3397,"link":3398,"name":3406,"component":2173},"3eaf9bae-963b-4f7d-b6e4-85d87b3b4451",{"id":3399,"url":17,"anchor":3400,"linktype":367,"fieldtype":2147,"cached_url":3401,"story":3402},"5df41805-1e09-4f09-94ce-b8fbcb13015a","design-with-curve","academy/tutorials/",{"name":3403,"id":3404,"uuid":3399,"slug":3405,"url":3401,"full_slug":3401,"_stopResolving":331},"Homepage with all the categories",314958617,"tutorials","Curve Tutorials",{"_uid":3408,"link":3409,"name":3244,"component":2173},"15ade7a5-f720-4642-afbc-e1e68ad63fc1",{"id":3399,"url":17,"anchor":3410,"linktype":367,"fieldtype":2147,"cached_url":3401,"story":3411},"animate-with-move",{"name":3403,"id":3404,"uuid":3399,"slug":3405,"url":3401,"full_slug":3401,"_stopResolving":331},{"_uid":3413,"link":3414,"name":3419,"component":2173},"8311b8c4-b789-4f12-9e06-1565dd2377c2",{"id":3415,"url":17,"anchor":17,"linktype":367,"fieldtype":2147,"cached_url":3416,"story":3417},"2e9909a3-9349-44f2-bd1f-8c395ea252d3","academy/curve/mac/user-guide/start-here/",{"name":3391,"id":3418,"uuid":3415,"slug":3144,"url":3416,"full_slug":3416,"_stopResolving":331},316873515,"Curve User Guide",{"_uid":3421,"link":3422,"name":3424,"component":2173},"1ee4a7db-734f-47eb-a449-19248cf5bd30",{"id":3139,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3140,"story":3423},{"name":3142,"id":3143,"uuid":3139,"slug":3144,"url":3140,"full_slug":3140,"_stopResolving":331},"Move User Guide",{"_uid":3426,"link":3427,"name":2555,"component":2173},"9f14b8d1-04af-4e44-bed4-867f1150d22e",{"id":2549,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2550,"story":3428},{"name":2552,"id":2553,"uuid":2549,"slug":2554,"url":2550,"full_slug":2550,"_stopResolving":331},[3430],{"_uid":3431,"link":3432,"name":3433,"links":3434,"component":2227},"b8e925ed-048e-4012-ade1-902c2d38bd0d",{"id":17,"url":17,"linktype":367,"fieldtype":2147,"cached_url":17},"Curve Features",[3435,3439,3443,3453,3457,3461,3465,3469,3473],{"_uid":3436,"link":3437,"name":2436,"component":2173},"d23d43bf-24e9-4dc8-9e76-b2e80bec8b45",{"id":2433,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2439,"story":3438},{"name":2436,"id":2437,"uuid":2433,"slug":2438,"url":2439,"full_slug":2439,"_stopResolving":331},{"_uid":3440,"link":3441,"name":2391,"component":2173},"233eb756-4357-4364-8da4-7114ac45a123",{"id":2385,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2386,"story":3442},{"name":2388,"id":2389,"uuid":2385,"slug":2390,"url":2386,"full_slug":2386,"_stopResolving":331},{"_uid":3444,"link":3445,"name":3452,"component":2173},"fa291536-bb35-488b-9722-abf4f9c3b6da",{"id":3446,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3447,"story":3448},"303a8ec9-957d-4089-813b-09b9f8906833","features/pdf-editing",{"name":3449,"id":3450,"uuid":3446,"slug":3451,"url":3447,"full_slug":3447,"_stopResolving":331},"PDF Editing",643276029,"pdf-editing","PDF Edit",{"_uid":3454,"link":3455,"name":2398,"component":2173},"2052457e-5946-41b2-ad04-4bff56e580a0",{"id":2395,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2396,"story":3456},{"name":2398,"id":2399,"uuid":2395,"slug":2400,"url":2396,"full_slug":2396,"_stopResolving":331},{"_uid":3458,"link":3459,"name":2446,"component":2173},"39f718e4-7611-45f5-8951-c213b76336e9",{"id":2443,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2444,"story":3460},{"name":2446,"id":2447,"uuid":2443,"slug":2448,"url":2444,"full_slug":2444,"_stopResolving":331},{"_uid":3462,"link":3463,"name":2427,"component":2173},"5cb1dd92-2d9a-46d7-9615-25d2cccba65c",{"id":2424,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2425,"story":3464},{"name":2427,"id":2428,"uuid":2424,"slug":2429,"url":2425,"full_slug":2425,"_stopResolving":331},{"_uid":3466,"link":3467,"name":2370,"component":2173},"07dbdd94-700b-417d-b4de-d256cb62a403",{"id":2367,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2368,"story":3468},{"name":2370,"id":2371,"uuid":2367,"slug":2372,"url":2368,"full_slug":2368,"_stopResolving":331},{"_uid":3470,"link":3471,"name":2379,"component":2173},"ce15500f-037e-4ccf-8a6c-2c40e53562da",{"id":2376,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2377,"story":3472},{"name":2379,"id":2380,"uuid":2376,"slug":2381,"url":2377,"full_slug":2377,"_stopResolving":331},{"_uid":3474,"link":3475,"name":2410,"component":2173},"944aaf8b-efbe-46cd-865a-032fc9e3937d",{"id":2404,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2405,"story":3476},{"name":2407,"id":2408,"uuid":2404,"slug":2409,"url":2405,"full_slug":2405,"_stopResolving":331},[3478],{"_uid":3479,"name":2802,"links":3480,"component":2227},"0257b675-040b-409a-be1f-f5495c7e34e2",[3481,3486,3491,3496,3500,3504,3508,3512],{"_uid":3482,"link":3483,"name":3485,"component":2173},"f8c821ca-f08e-4575-bc33-c605921d77f7",{"id":2850,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2851,"story":3484},{"name":2853,"id":2854,"uuid":2850,"slug":2855,"url":2856,"full_slug":2856,"_stopResolving":331},"Animation",{"_uid":3487,"link":3488,"name":3490,"component":2173},"cad5906e-4a69-4885-b64b-021c19e37e44",{"id":2819,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2820,"story":3489},{"name":2822,"id":2823,"uuid":2819,"slug":2824,"url":2825,"full_slug":2825,"_stopResolving":331},"Social Media",{"_uid":3492,"link":3493,"name":2257,"component":2173},"9ffd6f08-ce85-4900-b398-6325e613b235",{"id":2250,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3494,"story":3495},"use-cases/online-ads",{"name":2253,"id":2254,"uuid":2250,"slug":2255,"url":2256,"full_slug":2256,"_stopResolving":331},{"_uid":3497,"link":3498,"name":2286,"component":2173},"888768b8-bc84-4637-bd72-0237f394688b",{"id":2280,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2281,"story":3499},{"name":2283,"id":2284,"uuid":2280,"slug":2285,"url":2281,"full_slug":2281,"_stopResolving":331},{"_uid":3501,"link":3502,"name":2274,"component":2173},"675e98a5-ffbc-460a-b4d7-e617ed3fe5a7",{"id":2271,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2272,"story":3503},{"name":2274,"id":2275,"uuid":2271,"slug":2276,"url":2272,"full_slug":2272,"_stopResolving":331},{"_uid":3505,"link":3506,"name":2348,"component":2173},"a89d8fee-7671-47eb-9095-4b5898aa18db",{"id":2341,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2342,"story":3507},{"name":2344,"id":2345,"uuid":2341,"slug":2346,"url":2347,"full_slug":2347,"_stopResolving":331},{"_uid":3509,"link":3510,"name":2243,"component":2173},"f3350f80-dbda-4bef-91db-b3353995689c",{"id":2240,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2241,"story":3511},{"name":2243,"id":2244,"uuid":2240,"slug":2245,"url":2241,"full_slug":2241,"_stopResolving":331},{"_uid":3513,"link":3514,"name":2857,"component":2173},"4ae494ca-92fe-436d-b205-2e6c04de4f1b",{"id":2850,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2856,"story":3515},{"name":2853,"id":2854,"uuid":2850,"slug":2855,"url":2856,"full_slug":2856,"_stopResolving":331},[3517],{"_uid":3518,"link":3519,"name":2687,"links":3521,"component":2227},"383140f1-012d-4ced-9a4a-ec15534b225c",{"id":2681,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2682,"story":3520},{"name":2684,"id":2685,"uuid":2681,"slug":2686,"url":2682,"full_slug":2682,"_stopResolving":331},[3522,3532,3542],{"_uid":3523,"link":3524,"name":3531,"component":2173},"c5511489-0553-4ad8-ab54-67c1ed919017",{"id":3525,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3526,"story":3527},"127c6173-397f-4add-b9a9-201b86786423","community/events-hub",{"name":3528,"id":3529,"uuid":3525,"slug":3530,"url":3526,"full_slug":3526,"_stopResolving":331},"Events Hub",319533987,"events-hub","Events",{"_uid":3533,"link":3534,"name":3541,"component":2173},"f31b9d84-82f0-4474-9a04-d14db4243306",{"id":3535,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3536,"story":3537},"277277e1-e6a5-46f0-9cad-b67a8eb248cf","community/gallery",{"name":3538,"id":3539,"uuid":3535,"slug":3540,"url":3536,"full_slug":3536,"_stopResolving":331},"Gallery",322331037,"gallery","Community Gallery",{"_uid":3543,"link":3544,"name":3546,"component":2173},"1655063f-501c-49e6-9d7c-5c1df4e5ab0e",{"id":17,"url":3545,"linktype":435,"fieldtype":2147,"cached_url":3545},"https://forum.linearity.io/","Forum",[3548],{"_uid":3549,"image":3550,"title":3551,"component":3552,"buttonIcon":17,"buttonLink":3553,"buttonText":2150,"buttonIcon2":17,"description":17},"d04016ae-2d23-4683-a67a-5fa80cae2292","v2","Get started with Linearity today.","Cta",{"id":17,"url":2794,"linktype":435,"fieldtype":2147,"cached_url":2794},"PageSettings",[3556],{"_uid":3557,"name":3558,"links":3559,"component":2227},"bc1daabf-e647-4974-864f-8e19aa4cbd64","Comparison",[3560,3564,3568,3572,3576,3580],{"_uid":3561,"link":3562,"name":1979,"component":2173},"63fee839-f8b2-4fb1-9baf-a8cbf1a97dac",{"id":2582,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2583,"story":3563},{"name":1979,"id":2585,"uuid":2582,"slug":2586,"url":2583,"full_slug":2583,"_stopResolving":331},{"_uid":3565,"link":3566,"name":2604,"component":2173},"f3b367d4-f32b-4a03-a16e-1d9ed896a4cb",{"id":2598,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2599,"story":3567},{"name":2601,"id":2602,"uuid":2598,"slug":2603,"url":2599,"full_slug":2599,"_stopResolving":331},{"_uid":3569,"link":3570,"name":2614,"component":2173},"fd5d7fc4-1f09-4a2a-a9a3-07576988fad9",{"id":2608,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2609,"story":3571},{"name":2611,"id":2612,"uuid":2608,"slug":2613,"url":2609,"full_slug":2609,"_stopResolving":331},{"_uid":3573,"link":3574,"name":2621,"component":2173},"23b4a7a2-7c45-4256-a2a1-b4a4b916eaf4",{"id":2618,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2619,"story":3575},{"name":2621,"id":2622,"uuid":2618,"slug":2623,"url":2619,"full_slug":2619,"_stopResolving":331},{"_uid":3577,"link":3578,"name":1988,"component":2173},"0d37d9c6-8c98-4095-81d9-95ef7bdedd00",{"id":2590,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2591,"story":3579},{"name":1988,"id":2593,"uuid":2590,"slug":2594,"url":2591,"full_slug":2591,"_stopResolving":331},{"_uid":3581,"link":3582,"name":2630,"component":2173},"6f82b688-5cc3-479e-85d4-722448d9c20f",{"id":2627,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2628,"story":3583},{"name":2630,"id":2631,"uuid":2627,"slug":2632,"url":2628,"full_slug":2628,"_stopResolving":331},{"id":3585,"alt":17,"name":17,"focus":17,"title":17,"filename":3586,"copyright":17,"fieldtype":19,"is_external_url":21},8960944,"https://a.storyblok.com/f/197805/2161x1350/bec588b43f/post-example-test.png","Revolutionize your marketing design with Linearity","Linearity: Ideate, Design, Animate",[3590],{"_uid":3591,"link":3592,"name":3594,"links":3595,"component":2227},"1a30eacb-9415-4607-9dd2-814c97f1f4db",{"id":2484,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2485,"story":3593},{"name":2487,"id":2488,"uuid":2484,"slug":2489,"url":2485,"full_slug":2485,"_stopResolving":331},"Move Academy",[3596,3600,3604,3608],{"_uid":3597,"link":3598,"name":3395,"component":2173},"c381a62a-cea8-409b-9703-b0b1b68b43f0",{"id":3388,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3389,"story":3599},{"name":3391,"id":3392,"uuid":3388,"slug":3393,"url":3394,"full_slug":3394,"_stopResolving":331},{"_uid":3601,"link":3602,"name":3244,"component":2173},"37e60d57-7ad3-457d-93c3-16f84ebe5ada",{"id":3399,"url":17,"anchor":3410,"linktype":367,"fieldtype":2147,"cached_url":3401,"story":3603},{"name":3403,"id":3404,"uuid":3399,"slug":3405,"url":3401,"full_slug":3401,"_stopResolving":331},{"_uid":3605,"link":3606,"name":3424,"component":2173},"45d47e6d-413b-4c97-a0c3-02821720830f",{"id":3139,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3140,"story":3607},{"name":3142,"id":3143,"uuid":3139,"slug":3144,"url":3140,"full_slug":3140,"_stopResolving":331},{"_uid":3609,"link":3610,"name":2555,"component":2173},"1ed910fb-a00a-4e90-bfb9-4f91be1bcc1f",{"id":2549,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2550,"story":3611},{"name":2552,"id":2553,"uuid":2549,"slug":2554,"url":2550,"full_slug":2550,"_stopResolving":331},[3613],{"_uid":3614,"link":3615,"name":3617,"links":3618,"component":2227},"de441cd6-8f3f-430e-ad6a-8397284e4894",{"id":2484,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2485,"story":3616},{"name":2487,"id":2488,"uuid":2484,"slug":2489,"url":2485,"full_slug":2485,"_stopResolving":331},"Curve Academy",[3619,3623,3627,3631],{"_uid":3620,"link":3621,"name":3395,"component":2173},"3b0c1556-8796-4dab-8b1f-1a7c39896024",{"id":3388,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3389,"story":3622},{"name":3391,"id":3392,"uuid":3388,"slug":3393,"url":3394,"full_slug":3394,"_stopResolving":331},{"_uid":3624,"link":3625,"name":3406,"component":2173},"cb1f6ffb-ff6c-467e-9069-3d74806c97e2",{"id":3399,"url":17,"anchor":3400,"linktype":367,"fieldtype":2147,"cached_url":3401,"story":3626},{"name":3403,"id":3404,"uuid":3399,"slug":3405,"url":3401,"full_slug":3401,"_stopResolving":331},{"_uid":3628,"link":3629,"name":3419,"component":2173},"147060d8-f4f9-4654-8d97-12ad82173011",{"id":3415,"url":17,"anchor":17,"linktype":367,"fieldtype":2147,"cached_url":3416,"story":3630},{"name":3391,"id":3418,"uuid":3415,"slug":3144,"url":3416,"full_slug":3416,"_stopResolving":331},{"_uid":3632,"link":3633,"name":2555,"component":2173},"73e55457-ee40-4341-95b6-a46d10a50a2b",{"id":2549,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2550,"story":3634},{"name":2552,"id":2553,"uuid":2549,"slug":2554,"url":2550,"full_slug":2550,"_stopResolving":331},[3636],{"_uid":3637,"link":3638,"name":3639,"links":3640,"component":2227},"b5ad2b49-0194-4bfa-9eed-82eb05e3b7fa",{"id":17,"url":17,"linktype":367,"fieldtype":2147,"cached_url":17},"Move Features",[3641,3646,3650,3654,3659,3664,3668],{"_uid":3642,"link":3643,"name":3645,"component":2173},"a06277f6-5709-4dba-b9ce-35d00958d090",{"id":2452,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2453,"story":3644},{"name":2455,"id":2456,"uuid":2452,"slug":2457,"url":2453,"full_slug":2453,"_stopResolving":331},"Design and Animate Mode",{"_uid":3647,"link":3648,"name":2410,"component":2173},"284cf938-771a-4324-996e-41542f3ce3fa",{"id":2404,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2405,"story":3649},{"name":2407,"id":2408,"uuid":2404,"slug":2409,"url":2405,"full_slug":2405,"_stopResolving":331},{"_uid":3651,"link":3652,"name":2951,"component":2173},"3a74ae45-1f65-485c-a3cb-56281ab2db7a",{"id":2462,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2463,"story":3653},{"name":2465,"id":2466,"uuid":2462,"slug":2467,"url":2463,"full_slug":2463,"_stopResolving":331},{"_uid":3655,"link":3656,"name":3658,"component":2173},"5b080b56-daa1-43fc-8add-270ae4f4cd9f",{"id":17,"url":3657,"linktype":435,"fieldtype":2147,"cached_url":3657},"https://www.linearity.io/blog/video-support-linearity-move/","Video Import",{"_uid":3660,"link":3661,"name":3663,"component":2173},"7903e317-cabf-4a86-86e7-1d13a96b9d9e",{"id":2414,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2415,"story":3662},{"name":2417,"id":2418,"uuid":2414,"slug":2419,"url":2415,"full_slug":2415,"_stopResolving":331},"Gif Export",{"_uid":3665,"link":3666,"name":2370,"component":2173},"9a8a2605-db98-4ad4-b8da-0574ac12b84c",{"id":2367,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2368,"story":3667},{"name":2370,"id":2371,"uuid":2367,"slug":2372,"url":2368,"full_slug":2368,"_stopResolving":331},{"_uid":3669,"link":3670,"name":3672,"component":2173},"8dcdde93-a662-45d4-81d2-94df738d0e8c",{"id":2290,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2296,"story":3671},{"name":2293,"id":2294,"uuid":2290,"slug":2295,"url":2296,"full_slug":2296,"_stopResolving":331},"Presentations",[],[3675],{"_uid":3676,"image":3677,"title":3681,"video":3682,"component":3694,"buttonLink":3695,"buttonText":3697,"showBanner":21,"description":3698},"29d0db8e-d92a-47c9-9634-ca9e8d7d7c3b",{"id":3678,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3679,"copyright":17,"fieldtype":19,"meta_data":3680,"is_external_url":21},17886679,"https://a.storyblok.com/f/197805/1920x1080/06132d77ce/black-friday-web_16_9.png",{},"Peace + Love + Webinars",[3683],{"_uid":3684,"muted":21,"title":17,"autoPlay":331,"wistiaId":3685,"component":3167,"videoFoam":21,"bunnyVideo":3686,"aspectRatio":17,"playbackRateControl":21},"1f4be375-2e11-493b-83a9-ae72a822d737","wk2ope7bj4",{"id":3687,"title":3688,"width":3689,"height":3690,"length":3691,"thumbnail":3692,"videoLibraryId":3693},"ffdf739b-677d-4c5d-ad55-f0136e75ff80","uc_animate_graphics_body_animation_wk2ope7bj4_",860,644,7,"https://vz-70a2c6eb-cd5.b-cdn.net/ffdf739b-677d-4c5d-ad55-f0136e75ff80/thumbnail.jpg","398218","PromoteBannerData",{"id":2484,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2485,"story":3696},{"name":2487,"id":2488,"uuid":2484,"slug":2489,"url":2485,"full_slug":2485,"_stopResolving":331},"Learn more","**Prime days** are almost here! Stay tuned for an exclusive 2-day deal on **8 & 9 October**  for 50% off the Pro plan! Add **Prime** in the promo code box.",[3700],{"_uid":3701,"link":3702,"image":3703,"title":3707,"component":3708,"buttonText":3709,"showBanner":331,"description":3710},"f1b1f561-b3af-4626-a506-07bbefc61912","https://discord.gg/v2eJYrNqhD",{"id":3704,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3705,"copyright":17,"fieldtype":19,"meta_data":3706,"is_external_url":21},144355764296718,"https://a.storyblok.com/f/197805/225x225/44013e0f29/discordlogo.png",{},"Hang with other designers?","InvitationBanner","Join our Discord","Inspo, feedback, and work-in-progress sharing.","Design and animation tools that boost your marketing efforts. Create stunning visuals that drive real results. Ideate, design, and animate today!",[3713],{"_uid":3714,"title":2712,"component":3715,"description":3716,"thankYouTitle":3717,"disclaimerText":3718,"comingSoonTitle":3719,"helpPlaceholder":3720,"emailPlaceholder":3721,"submitButtonText":3722,"lastNamePlaceholder":3723,"thankYouDescription":3716,"firstNamePlaceholder":3724,"comingSoonDescription":3725,"companyNamePlaceholder":3726,"phoneNumberPlaceholder":3727},"14f4ff30-503f-47af-a674-917cf9ccf0fa","PricingPopupData","A member of our team will be in touch soon.","Thank you for contacting us!","By clicking “Submit” you agree to our [Privacy Policy](/privacy-policy)","We’re not quite ready (yet)","How can we help you? (optional)","Work email address *","Submit","Last name *","First name *","Submit below so we can let you know how to get early access.","Company name *","Phone number (optional)",[3729],{"_uid":3730,"logos":3731,"title":3760,"bg_color":17,"component":3761,"container":17},"d2f3bbe2-2dac-43ef-b974-1d7f200c3152",[3732,3736,3740,3744,3748,3752,3756],{"id":3733,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3734,"copyright":17,"fieldtype":19,"meta_data":3735},76987100465928,"https://a.storyblok.com/f/197805/145x32/ffe969d60a/leapsome_id7lqp9j-8_6.svg",{},{"id":3737,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3738,"copyright":17,"fieldtype":19,"meta_data":3739},76987100564238,"https://a.storyblok.com/f/197805/39x52/d7ba9bc276/logo-apple.svg",{},{"id":3741,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3742,"copyright":17,"fieldtype":19,"meta_data":3743},76987100543756,"https://a.storyblok.com/f/197805/105x34/b4340be2f1/google-logo-wine-1.svg",{},{"id":3745,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3746,"copyright":17,"fieldtype":19,"meta_data":3747},76987100531467,"https://a.storyblok.com/f/197805/81x42/7b6a9b9335/universal_pictures_logo-1.svg",{},{"id":3749,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3750,"copyright":17,"fieldtype":19,"meta_data":3751},76987100588815,"https://a.storyblok.com/f/197805/106x52/4ed390ff2e/logo-disney.svg",{},{"id":3753,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3754,"copyright":17,"fieldtype":19,"meta_data":3755},76987100519177,"https://a.storyblok.com/f/197805/100x30/41abcf4dc2/sumup_logo-1.svg",{},{"id":3757,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3758,"copyright":17,"fieldtype":19,"meta_data":3759},76987100551949,"https://a.storyblok.com/f/197805/121x24/4c8d6a728e/meta_platforms_inc-_logo-1.svg",{},"Trusted and used by leading brands","LogoSectionv2",[3763,3771,3782,3793,3802],{"_uid":3764,"link":3765,"image":3767,"title":3768,"component":3769,"description":3770},"9e3f1218-7af2-492f-b4cf-2fcfc23b7947",{"id":17,"url":3766,"linktype":435,"fieldtype":2147,"cached_url":3766},"https://www.linearity.io/blog/linearity-cloud/","//a.storyblok.com/f/197805/2086x1328/7e09e91ebc/lc-1-video-thumbnail.png","Discover Linearity Cloud","PopularSearchItem","Seamlessly sync your files across all devices with Linearity Cloud.",{"_uid":3772,"link":3773,"image":3779,"title":3780,"component":3769,"description":3781},"84aecba6-a2c1-42a7-8629-c31a8f4aa228",{"id":3774,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3775,"story":3776},"232e9706-24a5-48ed-8000-c13668f78bd4","academy/curve/mac/user-guide/start-here/get-started",{"name":2150,"id":3777,"uuid":3774,"slug":3778,"url":3775,"full_slug":3775,"_stopResolving":331},316873517,"get-started","//a.storyblok.com/f/197805/1320x1320/effc386739/lc-3-1.png","Create a Linearity account","Get started in Linearity by setting up a new account.",{"_uid":3783,"link":3784,"image":3791,"title":3788,"component":3769,"description":3792},"932ce6dd-2197-4aa4-a1ea-f9e6f6a02f03",{"id":3785,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3786,"story":3787},"439aa8af-a9c3-4b8b-b0d6-d5b086302b71","academy/curve/ipad/user-guide/workspace/homescreen",{"name":3788,"id":3789,"uuid":3785,"slug":3790,"url":3786,"full_slug":3786,"_stopResolving":331},"Homescreen",365581867,"homescreen","//a.storyblok.com/f/197805/2360x1640/70d6b22a27/linearity-cloud-home-screen-2.jpg","Discover what's new on the Home screen of Linearity Curve on your iPad and Mac and get started with new sample files.",{"_uid":3794,"link":3795,"image":3800,"title":2398,"component":3769,"description":3801},"c05f3cdd-6478-46ac-98f5-6f451c678166",{"id":3796,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3797,"story":3798},"d2968838-e375-48b5-99c0-ee045d18bde7","academy/curve/ipad/user-guide/images/background-removal",{"name":2398,"id":3799,"uuid":3796,"slug":2400,"url":3797,"full_slug":3797,"_stopResolving":331},341797364,"//a.storyblok.com/f/197805/1920x1080/355278e846/bg-removal-5-1-0.png","Learn how to remove background from your images.",{"_uid":3803,"link":3804,"image":3810,"title":3811,"component":3769,"description":3812},"2fadaf7c-d408-420d-89ac-9406e72009c7",{"id":3805,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3806,"story":3807},"164a6f76-cb04-4c31-a52f-092df0a89adb","academy/curve/ipad/user-guide/shortcuts-and-gestures/",{"name":3391,"id":3808,"uuid":3805,"slug":3809,"url":3806,"full_slug":3806,"_stopResolving":331},337467315,"shortcuts-and-gestures","//a.storyblok.com/f/197805/1920x1080/25655c0112/gestures-ipad.png","Gestures and Shortcuts","Learn Curve's intuitive gestures to speed your workflow on iPad.",[3814],{"_uid":3815,"markdown":3816,"component":3817},"e3e097eb-d77e-4a12-a15e-f289d58f3e64","**How to open Linearity Templates**\n\nAll Linearity templates are conveniently located on your [**Workspace**](https://www.linearity.io/features/workspaces/) home screen.\n\n- Open Linearity Curve or Move.\n- Select “All templates” to explore the three collections: Business, Events, and Social Media.\n- Templates are displayed as thumbnails, offering a quick preview of their style and layout.\n- Tap on your chosen template to see it in full. You can zoom in on this preview screen to see all the details.\n- Tap the “Use Template” button to open it in the Editor.\n\n**How to edit Linearity Templates**\n\nIt’s important to remember that all the elements within our templates are fully customizable, so feel free to use as much or as little of the already existing layout, colors, fonts, images, and shapes as desired.\n\nChange up the colors, add your own message with the Text Tool, and swap out any images with your won.\n\nYou can also tap into other intuitive features, such as [**AI backgrounds**](/features/ai-backgrounds),[ ](https://www.linearity.io/features/ai-backgrounds/)the [**Brush Tool**](/features/brush-tool), [**Pen Tool**](/features/pen-tool), [**Shape Builder**](/features/shape-builder), [**Auto Trace**,](https://www.linearity.io/features/auto-trace) and more to add even more personal touches to each template.\n\nIn Linearity Move you can also use [**Auto animate**](https://www.linearity.io/features/auto-animate/), [**GIF export**](https://www.linearity.io/features/gif-export), Animation presets and [**Design and animate mode**](https://www.linearity.io/features/design-vs-animate-mode/)[.](/features/design-vs-animate-mode) Let our templates be the starting point for your limitless creativity!\n\n**Don't have Linearity Curve or Move yet?** Quickly download them to start using templates. [**Download Curve**](https://apps.apple.com/app/apple-store/id1219074514?pt=118587639&ct=Web%20Curve%20General&mt=8) and [download Move.](https://apps.apple.com/app/apple-store/id6443677011?pt=118587639&ct=Web%20Move%20General&mt=8)","MarkdownComponent",[3819],{"_uid":3820,"badge":3821,"cards":3831,"title":3865,"video":3866,"component":3870},"10a903ff-0cc2-4134-8144-aadfe4d42add",[3822],{"_uid":3823,"text":3824,"image":3825,"title":3829,"component":3830},"17b4d0d4-8bc9-4e72-99c1-2ca1e513fb88","6.1K ratings",{"id":3826,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3827,"copyright":17,"fieldtype":19,"meta_data":3828,"is_external_url":21},78108077319142,"https://a.storyblok.com/f/197805/122x65/f2a1f5a31b/app-of-the-day.svg",{},"App of the Day","BadgeTextItem",[3832,3852],{"cta":3833,"_uid":3843,"size":3844,"title":3845,"vector":3846,"component":3850,"description":3851},[3834],{"_uid":3835,"icon":3836,"link":3837,"size":3839,"text":3840,"type":3841,"component":3842,"analyticsName":17},"518025fe-5bf6-4a65-a56a-c70b2bf48a7d","ic-download-03",{"id":17,"url":3838,"linktype":435,"fieldtype":2147,"cached_url":3838},"https://apps.apple.com/us/app/linearity-curve-graphic-design/id1219074514","medium","Download Now","whiteFill","BaseButton","7d911cfa-952f-49e1-b1da-eb1a0e48f02c","md","Design in Curve.",{"id":3847,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3848,"copyright":17,"fieldtype":19,"meta_data":3849,"is_external_url":21},78178474038529,"https://a.storyblok.com/f/197805/82x81/56aea4159f/curve-white-vector.svg",{},"ProductCardv2","Create sharp, scalable designs with intuitive tools for logos, illustrations, and professional branding.",{"cta":3853,"_uid":3858,"size":3844,"title":3859,"vector":3860,"component":3850,"description":3864},[3854],{"_uid":3855,"icon":3836,"link":3856,"size":3839,"text":3840,"type":3841,"component":3842,"analyticsName":17},"4f7e139b-6645-4f03-a2e7-011a69081261",{"id":17,"url":3857,"linktype":435,"fieldtype":2147,"cached_url":3857},"https://apps.apple.com/us/app/linearity-move-motion-graphics/id6443677011","02376723-89f0-4a7b-a2a8-ae368fd5ac1f","Animate in Move.",{"id":3861,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3862,"copyright":17,"fieldtype":19,"meta_data":3863,"is_external_url":21},78178502259970,"https://a.storyblok.com/f/197805/80x81/a41f9d332c/move-white-vector.svg",{},"Effortlessly create animations for social media, online ads, and motion graphics.","Get Started for free",{"id":3867,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":3868,"copyright":17,"fieldtype":19,"meta_data":3869,"is_external_url":21},93918517218985,"https://a.storyblok.com/f/197805/x/ca24e3a346/app-preview_compresed.mp4",{},"ProductOverviewSection",[3872,3875,3879,3887,3892],{"_uid":3873,"link":3874,"image":3767,"title":3768,"component":3769,"description":3770},"9224735c-cc9c-4c4b-9aba-5e748c195227",{"id":17,"url":3766,"linktype":435,"fieldtype":2147,"cached_url":3766},{"_uid":3876,"link":3877,"image":3791,"title":3788,"component":3769,"description":3792},"b35670e2-bbff-40e3-a132-d0b129b09a3f",{"id":3785,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3786,"story":3878},{"name":3788,"id":3789,"uuid":3785,"slug":3790,"url":3786,"full_slug":3786,"_stopResolving":331},{"_uid":3880,"link":3881,"image":3884,"title":3885,"component":3769,"description":3886},"53fdea0a-5042-428b-a123-8632f668763a",{"id":3882,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3883},"6f6388ae-63dd-410c-8ce3-b25e910c18cc","academy/curve/mac/user-guide/images/image-replacement","//a.storyblok.com/f/197805/1440x900/c29db76e1b/import.png","Image Replacement","Learn how to easily replace the images in your designs.",{"_uid":3888,"link":3889,"image":3891,"title":2398,"component":3769,"description":3801},"7b3ddd58-4c20-4bbb-85af-9bfe42fcfe09",{"id":3796,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3797,"story":3890},{"name":2398,"id":3799,"uuid":3796,"slug":2400,"url":3797,"full_slug":3797,"_stopResolving":331},"//a.storyblok.com/f/197805/3558x1700/76bd1d3734/background-removal-intro.png",{"_uid":3893,"link":3894,"image":3899,"title":3811,"component":3769,"description":3900},"00893723-509c-4ed7-917b-11d315fb8c25",{"id":3895,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3896,"story":3897},"c3f80e81-363f-4e2d-ac06-57817fcb40c1","academy/curve/mac/user-guide/shortcuts-and-gestures/",{"name":3391,"id":3898,"uuid":3895,"slug":3809,"url":3896,"full_slug":3896,"_stopResolving":331},316873541,"//a.storyblok.com/f/197805/5337x2550/3abcf0feab/shortcuts-intro-mac.png","Intuitive gesture controls and keyboard shortcuts to speed your team's workflow.",[3902],{"_uid":3903,"markdown":3904,"component":3905},"0d49a770-e79e-4ec6-8b54-fe64ed475bc9","⚠️  [Vectornator is now Linearity Curve.](/curve/vectornator-is-now-curve) In the video, the Vectornator interface is displayed, however Curve's interface is almost the same and you can easily apply the learnings when using Curve.","NoteComponent",[3907,3918,3929,3940,3951,3962,3973,3984],{"_uid":3908,"link":3909,"image":3916,"title":3913,"component":3769,"description":3917},"eda90e38-59ae-4b9b-b396-d8d83a047d53",{"id":3910,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3911,"story":3912},"637e479d-ae7e-4b23-96db-8c1011f39995","templates/social-media/instagram-stories/year-recap-instagram-stories",{"name":3913,"id":3914,"uuid":3910,"slug":3915,"url":3911,"full_slug":3911,"_stopResolving":331},"Year Recap Instagram Stories Template",419739113,"year-recap-instagram-stories","//a.storyblok.com/f/197805/1080x1920/aef12dc20b/year-wrap-up-instagram-stories-pack_1.png","Seize the year's end with our vibrant 'Year Recap Instagram Stories Pack,' a visually stimulating selection tailored for reflective storytelling. ",{"_uid":3919,"link":3920,"image":3927,"title":3924,"component":3769,"description":3928},"34f97551-5add-4a31-94ac-0cec7df4e93a",{"id":3921,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3922,"story":3923},"a353e11e-f4f3-4fdb-9c5f-43e87184d7c4","templates/social-media/x-headers/hiking-club-twitter-header",{"name":3924,"id":3925,"uuid":3921,"slug":3926,"url":3922,"full_slug":3922,"_stopResolving":331},"Hiking Club Twitter Header Template",342239452,"hiking-club-twitter-header","//a.storyblok.com/f/197805/1500x500/3ae69f4d94/hikking.png","Set the scene for your outdoor adventures with this Twitter header template.",{"_uid":3930,"link":3931,"image":3938,"title":3935,"component":3769,"description":3939},"d27cf8e4-ddba-4c26-911f-e5ca8c0b34d7",{"id":3932,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3933,"story":3934},"c88f1fee-af16-4dde-bdde-3b1db58cdbe0","templates/events-templates/greeting-cards/christmas-tree-greeting-card",{"name":3935,"id":3936,"uuid":3932,"slug":3937,"url":3933,"full_slug":3933,"_stopResolving":331},"Christmas Tree Greeting Card Template",419698710,"christmas-tree-greeting-card","//a.storyblok.com/f/197805/1810x1323/f86ad92447/preview-postcard-christmas-tree.png","Infuse your holiday greetings with a modern twist using this geometric Christmas tree postcard.",{"_uid":3941,"link":3942,"image":3949,"title":3946,"component":3769,"description":3950},"5f72f828-d56e-4560-b055-5f6b4f0f3536",{"id":3943,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3944,"story":3945},"47b20629-0664-405e-b753-cee4fa65318a","templates/animated-templates/modern-shape-animation",{"name":3946,"id":3947,"uuid":3943,"slug":3948,"url":3944,"full_slug":3944,"_stopResolving":331},"Modern Shape Animation Template",425699089,"modern-shape-animation","//a.storyblok.com/f/197805/1080x1920/6b509e64e3/skate-park-story.png","Capture the dynamism of skateboarding culture with this animated template that blends bold, energetic colors and geometric shapes to engage your audience.",{"_uid":3952,"link":3953,"image":3960,"title":3957,"component":3769,"description":3961},"67614376-625a-4748-9416-8e7982b159e1",{"id":3954,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3955,"story":3956},"c48972aa-186a-43a9-bc7d-e82d42115f57","templates/social-media/linkedin-covers/influencer-marketing-linkedin-cover",{"name":3957,"id":3958,"uuid":3954,"slug":3959,"url":3955,"full_slug":3955,"_stopResolving":331},"Influencer Marketing Linkedin Cover Template",389856670,"influencer-marketing-linkedin-cover","//a.storyblok.com/f/197805/1536x396/8e1b9e9618/influencer-marketing_linkedin-cover.png","This LinkedIn cover template is tailored for the modern influencer or marketer, featuring a sleek design that blends professionalism with a touch of edginess.",{"_uid":3963,"link":3964,"image":3971,"title":3968,"component":3769,"description":3972},"9542300d-408c-41f5-bc64-5bc21c778a33",{"id":3965,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3966,"story":3967},"c8e0899d-f773-46d4-b280-9585c24a152f","templates/education/activities/floral-family-tree-education",{"name":3968,"id":3969,"uuid":3965,"slug":3970,"url":3966,"full_slug":3966,"_stopResolving":331},"Floral Family Tree Education Template",499746920,"floral-family-tree-education","//a.storyblok.com/f/197805/842x596/663048d3e8/family-tree-2.png","Explore our family tree template, designed with professional precision and clarity. ",{"_uid":3974,"link":3975,"image":3982,"title":3979,"component":3769,"description":3983},"8bb666f0-7a40-4b7c-807d-7c8aeb652a47",{"id":3976,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3977,"story":3978},"dab6b220-8c18-4b6c-bab6-61293ecb25d4","templates/business-templates/business-cards/furniture-business-card",{"name":3979,"id":3980,"uuid":3976,"slug":3981,"url":3977,"full_slug":3977,"_stopResolving":331},"Furniture Business Card Template",338481451,"furniture-business-card","//a.storyblok.com/f/197805/867x1539/0764c4366f/b-card-home-bauhaus-white_preview.png","This business card template is a nod to the Bauhaus design philosophy, where form follows function with a playful twist.",{"_uid":3985,"link":3986,"image":3993,"title":3990,"component":3769,"description":3994},"9613a5fb-d49c-497f-affe-4dc5d59e595d",{"id":3987,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3988,"story":3989},"6b4332bb-175f-4a1a-8c68-8c791e4c8da9","templates/business-templates/design-assets/bold-music-wave-spotify-cover",{"name":3990,"id":3991,"uuid":3987,"slug":3992,"url":3988,"full_slug":3988,"_stopResolving":331},"Bold Music Wave Spotify Cover Template",482379302,"bold-music-wave-spotify-cover","//a.storyblok.com/f/197805/1080x1080/df98ceb45c/dark-wave-spotify-cover.png","Cut through the noise with a bold Spotify cover that brings the essence of dark wave music to the forefront.",[3996],{"_uid":3997,"logos":3998,"steps":4027,"checks":4050,"component":4059,"extraLinks":4060,"yearlyLink":4076,"yearlyText":4078,"monthlyLink":4079,"monthlyText":4081,"testimonial":4082,"yearlyPrice":4093,"yearlyTitle":4094,"monthlyPrice":4095,"monthlyTitle":4096,"yearlyDiscount":4097,"yearlyButtonText":4098,"monthlyButtonText":4099,"yearlyButtonDescription":4100,"monthlyButtonDescription":4101},"1e40a658-a293-4afd-9044-45f7e8a5b1d0",[3999,4003,4007,4011,4015,4019,4023],{"id":4000,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":4001,"copyright":17,"fieldtype":19,"meta_data":4002},10356636,"https://a.storyblok.com/f/197805/1633x1060/12dbeadb68/amazon.svg",{},{"id":4004,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":4005,"copyright":17,"fieldtype":19,"meta_data":4006},10356628,"https://a.storyblok.com/f/197805/579x906/cf5e5f3a60/apple.svg",{},{"id":4008,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":4009,"copyright":17,"fieldtype":19,"meta_data":4010},9313527,"https://a.storyblok.com/f/197805/524x375/b449090df2/universal.svg",{},{"id":4012,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":4013,"copyright":17,"fieldtype":19,"meta_data":4014},10356631,"https://a.storyblok.com/f/197805/714x914/cf565df031/mc.svg",{},{"id":4016,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":4017,"copyright":17,"fieldtype":19,"meta_data":4018},10356630,"https://a.storyblok.com/f/197805/1631x1360/7461b076ac/nasa.svg",{},{"id":4020,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":4021,"copyright":17,"fieldtype":19,"meta_data":4022},10356635,"https://a.storyblok.com/f/197805/2056x1028/b0800798f6/spacex.svg",{},{"id":4024,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":4025,"copyright":17,"fieldtype":19,"meta_data":4026},10356632,"https://a.storyblok.com/f/197805/1346x952/55fc855a40/google.svg",{},[4028,4036,4043],{"_uid":4029,"icon":4030,"component":4031,"mobileTitle":4032,"desktopTitle":4033,"mobileDescription":4034,"desktopDescription":4035},"46f33799-78f3-479c-a961-d57039ee8eec","ic-gift","pricingCheckoutPopupStep","Start free trial","Today: Free trial for 7 days","Today","Get full access to design and animation tools",{"_uid":4037,"icon":4038,"component":4031,"mobileTitle":4039,"desktopTitle":4040,"mobileDescription":4041,"desktopDescription":4042},"afbd5ae1-d0a5-4daa-9937-68afef522bca","ic-notification","Reminder","Day 5: Reminder","Day 5","We’ll send you a reminder 2 days before your free trial ends.",{"_uid":4044,"icon":4045,"component":4031,"mobileTitle":4046,"desktopTitle":4047,"mobileDescription":4048,"desktopDescription":4049},"cbc23a80-9ea1-4ee9-89e1-b2c691fd4617","ic-crown-fill","Trial ends","Day 7: Trial ends","Day 7","Your Pro subscription starts, unless you’ve canceled during the trial.",[4051,4055],{"_uid":4052,"title":4053,"component":4054},"043db5f1-28fd-4e6f-bdab-a62ff0046a4f","Free trial on the yearly plan, cancel any time","PricingCheckoutPopupPoint",{"_uid":4056,"link":4057,"title":4058,"component":4054},"690f76e8-e480-4e6f-a423-fe630060ecd7",{"id":17,"url":17,"linktype":367,"fieldtype":2147,"cached_url":17},"We'll remind you before your yearly trial ends","PricingCheckoutPopupData",[4061,4066],{"_uid":4062,"link":4063,"title":4065,"component":4054},"a31e5a97-a8ed-49b9-94e8-b63ac686041d",{"id":2738,"url":17,"linktype":367,"fieldtype":2147,"cached_url":2739,"story":4064},{"name":2741,"id":2742,"uuid":2738,"slug":2743,"url":2739,"full_slug":2739,"_stopResolving":331},"Terms and conditions",{"_uid":4067,"link":4068,"title":4075,"component":4054},"ce05c027-db74-403b-8e7e-afcfccdc28af",{"id":4069,"url":17,"linktype":367,"fieldtype":2147,"cached_url":4070,"story":4071},"46927c4c-061e-4624-bab6-6f88112dfc2e","policies/linearity-privacy-policy",{"name":4072,"id":4073,"uuid":4069,"slug":4074,"url":4070,"full_slug":4070,"_stopResolving":331},"Linearity - Privacy Policy",424776106,"linearity-privacy-policy","Privacy policy",{"id":17,"url":4077,"linktype":435,"fieldtype":2147,"cached_url":4077},"https://buy.stripe.com/7sIeVhg8dajJ4P600t?prefilled_promo_code=XMAS&utm_source=website&utm_medium=banner&utm_campaign=xmas","Yearly",{"id":17,"url":4080,"linktype":435,"fieldtype":2147,"cached_url":4080},"https://buy.stripe.com/dR614r5tz77x4P6bJ7","Monthly",[4083],{"_uid":4084,"name":4085,"role":4086,"text":4087,"image":4088,"component":4092},"5a88f820-f7e8-4850-900d-3e8fade8f46d"," Nastya Kulyabina","Illustrator and graphic designer","Curve's user-friendly interface provides an amazing user experience, and this is one of the main reasons that made me choose Linearity Curve instead of other alternatives.",{"id":4089,"alt":17,"name":17,"focus":17,"title":17,"source":17,"filename":4090,"copyright":17,"fieldtype":19,"meta_data":4091,"is_external_url":21},9664916,"https://a.storyblok.com/f/197805/3962x3962/039f6119d9/nastya.jpg",{},"PricingCheckoutPopupTestimonial","99,00 €/yr (€8,25/mo)","Try Linearity Pro for free","11,99 €/mo","Upgrade to Linearity Pro","33% OFF","Start 7-day free trial","Buy Linearity Pro","1 week free, then 99,00 €/yr from","11,99  €/month recurring, cancel anytime",[4103,4106,4110,4114,4118],{"_uid":4104,"link":4105,"image":3767,"title":3768,"component":3769,"description":3770},"0de6ed3e-48fc-4dc4-b7ce-96f6f9f80cc7",{"id":17,"url":3766,"linktype":435,"fieldtype":2147,"cached_url":3766},{"_uid":4107,"link":4108,"image":3779,"title":3780,"component":3769,"description":3781},"7d68e550-4a82-42ce-b7d3-d18095e3958c",{"id":3774,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3775,"story":4109},{"name":2150,"id":3777,"uuid":3774,"slug":3778,"url":3775,"full_slug":3775,"_stopResolving":331},{"_uid":4111,"link":4112,"image":3791,"title":3788,"component":3769,"description":3792},"6b86e797-f6e5-48fe-8c34-ac4ad31fc8d7",{"id":3785,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3786,"story":4113},{"name":3788,"id":3789,"uuid":3785,"slug":3790,"url":3786,"full_slug":3786,"_stopResolving":331},{"_uid":4115,"link":4116,"image":3800,"title":2398,"component":3769,"description":3801},"203222c8-eff5-4e24-8c4e-f4ae8c582a10",{"id":3796,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3797,"story":4117},{"name":2398,"id":3799,"uuid":3796,"slug":2400,"url":3797,"full_slug":3797,"_stopResolving":331},{"_uid":4119,"link":4120,"image":3810,"title":3811,"component":3769,"description":3812},"c05c1bc2-3700-4451-9cbd-8b5eb265a595",{"id":3805,"url":17,"linktype":367,"fieldtype":2147,"cached_url":3806,"story":4121},{"name":3391,"id":3808,"uuid":3805,"slug":3809,"url":3806,"full_slug":3806,"_stopResolving":331},["Island",4123],{"key":4124,"result":4125},"MarkdownRendererNuxt_7jD2v3hmdL",{"head":4126},{"link":4127,"style":4128},[],[],["Island",4130],{"key":4131,"result":4132},"MarkdownRendererNuxt_lcT8H39Bn0",{"head":4133},{"link":4134,"style":4135},[],[],["Island",4137],{"key":4138,"result":4139},"MarkdownRendererNuxt_zZ0CGsTk6C",{"head":4140},{"link":4141,"style":4142},[],[],["Island",4144],{"key":4145,"result":4146},"MarkdownRendererNuxt_HxOWyTFBda",{"head":4147},{"link":4148,"style":4149},[],[],["Island",4151],{"key":4152,"result":4153},"MarkdownRendererNuxt_Nz7EExAiWE",{"head":4154},{"link":4155,"style":4156},[],[],["Island",4158],{"key":4159,"result":4160},"MarkdownRendererNuxt_yovmHoKSRS",{"head":4161},{"link":4162,"style":4163},[],[],["Island",4165],{"key":4166,"result":4167},"MarkdownRendererNuxt_pXrY6ixwWf",{"head":4168},{"link":4169,"style":4170},[],[],["Island",4172],{"key":4173,"result":4174},"MarkdownRendererNuxt_uHfJFAbQJg",{"head":4175},{"link":4176,"style":4177},[],[],["Island",4179],{"key":4180,"result":4181},"MarkdownRendererNuxt_jGGgaKRVFV",{"head":4182},{"link":4183,"style":4184},[],[],1778267681114]