| 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 distinguishes our brand and helps us create consistent experiences across products. view more Typography Typography is our system of fonts. Each font conveys the appropriate sentiment to assist our users through each stage of their journey. view more Iconography Icons are visual representations of commands, devices, directories, or common actions. view more Layout The layout is the foundation for positioning elements onscreen. Designing to the grid helps create seamless, easy to follow experiences. 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":[{"idname":"xq8go2x2nzRB53Gl6mcmuicon","params":{"background"size":32,"color":"#ffffff","paddingalignment":0"start","gapicon":10},"children":[{"id"manat-sign","shape":"SwCvX77I8YzeID8el1Ux2circular","namebackground":"row#003254"},"children":[{],"id":"dZPbWKV2EsN6n_Qs5Y85N","name":"column","children":[HfpTmxk31bxezVijzW2By"},{"name":"text","params":{"templateIdvalue":[{"type":"headline and paragraph","valuechildren":[{"type":"paragraph","children":[{"typelineHeight":"paragraph24px","childrenletterSpacing":[{0,"text":"Harvest mobile applicationPersonality","lineHeightfontWeight":"64px"700,"fontFamily":"LatoMontserrat, sans-serif","letterSpacingfontSize":122,"fontSizecolor":22"#003254"}]}]}]},"fontWeightchildren":700[],"colorid":"#9797977XWB5WFpqlG9OhnUih52I"}]},{"typename":"paragraphtext","childrenparams":[{"fontWeightvalue":700,[{"fontFamilytype":"unsetparagraph","text"children":[{"type":"Neat. Simple. Straightforward.paragraph","fontSizechildren":45,[{"lineHeighttype":"50pxparagraph","letterSpacingchildren":1}]}]}]},"children":[],"id":"0TtmjnO-f4xz9ArW2UWHv"},{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[[{"fontSize":16,"lineHeight":"24px","letterSpacing":0,"text":"The tone we choose in external conversations reflects our personality. It should be described as embodying our ideals.","fontFamily":"Open Sans, sans-serif","color":"#003254"}]},{"type":"paragraph","children":[{"lineHeightfontSize":"24px"16,"letterSpacinglineHeight":0,"fontFamily24px":"Open Sans, sans-serif",color"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":"#131313:"#555","letterSpacing":0,"fontFamily":"Open Sans, sans-serif","text":""}]}]}]}]},"children":[],"id":"VqP8QVcJbpIcJteAnb9xbPunxk1OJMY6h9NFDRvYMh"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":3020,"verticalAlignment":"centertop"}},{"id":"5gTC-wLx6Abt7H_z-FUDjNYbzGdp44FNbLG-ekGsB9","name":"column","children":[{"name":"imageicon","params":{"templateId"size":32,"color":"full-width#ffffff","alignment":"centerstart","positionicon":"center centerhandshake-angle","borderRadiusshape":{"allcircular":0,"bblbackground":0,"bbr#003254":0},"btlchildren":0[],"btrid":0,"isIndividualCornersLg6nGK3s6DrPzjiAV05jp":false},"image":{"valuename":"att31883275text","targetparams":{"_blank",value":[{"type":"attachmentparagraph"},"widthchildren":440,[{"heighttype":566}"paragraph","children":[],{"idlineHeight":"I9mL3DVNDAKTji5vQM2F724px"}],"paramsletterSpacing":{0,"borderRadiustext":{"all"Promise","fontWeight":0700,"btlfontFamily":0,"bbl":0"Montserrat, sans-serif","btrfontSize":022,"bbrcolor":0,"isIndividualCorners":false#003254"}]}]}]},"paddingchildren":0[],"gapid":20"UgrhwR9g1EcTa7iU8BoO6"},{"verticalAlignmentname":"centertext"}},{"idparams":{"sJ_W6Nh8Xt4FguMmSMhQR","namevalue":[{"type":"columnparagraph","children":[],{"paramstype":{"borderRadius"paragraph","children":[{"alltype":0,"btlparagraph":0,"bbl":0,"btrchildren":[{"fontSize":016,"bbrlineHeight":0,"isIndividualCorners24px":false},"paddingletterSpacing":0,"gap":20,"verticalAlignment":"center"}},{"id":"YrSohHBn4-xI7LMUQezzu","name":"column","children":[text":"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":"3pjGIxBYtledL6ItUdDL8kIlSJTNLGOwYl9GZXQa3V","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"centertop"}},{"id":"m8F56VGxlVGobzVPcNP_TDGDmXAo3Nf0FWG-XIAl","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,1],"gap":0,"minHeight":200,"padding":10,"borderRadius":0,"size":"full"}}],"name":"section"}:20,"verticalAlignment":"top"}},{"id":"epxll5vNcvOMycQoDfZsJohG5ZGB-E-iGR0J4t3mt3","paramsname":{"backgroundcolumn":"#ffffff","paddingchildren":41[],"gapparams":20},{"childrenborderRadius":[{"idall":0,"0uH-F6zylfYSd5lS7FRH9btl":0,"namebbl":0,"rowbtr":0,"childrenbbr":[{0,"idisIndividualCorners":"sTbqnIzu9pKYl9w-Q1Y_t"false},"namepadding":"column"0,"childrengap":[{20,"nameverticalAlignment":"texttop"}}],"params":{"valuelayout":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"letterSpacing":0,"text":"Style guide","fontWeight":700,"fontFamily":"Montserrat, sans-serif","lineHeight":"unset","fontSize":32,"color":"#222222"}]}]}]}1,1,1],"gap":10,"minHeight":200,"padding":10,"borderRadius":0}}],"name":"section"},{"id":"epxll5vNcvOMycQoDfZsJ","params":{"background":"#ffffff","padding":0,"gap":20},"children":[],{"id":"u6Rw2q3doh6PhABcDFMccsCWZ3Qw3cxb0-6wxOc1mB"},{"name":"textrow","paramschildren":[{"valueid":[{"type"j--9DABIioEZ1E75yT52U","name":"paragraphcolumn","children":[{"typename":"paragraphdivider","childrenparams":[{"lineHeighttemplateId":"24pxsolid long","letterSpacingcolor":0"#d1d1d1","textalignment":"Style Guide is a set of rules established for the graphic elements involved in a Web or Mobile Appstart","colorfontSize":24,"#5d5f64fontColor",:"fontWeight#000000":400,"fontSizeheight":161,"fontFamilyborderStyle":"Open Sans, sans-serif"}]}]}]solid"},"children":[],"id":"jaK4sCHLAfrT5gys5St2S19KgsRVsJQ3A_o0ImCkOz"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"f3azZsRhhLppiEhlHNFs9KXBhlZ1LOBPumIBOIsshY","name":"column","children":[{"name":"icon"],"params":{"sizeborderRadius":32,{"color":"#ffffff","alignment":"start","icon":"palette","shape":"circular","background":"#91DDF5"},"children":[],"id":"D--6Uh2O4NdB0BGcbMDzU"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"dgK55tTBMrs66p5vx1RDO","name":"column","children":[{],"lineHeightparams":{"24pxborderRadius",:{"letterSpacingall":0,"text":"Color system","fontWeightbtl":7000,"fontFamilybbl":"Montserrat, sans-serif"0,"btr":0,"fontSizebbr":220,"colorisIndividualCorners":false},"#222222"}]}]}]}padding":0,"childrengap":[]20,"idverticalAlignment":"hJzB38zzbg4X_KJgj9IjEtop"}},{"nameid":"textRlzfPK-HS-0uL6XrUqaiT","paramsname":{"value":[{"type":"paragraph"column","children":[{"type":"paragraph"],"childrenparams":[{"lineHeightborderRadius":{"24pxall":0,"letterSpacingbtl":0,"textbbl":"Color distinguishes our brand and helps us create consistent experiences across products.","color":"#5d5f64","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif"}]}]}]},"children":[],0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"hWSmCmp47Su5aFqWMbTyCu8_TW2f2VkLxhAg8QEgXT"},{"name":"column"button","children":[],"params":{"labelborderRadius":{"view moreall":0,"sizebtl":0,"smallbbl":0,"shapebtr":0,"circularbbr":0,"alignmentisIndividualCorners":false},"startpadding":0,"statesgap":{20,"idleverticalAlignment":{"colorstop":}},{"backgroundid":"#eeeeeeHVAJy1Z5UN2fjnKM9CTzQ","labelname":"#000000column"}},"hoverchildren":{[],"colorsparams":{"backgroundborderRadius":"#dddddd"}}},"icon{"all":0,"angle-rightbtl":0,"iconPositionbbl":0,"rightbtr":0,"linkbbr":{0,"valueisIndividualCorners":false},"30736451padding":0,"targetgap":"_self"20,"typeverticalAlignment":"pagetop"}}],"params":{"childrenlayout":[1],"idgap":10,"egtikOErIsq3EMU56KKm2minHeight"}]:10,"paramspadding":{10,"borderRadius":0}},{"all"id":"c-z4vsZyUAyhBcGb6rx7_","name":0,"btlrow":0,"bblchildren":0,[{"btrid":0,"bbr":0"FM-dynGiOV-ElzR6kmJdh","isIndividualCornersname":false},"paddingcolumn":0,"gapchildren":20,[{"verticalAlignmentname":"toptext"}},{"idparams":{"ry-ZgNSfJfnUIz-Wl8hpQ","namevalue":[{"type":"columnparagraph","children":[{"nametype":"iconparagraph","paramschildren":[{"sizeletterSpacing":320,"colortext":"Foundations","#fffffffontWeight":700,"alignmentfontFamily":"startMontserrat, sans-serif","iconlineHeight":"file-linesunset","shapefontSize":"circular"32,"backgroundcolor":"#8ad5f4#003254"}]}]}]},"children":[],"id":"HfpTmxk31bxezVijzW2ByhF66VmLXb-en8hv-fVAxz"},{"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""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":[{],"typeid":"paragraphrUN2vfIWcugbQVRcNiOHO"}],"childrenparams":[{"typeborderRadius":{"paragraphall":0,"childrenbtl":[{0,"fontSizebbl":160,"lineHeightbtr":0,"24pxbbr":0,"colorisIndividualCorners":"#555"false},"letterSpacingpadding":0,"text":"Typography is our system of fonts. Each font conveys the appropriate sentiment to assist our users through each stage of their journey.","fontFamily":"Open Sans, sans-serif"}]gap":20,"verticalAlignment":"top"}},{"typeid":"paragraph_b8seMrcC9v2UxvmFJmM4","childrenname":[{"fontSizecolumn":16,"lineHeightchildren":[],"24pxparams",:{"colorborderRadius":{"#555all":0,"letterSpacingbtl":0,"fontFamilybbl":"Open Sans, sans-serif","text":""}]},{"type":"paragraph","children":[{"fontSize":16,"lineHeight":"24px","color":"#555","letterSpacing":0,"fontFamily":"Open Sans, sans-serif","text":""}]}]}]}]},"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"}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":"6vv4Apm6b9QsCBPGzl_s84ZhAs5UA31c4nqp81AE62","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top","gap":20,"verticalAlignment":"top"}}],"params":{"layout":[1],"gap":10,"minHeight":10,"padding":10,"borderRadius":0}},{"id":"_Hru67mEJwn6rlrNBRbR5GwIbjI7wUpKXV5WyFLa6L","name":"columnrow","children":[]{"id":"BrN3qmPkiOfpaRso6qrR5","paramsname":{"borderRadius"column","children":[{"allname":0,"btlicon":0,"bblparams":0,{"btrsize":032,"bbrcolor":0,"isIndividualCorners#ffffff":false},"paddingalignment":0,"gapstart":20,"verticalAlignmenticon":"toppalette"}},{"idshape":"0vfiOJ6PIprDuCctjYxoDcircular","namebackground":"column#003254"},"children":[],"paramsid":"mVFd3pOr_oKRIEmkI8cUG"},{"borderRadiusname":{"alltext":0,"btlparams":0,{"bblvalue":0,[{"btrtype":0"paragraph","bbrchildren":0,[{"isIndividualCornerstype":false},"paddingparagraph":0,"gapchildren":20,[{"verticalAlignmentlineHeight":"top24px"}}],"paramsletterSpacing":{"layout":[1,1,1],"gap":60,"minHeight":200,"padding":10,"borderRadius":0}},{"id":"ohVf1_PET6nIpoTvEk0LZ","name":"row"0,"text":"Color system","fontWeight":700,"fontFamily":"Montserrat, sans-serif","fontSize":22,"color":"#035"}]}]}]},"children":[{],"id":"UOyulDPg3Bm23K_ftiXlKdFSsKLGfVcNoP4VoK5cE3"},{"name":"column","children":[]text","params":{"borderRadiusvalue":[{"alltype":0,"btlparagraph":0,"bblchildren":0,[{"btrtype":0,"bbrparagraph":0,"isIndividualCornerschildren":false},"padding[{"type":0,"gapparagraph":20,"verticalAlignmentchildren":[{"topfontSize"}}:16,{"idlineHeight":"FfKb-IHDFbh-zBqRRidFS24px","nameletterSpacing":"column"0,"childrentext":[{"name":"icon","params":{"size":32"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":"#ffffff#035"}]},{"alignmenttype":"startparagraph","iconchildren":[{"border-nonefontSize":16,"shapelineHeight":"circular24px","backgroundcolor":"#91DDF5#555"},"childrenletterSpacing":[]0,"idfontFamily":"9kWwef_mkaY0uaBgPsrzk"},{"name":"text","params":{"value":[{"type":"paragraph"Open Sans, sans-serif","text":""}]}]}]}]},"children":[{],"typeid":"paragraphhy9i_3zTyMohyXCSoruFM"}],"childrenparams":[{"lineHeightborderRadius":{"24pxall":0,"letterSpacingbtl":0,"textbbl":"Iconography"0,"fontWeightbtr":7000,"fontFamilybbr":"Montserrat0, sans-serif",isIndividualCorners"fontSize":22false},"colorpadding":"#222222"}]}]}]}0,"childrengap":[]20,"idverticalAlignment":"kt_Lylr65FHgbWX_LuD4Ctop"}},{"nameid":"textsICr9oJznAfGE-oWzMjQm","paramsname":{"value"column","children":[{"typename":"paragraphicon","childrenparams":[{"type"size":32,"color":"paragraph#ffffff","childrenalignment":[{"lineHeight"start","icon":"24pxtext-height","letterSpacingshape":0"circular","textbackground":"Icons are visual representations of commands, devices, directories, or common actions.","color":"#5d5f64","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif"}]}]}]}#003254"},"children":[],"id":"PybpOcQi-hGN5lJlwQggj"},{"name":"text","params":{"value":[{"type":"paragraph","children":[],{"idtype":"Ae2l6C1jXIM7HGpmAZBSXparagraph"},"children":[{"namelineHeight":"button24px","paramsletterSpacing":{0,"labeltext":"view moreTypography","sizefontWeight":"small"700,"shapefontFamily":"circularMontserrat, sans-serif","alignmentfontSize":"start"22,"statescolor":{"idle":{"colors":{"background":"#eeeeee","label":"#000000"}},"hover#035"}]}]}]},"children":[],"id":"Ppfff_LNndjaKaMxVYRmt"},{"name":"text","params":{"colorsvalue":[{"backgroundtype":"#ddddddparagraph"}}},"iconchildren":"angle-right","iconPosition"[{"type":"rightparagraph"},"children":[],{"idtype":"JvUcBI94HBPeD8DyaOCvCparagraph"}],"paramschildren":[{"borderRadiustype":{"allparagraph":0,"btlchildren":0,[{"bbllineHeight":0,"btrunset":0,"bbrtext":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"q1b0j0swzJjExxPRNrYZe","name":"column""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":[{],"nameid":"iconpztMCJq0Dg3Pcl4qCQcOt"}],"params":{"sizeborderRadius":32,{"colorall":"#ffffff"0,"alignmentbtl":"start"0,"iconbbl":"table-list"0,"shape":"circular"btr":0,"backgroundbbr":0,"#91DDF5isIndividualCorners":false},"childrenpadding":[]0,"idgap":"LBqmUA4OdICF5-61ETk6-"},{"name20,"verticalAlignment":"texttop"}},{"paramsid":{"value":[{"typePlfn45p62WKz_1-o0dkNj","name":"paragraphcolumn","children":[{"typename":"paragraphicon","childrenparams":[{"lineHeightsize":32,"24pxcolor",:"letterSpacing#ffffff":0,"textalignment":"Layoutstart","fontWeight":700,"fontFamilyicon":"Montserrat, sansborder-serifnone","fontSizeshape":22"circular","colorbackground":"#222222#003254"}]}]}]},"children":[],"id":"VR2V9K3fzRVdF7qsPlFkjKNB-0mvfpBWnRWmv3VlV"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"The layout is the foundation for positioning elements onscreen. Designing to the grid helps create seamless, easy to follow experiences.","color":"#5d5f64","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif"}]},{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"color":"#5d5f64","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif","text":""}]}]}]}Iconography","fontWeight":700,"fontFamily":"Montserrat, sans-serif","fontSize":22,"color":"#035"}]}]}]},"children":[],"id":"rRBgSx-GfOh7EiJ_8r6iU"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"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"}]} |
|---|
|