GuideforBuildingaCampaigninFigma
Let'sGetStarted:
Ifyoudon'thaveaFigma.comaccountpleasecreateone.Itisfreetouseasapersonalaccount!
OpentheFigmafilelinkedontheKeenaAcceleratorpage
Thefilewillduplicateforyourownuse. Thiswillbeyourowntooltouseanddevelop. WerecommendwatchingsomeFigmaforbeginnerstutorialsifyouareunfamiliar!
KeenaBrandingGuidelines.Youdon'tneedtouseourfontsorcolorsbuttheyareavailableifyouwouldliketousethem. Stickers!Greattouseifyouwanttocallanythingout.
SimpleBlocks
Youcanuseoursimpleblocksontheirownormixandmatch
DevelopedBlocks.Wehavedevelopedsomeblocksyoucanusetoshareyourinitiative.Youmayalsoadjust,swapor excludeportions.
Step1:PickandCopyaTemplate:
PICKA TEMPLATE
Doyouhavealargeinitiativeorlaunch? Alonger,largertemplatemightbemoreeffective. AreyouprovidingaPDF1-2pagerordigitalminicatalog? Ashorter,simpletemplateblockmightmakesenseandthecall toaction(ie button)canleadthebuyertothedocumenttoexploremore
Doyouhaveasimpleinitiativeorlaunch? Asimpleblockmightbethebestchoice!
Selecttheframeatthetopleftcornerandcopyit(Command+C onMacorCtrl+ConPCorEdit>Copy).
Pasteonanopenspaceornewartboard Youcanfindthe"workingartboard"ontheleft-handsideofFigmaunder"Pages" RenametheFramewiththeDateandInitiative
Step2:BringinYourBrandingandCreativeAssets
ADDYOURLOGO
DraginyourLogo(PNGfileorJPG) undertheKeenalogoandreplace"YourLogoHere".
Youmaydelete"YourLogoHere" Resizelogosoitfits
2.ADDYOURIMAGES
a.ClickintotheimageuntilthesidetoolbarunderFillshows"Image". Youmayhavetodouble-clickontheimageafewtimesas someoftheseblocksaregroupedtogether
b.ClickontheImageintheFillsectionofthetoolbar-itwillopenawindowtodropinyourimage. Youmayhavetoresizeand crop Alltheseoptionsareavailableinthesamewindowasdropdownoptions
The"Image"sectionin"Fill"willbecomeactive andyoucanclickonthelittlecheckerboard imageinthetoolbartoactivatethepopuptool
Clickon"ChooseImage"inthepopupto uploadordraganddropontheprompt.
3.ADDYOURCOPY
a Allcopyisplaceholdershouldbechanged Clickonthecopytoadjust
b. YoumayalsouseyourbrandtypefacesoruseKeena's.YoucanswapoutthetypefaceIntheright-handtoolbarafteryou clickintothetext.
c IfyouneedmoreorlessspaceyouadjustthelengthoftheframebyclickingontheframeInthetopleftandadjustingfrom thebottomandrepositioningelements.Pleasekeepwidthat700px.
d. Updateanybuttonswiththecorrectcalltoaction.
4.ADJUSTTEMPLATECOLORS
a.AllcolorsarebasedonKeena'sbrandcolorsbutyoumayuseyourownbrandcolors.
b.Simplyclickontheblockyouwanttorecolor(youmayhavetodouble-clickintotheelementafewtimesiftheyare grouped)andadjustinthetoolbarunder"SelectionColors"
c.IfyouwanttousetheKeenaColorstheyaresavedInthecolorthemesoryoucanpullthecolorsfromthestylesheetIn theartboardwithadropper
SelectionColorsintheright handtoolbarbecomes activewhenyouclickInto theelementyouwantto recolor
Feelfreetoaddyourown brandcolorsbyclickingon the+andthiswillsavethem foryoutouseanytime!
5. ADDSTICKERS
a Theyarenotnecessarybutgreattouseifyouwanttocallattentiontoanything
b.However,werecommendmoderationwhenusingstickerssincetheycanendupbeingchaoticanddistractingfromthe mainintentionifoverused.
b PleaseCOPYthestickeryouwanttouseandpasteitintoyourdesignsothestickerstaysonthestickersheetforother uses.
6. SHARE&DOWNLOADFILE
a Whensubmittingpleasesharethelinktotheartboardbyclickingthe"Share"buttononthetoprightandcopythelinkfor sharing.
b.Downloadtheframebyclickingonthefullframeinthetopleftcornerandgototheright-handtoolbar,scrollalltheway downto"Export"andexportasaJPGata15xresolution
7. SUBMITASSET
a.SubmitthroughtheformontheVendorAcceleratorpage.
b.AftersharinganemailwillbesenttoJackieandshewillreachoutiffurtherinformationisneeded.
c.YourgraphicwillthenbeamplifiedtoourMailchimpaudienceinthenext15businessdays(percalendaravailability).