Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Appanvil karma designer
summary Harvest mobile 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. distinguishes our brand and helps us create consistent experiences across products. 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 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":"pageEJyr1dNQxAJdJguiodbJA","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":[{"idfontWeight":"xq8go2x2nzRB53Gl6mcmu"700,"params":{"background"fontFamily":"#ffffffunset","paddingtext":0,"gap":10},"children":[{"id"Neat. Simple. Straightforward.","fontSize":45,"lineHeight":"SwCvX77I8YzeID8el1Ux250px","nameletterSpacing":"row"1}]}]}]},"children":[{"id":"dZPbWKV2EsN6n_Qs5Y85N"],"nameid":"column0TtmjnO-f4xz9ArW2UWHv"},"children":[{"name":"text","params":{"templateId":"headline and paragraph","value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"texttype":"Harvest mobile applicationparagraph","children":[{"lineHeight":"24px","64pxletterSpacing":0,"fontFamily":"LatoOpen Sans, 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"},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"}]}]}]}]},"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":"textimage","params":{"templateId":"headline and paragraphfull-width","valuealignment":[{"type"center","position":"paragraphcenter center","childrenborderRadius":[{"type"all":0,"bbl":0,"paragraphbbr":0,"childrenbtl":[{0,"typebtr":0,"paragraphisIndividualCorners":false},"childrenimage":[{"lineHeightvalue":"24pxatt31883275","letterSpacingtarget":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"}]}]}]}]_blank","type":"attachment"},"width":440,"height":566},"children":[],"id":"VqP8QVcJbpIcJteAnb9xbI9mL3DVNDAKTji5vQM2F7"}],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":3020,"verticalAlignment":"center"}},{"id":"5gTC-wLx6Abt7H_z-FUDjsJ_W6Nh8Xt4FguMmSMhQR","name":"column","children":[{"name":"image"],"params":{"templateId":"full-width","alignment":"center","position":"center center","borderRadius":{"all":0,"bblbtl":0,"bbrbbl":0,"btlbtr":0,"btrbbr":0,"isIndividualCorners":false},"imagepadding":{0,"valuegap":"att31883275"20,"targetverticalAlignment":"_blankcenter"}},{"typeid":"attachmentYrSohHBn4-xI7LMUQezzu"},"widthname":440,"heightcolumn":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_W6Nh8Xt4FguMmSMhQR3pjGIxBYtledL6ItUdDL8","name":"column","children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"center"}},{"id":"YrSohHBn4m8F56VGx_TDGDmXAo3-xI7LMUQezzuXI","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"params":{"column"layout":[1,1],"childrengap":[]0,"paramsminHeight":{200,"borderRadiuspadding":{10,"allborderRadius":0,"btlsize":0"full"}}],"bblname":0"section"},{"btrid":0"epxll5vNcvOMycQoDfZsJ","bbrparams":0,{"isIndividualCornersbackground":false}"#ffffff","padding":041,"gap":20},"verticalAlignmentchildren":"center"}},[{"id":"m8F56VGx_TDGDmXAo30uH-XIF6zylfYSd5lS7FRH9","name":"columnrow","children":[],{"paramsid":{"borderRadius"sTbqnIzu9pKYl9w-Q1Y_t","name":{"allcolumn":0,"btlchildren":0,[{"bblname":0"text","btrparams":0,{"bbrvalue":0,[{"isIndividualCornerstype":false},"paddingparagraph":0,"gapchildren":20,[{"verticalAlignmenttype":"centerparagraph"}}],"paramschildren":[{"layoutletterSpacing":[1,1],"gap":0,"minHeight":200,"padding":10,"borderRadius":0,"size":"full"}}],"name":"section0,"text":"Style guide","fontWeight":700,"fontFamily":"Montserrat, sans-serif","lineHeight":"unset","fontSize":32,"color":"#222222"}]}]}]},"children":[],"id":"u6Rw2q3doh6PhABcDFMcc"},{"idname":"epxll5vNcvOMycQoDfZsJtext","params":{"backgroundvalue":"#ffffff","padding[{"type":41,"gapparagraph":20},"children":[{"idtype":"0uH-F6zylfYSd5lS7FRH9","name":"row"paragraph","children":[{"idlineHeight":"sTbqnIzu9pKYl9w-Q1Y_t24px","nameletterSpacing":0,"columntext","children":[{"name:"Style Guide is a set of rules established for the graphic elements involved in a Web or Mobile App","color":"text#5d5f64","paramsfontWeight":{400,"valuefontSize":[{16,"typefontFamily":"paragraph"Open Sans, sans-serif"}]}]}]},"children":[{],"typeid":"paragraphjaK4sCHLAfrT5gys5St2S"}],"params":{"childrenborderRadius":[{"letterSpacingall":0,"textbtl":"Style guide"0,"fontWeightbbl":7000,"fontFamilybtr":"Montserrat, sans-serif"0,"bbr":0,"lineHeightisIndividualCorners":false},"unsetpadding":0,"fontSizegap":3220,"colorverticalAlignment":"#222222top"}]}]}]},{"childrenid":[]"f3azZsRhhLppiEhlHNFs9","idname":"u6Rw2q3doh6PhABcDFMcccolumn"},"children":[{"name":"texticon","params":{"valuesize":[{32,"typecolor":"paragraph#ffffff","childrenalignment":[{"type"start","icon":"paragraphpalette","shape":"childrencircular":[{,"lineHeightbackground":"24px#91DDF5"},"letterSpacingchildren":0[],"textid":"Style Guide is a set of rules established for the graphic elements involved in a Web or Mobile App","colorD--6Uh2O4NdB0BGcbMDzU"},{"name":"#5d5f64text","fontWeightparams":400,{"fontSizevalue":16,[{"fontFamily":"Open Sans, sans-serif"}]}]}]}type":"paragraph","children":[],{"idtype":"jaK4sCHLAfrT5gys5St2Sparagraph"}],"paramschildren":[{"borderRadiuslineHeight":{"all24px":0,"btlletterSpacing":0,"bbltext":0"Color system","btrfontWeight":0700,"bbrfontFamily":0"Montserrat, sans-serif","isIndividualCornersfontSize":false}22,"paddingcolor":0"#222222"}]}]}]},"gapchildren":20[],"verticalAlignmentid":"tophJzB38zzbg4X_KJgj9IjE"}},{"idname":"f3azZsRhhLppiEhlHNFs9text","name"params":{"value":[{"type":"columnparagraph","children":[{"nametype":"iconparagraph","paramschildren":[{"sizelineHeight":32"24px","colorletterSpacing":"#ffffff"0,"alignmenttext":"startColor distinguishes our brand and helps us create consistent experiences across products.","iconcolor":"palette#5d5f64","shapefontWeight":400,"circularfontSize":16,"backgroundfontFamily":"#91DDF5Open Sans, sans-serif"}]}]}]},"children":[],"id":"D--6Uh2O4NdB0BGcbMDzUhWSmCmp47Su5aFqWMbTyC"},{"name":"textbutton","params":{"valuelabel":[{"type"view more","size":"paragraphsmall","childrenshape":[{"type"circular","alignment":"paragraphstart","childrenstates":[{"lineHeightidle":{"24pxcolors","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":{"background":"#eeeeee","label":"#000000"}},"hover":{"colors":{"background":"#dddddd"}}},"icon":"angle-right","iconPosition":"right","link":{"value":"30736451","target":"_self","type":"page"}},"children":[{],"typeid":"paragraphegtikOErIsq3EMU56KKm2"}],"childrenparams":[{"lineHeightborderRadius":{"24pxall":0,"letterSpacingbtl":0,"textbbl":" 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"},{0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"ry-ZgNSfJfnUIz-Wl8hpQ","name":"buttoncolumn","paramschildren":[{"labelname":"view moreicon","sizeparams":{"smallsize":32,"shapecolor":"circular#ffffff","alignment":"start","statesicon":{"idle":{"colors":{"backgroundfile-lines","shape":"#eeeeeecircular","labelbackground":"#000000#8ad5f4"}},"hoverchildren":{[],"colorsid":"HfpTmxk31bxezVijzW2By"},{"backgroundname":"#ddddddtext"}}},"iconparams":{"angle-right","iconPositionvalue":[{"type":"rightparagraph","linkchildren":[{"valuetype":"30736451paragraph","targetchildren":[{"_self","type"lineHeight":"page24px"}},"childrenletterSpacing":[]0,"idtext":"egtikOErIsq3EMU56KKm2Typography"}],"paramsfontWeight":{700,"borderRadiusfontFamily":{"all":0Montserrat, sans-serif","btlfontSize":022,"bblcolor":0"#222222"}]}]}]},"btrchildren":0[],"bbrid":0,"isIndividualCorners7XWB5WFpqlG9OhnUih52I":false},{"paddingname":0,"gaptext":20,"verticalAlignmentparams":{"top"}},value":[{"idtype":"ry-ZgNSfJfnUIz-Wl8hpQparagraph","name"children":[{"type":"columnparagraph","children":[{"nametype":"iconparagraph","paramschildren":[{"size"fontSize":16,"lineHeight":32"24px","color":"#ffffff"#555","letterSpacing":0,"alignmenttext":"startTypography is our system of fonts. Each font conveys the appropriate sentiment to assist our users through each stage of their journey.","iconfontFamily":"file-lines","shapeOpen Sans, sans-serif"}]},{"type":"circularparagraph","backgroundchildren":[{"#8ad5f4fontSize"}:16,"childrenlineHeight":[]"24px","idcolor":"HfpTmxk31bxezVijzW2By#555"},{"nameletterSpacing":"text"0,"paramsfontFamily":{"value":[{"type"Open Sans, sans-serif","text":"paragraph","children":[}]},{"type":"paragraph","children":[{"fontSize":16,"lineHeight":"24px","color":"#555","letterSpacing":0,"fontFamily":"Open Sans, sans-serif","text":"Typography""}]}]}]}]},"fontWeightchildren":700[],"fontFamilyid":"rnjhWVk1zc6grH7uMwh7l"Montserrat, sans-serif},{"name":"button","fontSizeparams":{"label":22"view more","colorsize":"#222222"}]}]}]}small","childrenshape":[]"circular","idalignment":"7XWB5WFpqlG9OhnUih52Istart"},{"namestates":{"textidle","params":{"valuecolors":[{"typebackground":"paragraph#eeeeee","childrenlabel":[{"type#000000":}},"paragraphhover",:{"childrencolors":[{"typebackground":"paragraph#dddddd"}}},"childrenicon":[{"fontSizeangle-right":16,"lineHeighticonPosition":"24pxright","colorlink":{"#555value",:"letterSpacing30638154":0,"texttarget":"Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed._self","fontFamilytype":"Open Sans, sans-serifpage"}]}]}]}]},"children":[],"id":"rnjhWVk1zc6grH7uMwh7l"},{"name":"button"xClr_XOlUyReACVlV6JVn"}],"params":{"labelborderRadius":{"view moreall":0,"sizebtl":0,"smallbbl":0,"shapebtr":0,"circularbbr":0,"alignmentisIndividualCorners":false},"startpadding":0,"statesgap":{20,"idleverticalAlignment":{"colorstop":}},{"backgroundid":"#eeeeee6vv4Apm6b9QsCBPGzl_s8","labelname":"column"#000000"}},"children":[],"hoverparams":{"colorsborderRadius":{"backgroundall":0,"#dddddd"}}}btl":0,"iconbbl":0,"angle-rightbtr":0,"iconPositionbbr":0,"rightisIndividualCorners":false},"linkpadding":{0,"valuegap":"30638154"20,"targetverticalAlignment":"_selftop"}},{"typeid":"page_Hru67mEJwn6rlrNBRbR5"}},"childrenname":[],"idcolumn":,"xClr_XOlUyReACVlV6JVn"}children":[],"params":{"borderRadius":{"all":0,"btl":0,"bbl":0,"btr":0,"bbr":0,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"6vv4Apm6b9QsCBPGzl_s80vfiOJ6PIprDuCctjYxoD","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":{"borderRadiuslayout":{"all":0[1,1,1],"btlgap":060,"bblminHeight":0200,"btrpadding":010,"bbrborderRadius":0,"isIndividualCorners":false}},{"paddingid":0,"gapohVf1_PET6nIpoTvEk0LZ":20,"verticalAlignmentname":"toprow"}},"children":[{"id":"0vfiOJ6PIprDuCctjYxoDUOyulDPg3Bm23K_ftiXlK","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,"isIndividualCorners":false},"padding":0,"gap":20,"verticalAlignment":"top"}},{"id":"ohVf1_PET6nIpoTvEk0LZFfKb-IHDFbh-zBqRRidFS","name":"rowcolumn","children":[{"idname":"UOyulDPg3Bm23K_ftiXlKicon","nameparams":{"columnsize":32,"childrencolor":[],"params#ffffff":{,"borderRadiusalignment":{"allstart":0,"btlicon":0,"bblborder-none":0,"btrshape":0"circular","bbrbackground":0,"isIndividualCorners#91DDF5":false},"paddingchildren":0[],"gapid":20,"verticalAlignment"9kWwef_mkaY0uaBgPsrzk"},{"name":"toptext"}},{"idparams":{"FfKb-IHDFbh-zBqRRidFS","namevalue":[{"type":"columnparagraph","children":[{"nametype":"iconparagraph","paramschildren":[{"sizelineHeight":"24px","letterSpacing":320,"colortext":"#ffffffIconography","alignmentfontWeight":"start"700,"iconfontFamily":"borderMontserrat, sans-noneserif","shapefontSize":"circular"22,"backgroundcolor":"#91DDF5#222222"}]}]}]},"children":[],"id":"9kWwefkt_Lylr65FHgbWX_mkaY0uaBgPsrzkLuD4C"},{"name":"text","params":{"value":[{"type":"paragraph","children":[{"type":"paragraph","children":[{"lineHeight":"24px","letterSpacing":0,"text":"IconographyIcons are visual representations of commands, devices, directories, or common actions.","fontWeightcolor":700"#5d5f64","fontFamilyfontWeight":"Montserrat, sans-serif"400,"fontSize":2216,"colorfontFamily":"#222222Open Sans, sans-serif"}]}]}]},"children":[],"id":"kt_Lylr65FHgbWX_LuD4CAe2l6C1jXIM7HGpmAZBSX"},{"name":"textbutton","params":{"valuelabel":[{"type":"paragraph""view more","childrensize":[{"typesmall":"paragraph","childrenshape":[{"lineHeightcircular":"24px","letterSpacingalignment":0,"text":"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor"start","colorstates":{"#5d5f64idle",:{"fontWeightcolors":400,{"fontSizebackground":16"#eeeeee","fontFamilylabel":"Open Sans, sans-serif#000000"}]}]}]},"childrenhover":[],{"idcolors":"Ae2l6C1jXIM7HGpmAZBSX"},{"namebackground":"button#dddddd"}}},"paramsicon":{"label":"view more"angle-right","sizeiconPosition":"smallright"},"shapechildren":"circular"[],"alignmentid":"startJvUcBI94HBPeD8DyaOCvC"}],"statesparams":{"idleborderRadius":{"colorsall":{0,"backgroundbtl":0,"#eeeeeebbl":0,"labelbtr":0,"bbr":0,"#000000isIndividualCorners"}:false},"hoverpadding":{0,"colorsgap":{20,"backgroundverticalAlignment":"#ddddddtop"}}},{"iconid":"angle-rightq1b0j0swzJjExxPRNrYZe","iconPositionname":"rightcolumn"},"children":[],{"idname":"JvUcBI94HBPeD8DyaOCvCicon"}],"params":{"borderRadiussize":{32,"allcolor":0"#ffffff","btlalignment":0"start","bblicon":0"table-list","btrshape":0"circular","bbrbackground":0,"isIndividualCorners#91DDF5":false},"paddingchildren":0[],"gapid":20,"verticalAlignment"LBqmUA4OdICF5-61ETk6-"},{"name":"toptext"}},{"idparams":{"q1b0j0swzJjExxPRNrYZevalue",:[{"nametype":"columnparagraph","children":[{"nametype":"iconparagraph","paramschildren":[{"size"lineHeight":"24px","letterSpacing":320,"colortext":"#ffffffLayout","alignmentfontWeight":"start"700,"iconfontFamily":"tableMontserrat, sans-listserif","shapefontSize":"circular"22,"backgroundcolor":"#91DDF5#222222"}]}]}]},"children":[],"id":"LBqmUA4OdICF5-61ETk6VR2V9K3fzRVdF7q-0mvfp"},{"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":[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,"text":"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor","color":"#5d5f64","fontWeight":400,"fontSize":16,"fontFamily":"Open Sans, sans-serif","text":""}]}]}]},"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"}]}