| summary | 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. Brand Our brand reflects who we are and how we want our users to feel when they use our products. Mission We are a non-profit organisation accelerating the transition towards a fair food system, one that defends the livelihoods of the people behind our food. view more Personality Our personality describes the tone we use for external communications. It should be expressed as an embodiment of our values. view more Promise we bring our expertise into decision-making spaces, continuously pushing for farmer inclusion and corporate accountability at all levels. view more 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. view more 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. view more 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 view more |
|---|
| 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":"#979797"}]},{"type":"paragraph","children":[{"fontWeight":700,"fontFamily":"unset","text":"Neat. Simple. Straightforward.","fontSize":45,"lineHeight":"50px","letterSpacing":1}]}]}]},"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":"#131313#8c8c8c"}]}]}]}]},"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":"att34734087","target":"_blank","type":"attachment"},"width":593,"height":437},"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":0,"minHeight":200,"padding":10,"borderRadius":0,"size":"full"}}],"name":"section"},{"id":"epxll5vNcvOMycQoDfZsJ","params":{"background":"#ffffff","padding":40,"gap":20},"children":[{"id":"0uH-F6zylfYSd5lS7FRH9","name":"row","children":[{"id":"sTbqnIzu9pKYl9w-Q1Y_t","name":"column","children":[{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"letterSpacing":0,"text":"Brand","fontWeight":700,"fontFamily":"Montserrat, sans-serif","lineHeight":"unset","fontSize":32,"color":"#222222"}]}]}]},"children":[],"id":"u6Rw2q3doh6PhABcDFMcc"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Our brand reflects who we are and how we want our users to feel when they use our products.","color":"#5d5f64","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif"}]}]}]},"children":[],"id":"jaK4sCHLAfrT5gys5St2S"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"f3azZsRhhLppiEhlHNFs9","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"crosshairs","shape":"circular","background":"#91DDF5"},"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":"#222222"}]}]}]},"children":[],"id":"hJzB38zzbg4X_KJgj9IjE"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"We are a non-profit organisation accelerating the transition towards a fair food system, one that defends the livelihoods of the people behind our food. ","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":"34537473","target":"_self","type":"page"}},"children":[],"id":"M19g7rdQnJP_gRY0-LcMA"}],"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":"manat-sign","shape":"circular","background":"#8ad5f4"},"children":[],"id":"HfpTmxk31bxezVijzW2By"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Personality","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":"Our personality describes the tone we use for external communications. It should be expressed as an embodiment of our values.","fontFamily":"Open Sans, sans-serif"}]}]}]}]},"children":[],"id":"Punxk1OJMY6h9NFDRvYMh"},{"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":"34570241","target":"_self","type":"page"}},"children":[],"id":"VuqR-fycN1Oyij9Mk8VPI"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"6vv4Apm6b9QsCBPGzl_s8","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"handshake-angle","shape":"circular","background":"#8ad5f4"},"children":[],"id":"Lg6nGK3s6DrPzjiAV05jp"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Promise","fontWeight":700,"fontFamily":"Montserrat, sans-serif","fontSize":22,"color":"#222222"}]}]}]},"children":[],"id":"UgrhwR9g1EcTa7iU8BoO6"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"fontSize":16,"lineHeight":"24px","color":"#555","letterSpacing":0,"text":"we bring our expertise into decision-making spaces, continuously pushing for farmer inclusion and corporate accountability at all levels. ","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":"34537490","target":"_self","type":"page"}},"children":[],"id":"U4ssO79tThHRYPb_0RnFD"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"_Hru67mEJwn6rlrNBRbR5","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"0vfiOJ6PIprDuCctjYxoD","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,1],"gap":60,"minHeight":200,"padding":10,"borderRadius":0}},{"id":"sCWZ3Qw3cxb0-6wxOc1mB","name":"row","children":[{"id":"j--9DABIioEZ1E75yT52U","name":"column","children":[{"name":"divider","params":{"templateId":"solid long","color":"#000000","alignment":"start","fontSize":24,"fontColor":"#000000","height":1,"borderStyle":"solid"},"children":[],"id":"19KgsRVsJQ3A_o0ImCkOz"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"KXBhlZ1LOBPumIBOIsshY","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"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":"RlzfPK-HS-0uL6XrUqaiT","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"u8_TW2f2VkLxhAg8QEgXT","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"HVAJy1Z5UN2fjnKM9CTzQ","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":"sYHmjIFWhyatvHY5XImJR","name":"row","children":[{"id":"0plUjlT5UFwHdvOJHZa51","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":"#222222"}]}]}]},"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.","color":"#5d5f64","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif"}]}]}]},"children":[],"id":"rUN2vfIWcugbQVRcNiOHO"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"0KAwTwAlELJAw-7NMb83n","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"palette","shape":"circular","background":"#91DDF5"},"children":[],"id":"mVFd3pOr_oKRIEmkI8cUG"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Color system","fontWeight":700,"fontFamily":"Montserrat, sans-serif","fontSize":22,"color":"#222222"}]}]}]},"children":[],"id":"dFSsKLGfVcNoP4VoK5cE3"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"fontSize":16,"lineHeight":"24px","color":"#555","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"}]}]}]}]},"children":[],"id":"hy9i_3zTyMohyXCSoruFM"},{"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":"-vyWd_6WdL5ZWbtYX9P4M"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"z6h9AYRLaVN_BdQNcf027","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"text-height","shape":"circular","background":"#8ad5f4"},"children":[],"id":"PybpOcQi-hGN5lJlwQggj"},{"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":"Ppfff_LNndjaKaMxVYRmt"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"letterSpacing":-1,"lineHeight":"unset","text":"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":"#757575"}]},{"type":"paragraph","children":[{"text":"","fontSize":16,"lineHeight":"24px","color":"#555","letterSpacing":0,"fontFamily":"Open Sans, sans-serif"}]}]}]}]}]},"children":[],"id":"pztMCJq0Dg3Pcl4qCQcOt"},{"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":"P609Jl4gk-bIRO87HHSa7"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"qCZHkEtPA0_Hb1d97dNz-","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"border-none","shape":"circular","background":"#8ad5f4"},"children":[],"id":"sPlFkjKNB-BWnRWmv3VlV"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Iconography","fontWeight":700,"fontFamily":"Montserrat, sans-serif","fontSize":22,"color":"#222222"}]}]}]},"children":[],"id":"rRBgSx-GfOh7EiJ_8r6iU"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"fontSize":16,"lineHeight":"24px","color":"#555","letterSpacing":0,"text":"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","fontFamily":"Open Sans, sans-serif"}]}]}]}]}]},"children":[],"id":"DcoKqkVgEc0xJPW32Qoy3"},{"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":"31457331","target":"_blank","type":"page"}},"children":[],"id":"W--V-UeKfyAYmM-wTpO_A"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"B9gTmC0xDjZLyLdlhskWd","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"znZJ07ibieVDUugz2w58F","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,1],"gap":60,"minHeight":200,"padding":10,"borderRadius":0}}],"name":"section"}]} |
|---|
|