| summary | Harvest mobile applicationThe brand can offer premium or special prices to the farmers in their supply chain. The intention of this guide is to give you an overview of Style guide includes color system, Typography, Iconography, Layout etc.applicationNeat. 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":"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":"Harvest mobile application","lineHeight":"64px","fontFamily":"Lato, sans-serif","letterSpacing":1,"fontSize":22,"fontWeight":700,"color":"#979797"}]},{"type":"paragraph","children":[{"fontWeight":700,"fontFamily":"unset","text":"The brand can offer premium or special prices to the farmers in their supply chainNeat. 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":"The intention of this guide is to give you an overview of Style guide includes color system, Typography, Iconography, Layout etc.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"}]}]}]}]},"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":"att31883275","target":"_blank","type":"attachment"},"width":440,"height":566},"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,1],"gap":0,"minHeight":200,"padding":10,"borderRadius":0,"size":"full"}}],"name":"section"},{"id":"epxll5vNcvOMycQoDfZsJ","params":{"background":"#ffffff","padding":41,"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":"Style guide","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":"Style Guide is a set of rules established for the graphic elements involved in a Web or Mobile App","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":"palette","shape":"circular","background":"#91DDF5"},"children":[],"id":"D--6Uh2O4NdB0BGcbMDzU"},{"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":"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"}],"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":[],"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],"gap":60,"minHeight":200,"padding":10,"borderRadius":0}},{"id":"ohVf1_PET6nIpoTvEk0LZ","name":"row","children":[{"id":"UOyulDPg3Bm23K_ftiXlK","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"FfKb-IHDFbh-zBqRRidFS","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"border-none","shape":"circular","background":"#91DDF5"},"children":[],"id":"9kWwef_mkaY0uaBgPsrzk"},{"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":"kt_Lylr65FHgbWX_LuD4C"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"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"}]}]}]},"children":[],"id":"Ae2l6C1jXIM7HGpmAZBSX"},{"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"},"children":[],"id":"JvUcBI94HBPeD8DyaOCvC"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"q1b0j0swzJjExxPRNrYZe","name":"column","children":[{"name":"icon","params":{"size":32,"color":"#ffffff","alignment":"start","icon":"table-list","shape":"circular","background":"#91DDF5"},"children":[],"id":"LBqmUA4OdICF5-61ETk6-"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"Layout","fontWeight":700,"fontFamily":"Montserrat, sans-serif","fontSize":22,"color":"#222222"}]}]}]},"children":[],"id":"VR2V9K3fzRVdF7q-0mvfp"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"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"}]}]}]},"children":[],"id":"vsVcn618CErS8SrqH-foj"},{"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"},"children":[],"id":"Edq6_BihKTcBxdblbmrIc"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"eJbGr4Rpz-1TC0cazOp0L","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_ViTey9kqzhclJ6iFnM","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"rFISgoRJXn6_442IqSVlr","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":60,"minHeight":200,"padding":10,"borderRadius":0}}],"name":"section"}]} |
|---|
|