| summary | Harvest mobile applicationNeat We focusNeat. Simple. Straightforward. We would love to share a blueprint for reproducing our personality, hoping this would help to make easier decisions while adding new things. Style guide Style Guide is a set of rules established for the graphic elements involved in a Web or Mobile App Color system Color system helps you apply color to your UI in a meaningful way. In this system, you select a primary and a secondary color to represent your brand. view more Typography Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed. view more Iconography Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor view more Layout Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor view more | page | {"id":"EJyr1dNQxAJdJguiodbJA","name":"pageBrandWhen people use our products, we want them to feel the way we want them to feel, which is reflected in our brand. Mission We are a nonprofit organisation that is accelerating the shift to a fair food system, one that protects the livelihoods of the people who produce our food. Personality The tone we choose in external conversations reflects our personality. It should be described as embodying our ideals. Promise In order to consistently advocate for farmer engagement and corporate accountability at all levels, we offer our experience to decision-making areas. Foundations Foundations are the visual elements needed to create engaging layouts and end-to-end user experiences. Color system Our colour scheme is built up around Fairfood’s own primary colours. But to create a more serious (B2B) palette that has a broader use, we’ve added a lighterand a darker blue. Typography Using Moderat from TightType. Available in various weights for print and digital use. It’s friendly and space efficient. An important feature when designing a dashboard. Our red colour serves as a great call-to-action colour. Iconography Icons should be used in a purposeful manner to maximize comprehension and reduce cognitive load when you need to call attention to a particular action, command, or section. |
|---|
| page | {"id":"EJyr1dNQxAJdJguiodbJA","name":"page","children":[{"id":"xq8go2x2nzRB53Gl6mcmu","params":{"background":"#ffffff","padding":0,"gap":10},"children":[{"id":"SwCvX77I8YzeID8el1Ux2","name":"row","children":[{"id":"dZPbWKV2EsN6n_Qs5Y85N","name":"column","children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"text":"We focus","lineHeight":"64px","fontFamily":"Lato, sans-serif","letterSpacing":1,"fontSize":22,"fontWeight":700,"color":"#003254"}]},{"type":"paragraph","children":[{"fontWeight":700,"fontFamily":"unset","text":"Neat. Simple. Straightforward.","fontSize":45,"lineHeight":"50px","letterSpacing":1,"color":"#003254"}]}]}]},"children":[],"id":"0TtmjnO-f4xz9ArW2UWHv"},{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"fontFamily":"Open Sans, sans-serif","text":"We would love to share a blueprint for reproducing our personality, hoping this would help to make easier decisions while adding new things.","fontSize":18,"color":"#003254"}]}]}]}]},"children":[],"id":"VqP8QVcJbpIcJteAnb9xb"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":30,"verticalAlignment":"center"}},{"id":"5gTC-wLx6Abt7H_z-FUDj","name":"column","children":[{"name":"image","params":{"templateId":"full-width","alignment":"center","position":"center center","borderRadius":{"all":0,"bbl":0,"bbr":0,"btl":0,"btr":0,"isIndividualCorners":false},"image":{"value":"att35684353","target":"_blank","type":"attachment"},"width":502,"height":398},"children":[],"id":"I9mL3DVNDAKTji5vQM2F7"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"center"}},{"id":"sJ_W6Nh8Xt4FguMmSMhQR","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"center"}},{"id":"YrSohHBn4-xI7LMUQezzu","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"center"}},{"id":"3pjGIxBYtledL6ItUdDL8","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"center"}},{"id":"m8F56VGx_TDGDmXAo3-XI","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"center"}}],"params":{"layout":[1,2],"gap":5,"minHeight":20,"padding":10,"borderRadius":0,"size":"medium"}},{"id":"RMRcStBJXmW9XJGOk5v4c","name":"row","children":[{"id":"Ca87iBfEah1acoFR-QK7f","name":"column","children":[{"name":"divider","params":{"templateId":"solid long","color":"#d1d1d1","alignment":"start","fontSize":24,"fontColor":"#000000","height":1,"borderStyle":"solid"},"children":[],"id":"Iw5x1Iw0tvvh7a1zoVfXa"},{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"letterSpacing":0,"text":"Brand","fontWeight":700,"fontFamily":"Montserrat, sans-serif","lineHeight":"unset","fontSize":32,"color":"#003254"}]}]},{"type":"paragraph","children":[{"text":"","fontSize":16,"lineHeight":"24px","letterSpacing":0,"fontFamily":"Open Sans, sans-serif","color":"#003254"}]},{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"When people use our products, we want them to feel the way we want them to feel, which is reflected in our brand.","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif","color":"#003254"}]}]}]}]},"children":[],"id":"cKHACNsNIKPktRcTDD06h"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"Ny3B0tLuudYGPt5gAwuwd","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"lkp72xh4wnym62ayJfg3I","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"I7SEtzaJ30_LkS08MtcDd","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"D595xZX7rPmOTkJLxzFn9","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"aXCAkm1CHUEx-VUc2QLHV","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1],"gap":10,"minHeight":10,"padding":10,"borderRadius":0}},{"id":"iApF1xVaQGOoebWGhRfEq","name":"row","children":[{"id":"Cs8S1tk2tDlL2MhH74msC","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"crosshairs","shape":"circular","background":"#003254"},"children":[],"id":"D--6Uh2O4NdB0BGcbMDzU"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Mission","fontWeight":700,"fontFamily":"Montserrat, sans-serif","fontSize":22,"color":"#003254"}]}]}]},"children":[],"id":"hJzB38zzbg4X_KJgj9IjE"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"We are a nonprofit organisation that is accelerating the shift to a fair food system, one that protects the livelihoods of the people who produce our food.","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif","color":"#003254"}]}]}]},"children":[],"id":"hWSmCmp47Su5aFqWMbTyC"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"oOslC2FElulK1t9eKYExy","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"manat-sign","shape":"circular","background":"#003254"},"children":[],"id":"HfpTmxk31bxezVijzW2By"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"idtype":"xq8go2x2nzRB53Gl6mcmuparagraph","paramschildren":[{"backgroundlineHeight":"#ffffff24px","paddingletterSpacing":0,"gaptext":10},"childrenPersonality":[{,"idfontWeight":"SwCvX77I8YzeID8el1Ux2"700,"namefontFamily":"rowMontserrat, sans-serif","childrenfontSize":[{"id":"dZPbWKV2EsN6n_Qs5Y85N"22,"namecolor":"column"#003254"}]}]}]},"children":[{],"nameid":"text7XWB5WFpqlG9OhnUih52I"},"params":{"templateIdname":"headline and paragraphtext","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"texttype":"Harvest mobile applicationparagraph","lineHeightchildren":[{"64pxfontSize":16,"fontFamilylineHeight":"Lato, sans-serif24px","letterSpacing":10,"fontSize":22,"fontWeight":700text":"The tone we choose in external conversations reflects our personality. It should be described as embodying our ideals.","fontFamily":"Open Sans, sans-serif","color":"#979797#003254"}]},{"type":"paragraph","children":[{"fontWeightfontSize":70016,"fontFamilylineHeight":"unset24px","textcolor":"Neat. Simple. Straightforward.#555","fontSizeletterSpacing":450,"lineHeightfontFamily":"50pxOpen Sans, sans-serif","letterSpacingtext":1""}]}]}]}]},"children":[],"id":"0TtmjnO-f4xz9ArW2UWHvPunxk1OJMY6h9NFDRvYMh"},{"name":"text"],"params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacingborderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"fontFamilygap":"Open Sans, sans-serif"20,"textverticalAlignment":"We would love to share a blueprint for reproducing our personality, hoping this would help to make easier decisions while adding new things.","fontSize":18,"color":"#131313"}]}]}]}]}top"}},{"id":"NYbzGdp44FNbLG-ekGsB9","name":"column","children":[],{"idname":"VqP8QVcJbpIcJteAnb9xbicon"}],"params":{"borderRadiussize":{32,"allcolor":0"#ffffff","btlalignment":0"start","bblicon":0"handshake-angle","btrshape":0"circular","bbrbackground":0,"isIndividualCorners#003254":false},"paddingchildren":0[],"gapid":30"Lg6nGK3s6DrPzjiAV05jp"},{"verticalAlignmentname":"centertext"}},{"idparams":"5gTC-wLx6Abt7H_z-FUDj","name{"value":[{"type":"columnparagraph","children":[{"nametype":"imageparagraph","paramschildren":[{"templateIdlineHeight":"full-width24px","alignmentletterSpacing":"center"0,"positiontext":"center centerPromise","borderRadiusfontWeight":{700,"allfontFamily":0"Montserrat, "bbl":0sans-serif","bbrfontSize":022,"btlcolor":0,"btr":0#003254"}]}]}]},"isIndividualCornerschildren":false}[],"imageid":"UgrhwR9g1EcTa7iU8BoO6"},{"valuename":"att31883275text","targetparams":{"_blank",value":[{"type":"attachmentparagraph"},"widthchildren":440,[{"heighttype":566}"paragraph","children":[],{"idtype":"I9mL3DVNDAKTji5vQM2F7paragraph"}],"paramschildren":[{"borderRadiusfontSize":{16,"alllineHeight":0,"btl24px":0,"bblletterSpacing":0,"btrtext":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"center"}},{"id":"sJ_W6Nh8Xt4FguMmSMhQR","name":"column","children":["In order to consistently advocate for farmer engagement and corporate accountability at all levels, we offer our experience to decision-making areas.","fontFamily":"Open Sans, sans-serif","color":"#003254"}]}]}]}]},"children":[],"id":"rnjhWVk1zc6grH7uMwh7l"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"centertop"}},{"id":"YrSohHBn4-xI7LMUQezzukIlSJTNLGOwYl9GZXQa3V","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"centertop"}},{"id":"3pjGIxBYtledL6ItUdDL8lVGobzVPcNP_Nf0FWG-Al","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"centertop"}},{"id":"m8F56VGx_TDGDmXAo3-XIohG5ZGB-E-iGR0J4t3mt3","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"centertop"}}],"params":{"layout":[1,1,1],"gap":010,"minHeight":200,"padding":10,"borderRadius":0,"size":"full"}}],"name":"section"},{"id":"epxll5vNcvOMycQoDfZsJ","params":{"background":"#ffffff","padding":410,"gap":20},"children":[{"id":"0uHsCWZ3Qw3cxb0-F6zylfYSd5lS7FRH96wxOc1mB","name":"row","children":[{"id":"sTbqnIzu9pKYl9w-Q1Y_tj--9DABIioEZ1E75yT52U","name":"column","children":[{"name":"divider","params":{"templateId":"solid long","color":"#d1d1d1","alignment":"start","textfontSize":24,"fontColor"params":{"value":[{"type:"#000000","height":1,"borderStyle":"paragraphsolid"},"children":[{],"typeid":"paragraph19KgsRVsJQ3A_o0ImCkOz"}],"params":{"childrenborderRadius":[{"letterSpacingall":0,"textbtl":"Style guide"0,"fontWeightbbl":7000,"fontFamilybtr":"Montserrat, sans-serif"0,"lineHeightbbr":"unset"0,"fontSizeisIndividualCorners":32false},"colorpadding":"#222222"}]}]}]}0,"childrengap":[]20,"idverticalAlignment":"u6Rw2q3doh6PhABcDFMcctop"}},{"nameid":"textKXBhlZ1LOBPumIBOIsshY","paramsname":{"valuecolumn":[{,"typechildren":"paragraph"[],"childrenparams":[{"typeborderRadius":{"paragraphall":0,"childrenbtl":[{0,"lineHeightbbl":"24px"0,"letterSpacingbtr":0,"textbbr":"Style Guide is a set of rules established for the graphic elements involved in a Web or Mobile App"0,"colorisIndividualCorners":"#5d5f64"false},"fontWeightpadding":4000,"fontSizegap":1620,"fontFamilyverticalAlignment":"Open Sans, sans-serif"}]}]}]},"children":[],"id":"jaK4sCHLAfrT5gys5St2S"}top"}},{"id":"dgK55tTBMrs66p5vx1RDO","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"f3azZsRhhLppiEhlHNFs9RlzfPK-HS-0uL6XrUqaiT","name":"column","children":[{"name":"icon"],"params":{"sizeborderRadius":32,{"colorall":"#ffffff","alignment":"start"0,"iconbtl":0,"palettebbl":0,"shapebtr":0,"circularbbr":0,"backgroundisIndividualCorners":false},"#91DDF5padding"}:0,"childrengap":[]20,"idverticalAlignment":"D--6Uh2O4NdB0BGcbMDzUtop"}},{"nameid":"textu8_TW2f2VkLxhAg8QEgXT","paramsname":{"valuecolumn":[{,"typechildren":"paragraph"[],"childrenparams":[{"typeborderRadius":{"paragraphall":0,"childrenbtl":[{0,"lineHeightbbl":0,"24pxbtr":0,"letterSpacingbbr":0,"textisIndividualCorners":false},"Color systempadding":0,"fontWeightgap":70020,"fontFamilyverticalAlignment":"Montserrat, sans-serif","fontSize":22,"colortop"}},{"id":"HVAJy1Z5UN2fjnKM9CTzQ","name":"#222222"}]}]}]}column","children":[],"id"params":{"borderRadius":{"all":0,"hJzB38zzbg4X_KJgj9IjE"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":" Color system helps you apply color to your UI in a meaningful way. In this system, you select a primary and a secondary color to represent your brand.","color":"#5d5f64","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif"}]}]}]},"children":[],"id":"hWSmCmp47Su5aFqWMbTyC"},{"name":"button","params":{"label":"view more","size":"small","shape":"circular","alignment":"start","states":{"idle":{"colors":{"background":"#eeeeee","label":"#000000"}},"hover":{"colors":{"background":"#dddddd"}}},"icon":"angle-right","iconPosition":"right","link":{"value":"30736451","target":"_self","type":"page"}},"children":[],"id":"egtikOErIsq3EMU56KKm2"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"ry-ZgNSfJfnUIz-Wl8hpQ","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"file-lines","shape":"circular","background":"#8ad5f4"},"children":[],"id":"HfpTmxk31bxezVijzW2By"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Typography","fontWeight":700,"fontFamily":"Montserrat, sans-serif","fontSize":22,"color":"#222222"}]}]}]},"children":[],"id":"7XWB5WFpqlG9OhnUih52I"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"fontSize":16,"lineHeight":"24px","color":"#555","letterSpacing":0,"text":"Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed.","fontFamily":"Open Sans, sans-serif"}]}]}]}]},"children":[],"id":"rnjhWVk1zc6grH7uMwh7l"},{"name":"button","params":{"label":"view more","size":"small","shape":"circular","alignment":"start","states":{"idle":{"colors":{"background":"#eeeeee","label":"#000000"}},"hover":{"colors":{"background":"#dddddd"}}},"icon":"angle-right","iconPosition":"right","link":{"value":"30638154","target":"_self","type":"page"}},"children":[],"id":"xClr_XOlUyReACVlV6JVn"}btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1],"gap":10,"minHeight":10,"padding":10,"borderRadius":0}},{"id":"c-z4vsZyUAyhBcGb6rx7_","name":"row","children":[{"id":"FM-dynGiOV-ElzR6kmJdh","name":"column","children":[{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"letterSpacing":0,"text":"Foundations","fontWeight":700,"fontFamily":"Montserrat, sans-serif","lineHeight":"unset","fontSize":32,"color":"#003254"}]}]}]},"children":[],"id":"hF66VmLXb-en8hv-fVAxz"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Foundations are the visual elements needed to create engaging layouts and end-to-end user experiences.","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif","color":"#003254"}]}]}]},"children":[],"id":"rUN2vfIWcugbQVRcNiOHO"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"_b8seMrcC9v2UxvmFJmM4","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"PEmh7Otnk-bs-2rqyPP4B","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"Ra2EVjhFzZFN6KxK3IXdq","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"DvdlWnhP-WGKQNSzuU4o2","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"4ZhAs5UA31c4nqp81AE62","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1],"gap":10,"minHeight":10,"padding":10,"borderRadius":0}},{"id":"GwIbjI7wUpKXV5WyFLa6L","name":"row","children":[{"id":"6vv4Apm6b9QsCBPGzl_s8BrN3qmPkiOfpaRso6qrR5","name":"column","children":[]{"name":"icon","params":{"borderRadius"size":32,"color":{"all"#ffffff","alignment":0"start","btlicon":0"palette","bblshape":0"circular","btrbackground":0"#003254"},"bbrchildren":0[],"isIndividualCornersid":false"mVFd3pOr_oKRIEmkI8cUG"},{"paddingname":0,"gap":20,"verticalAlignment"text","params":{"value":[{"type":"topparagraph"}},{"idchildren":"_Hru67mEJwn6rlrNBRbR5","name[{"type":"columnparagraph","children":[],"params":{"borderRadiuslineHeight":{"all24px":0,"btlletterSpacing":0,"bbltext":0,"btrColor system":0,"bbrfontWeight":0700,"isIndividualCornersfontFamily":false},"padding":0,"gap":20,"verticalAlignment"Montserrat, sans-serif","fontSize":22,"color":"top#035"}},{}]}]}]},"children":[],"id":"0vfiOJ6PIprDuCctjYxoDdFSsKLGfVcNoP4VoK5cE3"},{"name":"column","children":[]text","params":{"borderRadiusvalue":[{"alltype":0,"btlparagraph":0,"bblchildren":0,[{"btrtype":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1,1,1],"gap":60,"minHeight":200,"padding":10,"borderRadius":0}},{"id":"ohVf1_PET6nIpoTvEk0LZ","name":"row","children":[{"id":"UOyulDPg3Bm23K_ftiXlK","name":"column"paragraph","children":[{"type":"paragraph","children":[{"fontSize":16,"lineHeight":"24px","letterSpacing":0,"text":"Our colour scheme is built up around Fairfood’s own primary colours. But to create a more serious (B2B) palette that has a broader use, we’ve added a lighterand a darker blue.","fontFamily":"Open Sans, sans-serif","color":"#035"}]},{"type":"paragraph","children":[],"params":{"borderRadiusfontSize":{16,"alllineHeight":0,"btl24px":0,"bblcolor":0,"btr#555":0,"bbrletterSpacing":0,"isIndividualCornersfontFamily":false},"padding":0,"gap":20,"verticalAlignment"Open Sans, sans-serif","text":"top"}},{"id":"FfKb-IHDFbh-zBqRRidFS","name":"column"]}]}]}]},"children":[{],"nameid":"iconhy9i_3zTyMohyXCSoruFM"}],"params":{"sizeborderRadius":32,{"colorall":"#ffffff"0,"alignmentbtl":"start"0,"iconbbl":"border-none"0,"shapebtr":"circular"0,"backgroundbbr":"#91DDF5"}0,"childrenisIndividualCorners":[]false},"idpadding":"9kWwef_mkaY0uaBgPsrzk"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph0,"gap":20,"verticalAlignment":"top"}},{"id":"sICr9oJznAfGE-oWzMjQm","name":"column","children":[{"lineHeightname":"24pxicon","letterSpacing"params":{"size":032,"textcolor":"Iconography#ffffff","fontWeightalignment":700"start","fontFamilyicon":"Montserrat, sanstext-serifheight","fontSizeshape":22"circular","colorbackground":"#222222"}]}]}]#003254"},"children":[],"id":"kt_Lylr65FHgbWX_LuD4CPybpOcQi-hGN5lJlwQggj"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Typography"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor","color,"fontWeight":700,"fontFamily":"#5d5f64"Montserrat, "fontWeight":400sans-serif","fontSize":1622,"fontFamilycolor":"Open Sans, sans-serif#035"}]}]}]},"children":[],"id":"Ae2l6C1jXIM7HGpmAZBSXPpfff_LNndjaKaMxVYRmt"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"buttonparagraph","paramschildren":[{"labeltype":"view moreparagraph","sizechildren":[{"small",type"shape":"circularparagraph","alignmentchildren":"start","states[{"lineHeight":{"idleunset":{,"colorstext":{"background":"#eeeeee","label":"#000000"}},"hover":{"colors":{"background":"#dddddd"}}},"icon":"angle-right","iconPosition":"right""Using Moderat from TightType. Available in various weights for print and digital use. It’s friendly and space efficient. An important feature when designing a dashboard. Our red colour serves as a great call-to-action colour.","fontSize":16,"fontFamily":"Open Sans, sans-serif","color":"#035"}]}]}]}]}]},"children":[],"id":"JvUcBI94HBPeD8DyaOCvCpztMCJq0Dg3Pcl4qCQcOt"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"q1b0j0swzJjExxPRNrYZePlfn45p62WKz_1-o0dkNj","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"tableborder-listnone","shape":"circular","background":"#91DDF5#003254"},"children":[],"id":"LBqmUA4OdICF5sPlFkjKNB-61ETk6-BWnRWmv3VlV"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"LayoutIconography","fontWeight":700,"fontFamily":"Montserrat, sans-serif","fontSize":22,"color":"#222222#035"}]}]}]},"children":[],"id":"VR2V9K3fzRVdF7qrRBgSx-0mvfpGfOh7EiJ_8r6iU"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeighttype":"24px","letterSpacing":0,"text":"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor","color":"#5d5f64","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif"}]}]}]}paragraph","children":[],{"idtype":"vsVcn618CErS8SrqH-fojparagraph"},{"namechildren":[{"buttonfontSize":16,"paramslineHeight":{"label24px":,"view moreletterSpacing":0,"sizetext":"smallIcons should be used in a purposeful manner to maximize comprehension and reduce cognitive load when you need to call attention to a particular action, command, or section.","shapefontFamily":"circularOpen Sans, sans-serif","alignmentcolor":"start#035"}]},{"statestype":{"idleparagraph":{,"colorschildren":[{"backgroundfontSize":"#eeeeee"16,"labellineHeight":"#00000024px"}},"hovercolor":{"colors#555":{,"backgroundletterSpacing":"#dddddd"}}}0,"iconfontFamily":"angle-rightOpen Sans, sans-serif","iconPositiontext":"right""}]}]}]}]}]},"children":[],"id":"Edq6_BihKTcBxdblbmrIcDcoKqkVgEc0xJPW32Qoy3"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"eJbGr4Rpzk-1TC0cazOp0Ld6dMYkd4wWhyvI843xy","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"Ot_ViTey9kqzhclJ6iFnMDzSZsUZejLsMIJHlvzLCG","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"rFISgoRJXn6ekE0z4bZ7N5pQ_442IqSVlrSKJzLsE","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1,1,1],"gap":6010,"minHeight":200,"padding":10,"borderRadius":0}}],"name":"section"}]} |
|---|
|