Storypanda Books

Зачем столько папок OpenSans? //--- // //В реквесте RTB-29062 был обновлен шрифт OpenSans, добавлено начертание latin-ext //Все новые шрифты лежат в папке OpenSans/ стили в open-sans.less //--- // //Старые папки OpenSansBold, OpenSansRegular ... нужны т.к. старые файлы импорта svg содержат прямые ссылки на эти файлы / open-sans-300 - latin_cyrillic_latin-ext / @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-300.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-300.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / open-sans-regular - latin_cyrillic_latin-ext / @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-regular.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-regular.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / open-sans-italic - latin_cyrillic_latin-ext / @font-face { font-family: 'OpenSans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-italic.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-italic.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / open-sans-600 - latin_cyrillic_latin-ext / @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-600.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-600.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / open-sans-700 - latin_cyrillic_latin-ext / @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-700.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-700.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / open-sans-700italic - latin_cyrillic_latin-ext / @font-face { font-family: 'OpenSans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-700italic.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-700italic.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / open-sans-800 - latin_cyrillic_latin-ext / @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-800.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/OpenSans/open-sans-v15-latin_cyrillic_latin-ext-800.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / }]]><![CDATA[ data-preserve-html-node="true"/ noto-sans-regular - latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari / @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url("https://miro.com/app/static/static/fonts/general/NotoSans/NotoSans/noto-sans-v7-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari-regular.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/NotoSans/NotoSans/noto-sans-v7-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari-regular.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / noto-sans-italic - latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari / @font-face { font-family: 'Noto Sans'; font-style: italic; font-weight: 400; src: local('Noto Sans Italic'), local('NotoSans-Italic'), url("https://miro.com/app/static/static/fonts/general/NotoSans/NotoSans/noto-sans-v7-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari-italic.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/NotoSans/NotoSans/noto-sans-v7-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari-italic.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / noto-sans-700 - latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari / @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; src: local('Noto Sans Bold'), local('NotoSans-Bold'), url("https://miro.com/app/static/static/fonts/general/NotoSans/NotoSans/noto-sans-v7-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari-700.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/NotoSans/NotoSans/noto-sans-v7-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari-700.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / } / noto-sans-700italic - latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari / @font-face { font-family: 'Noto Sans'; font-style: italic; font-weight: 700; src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url("https://miro.com/app/static/static/fonts/general/NotoSans/NotoSans/noto-sans-v7-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari-700italic.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/NotoSans/NotoSans/noto-sans-v7-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese_devanagari-700italic.woff") format('woff'); / Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ / }/ Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess / @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 400; src: local('Noto Sans Japanese Regular'), local('Noto Sans Japanese-Regular'), url("https://miro.com/app/static/static/fonts/general/NotoSans/Japanese/NotoSansJP-Regular.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/NotoSans/Japanese/NotoSansJP-Regular.woff") format('woff'); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 700; src: local('Noto Sans Japanese Bold'), local('Noto Sans Japanese-Bold'), url("https://miro.com/app/static/static/fonts/general/NotoSans/Japanese/NotoSansJP-Bold.woff2") format('woff2'), url("https://miro.com/app/static/static/fonts/general/NotoSans/Japanese/NotoSansJP-Bold.woff") format('woff'); }]]> FJGJFKGJFGKGJKF10STARTERQUESTIONSBASIC QUESTIONS TO HELP US UNDERSTAND YOUR BUSINESS WHAT IS IT?1Why did you start your business?3Who’s your target audience?4What are the 5 key goals over the next year/five years?5What are your biggest fears in achieving these goals?WHY IS IT USEFUL?6Who are your competitors7What is the point of difference wemust communicate?8What are your customers’ tangible benefits?910What is the point of difference wemust communicate?How does your product/service make your customers feel?Answers on a post-​itfactsopinionsassumptions factsopinionsassumptionsEach post-​it note should contain only one idea.Use color coding.More handy tips:factsopinionsassumptionsfactsopinionsassumptionsfactsopinionsassumptionsfactsopinionsassumptionsfactsopinionsassumptionsfactsopinionsassumptionsfactsopinionsassumptionsfactsopinionsassumptionsInformation mapping areaWhat is the root node we are solving for?????????2What makes your brand different?factsopinionsassumptions#1 #2 VALUEPROPOSITIONCANVASAN EXERCISE TO POSITION YOUR PRODUCT AND SERVICE AROUND WHAT YOUR CUSTOMER ACTUALLY VALUES AND NEEDSWHAT IS IT?The Value Proposition Canvas is a tool which can help ensure that a product or service is positioned around what the customer values and needs. ... It is a detailed look at the relationship between two parts of the Osterwalder's broader Business Model Canvas; customer segments and value propositions.WHY IS IT USEFUL?REFERENCES / HINTS / TIPS Great questions springboard great conversations with clients. These are some that have worked well for us in the past. Feel free to edit.The deeper and richer this conversation is, the more powerfully immerse ourselves into shaping the raw ingredients of the brand. REFERENCES / HINTS / TIPSfrictionlessouchhappinessGAINSPAINSJOBS TO BE DONEPAIN RELIEVERSGAIN CREATORSOUR CUSTOMEROUR SOLUTIONfrictioninnefficiencyhelpseasygreat onboardingsimplicityeleganceefficiencywowGotta do thisGotta do thatDoes thisDoes that#3KEY ELEMENTS OF A BRANDA FRAMEWORK FOR DISTILLING THE BASIC BUILDING BLOCKS OF YOUR BRAND STRATEGYWHAT IS IT?We have adapted Marty Neumeier's communication framework as a way to focus and cluster our brand discovery into its core drivers.When focus is paired with differentiation, supported by trends you have the basic building blocks of a brand strategy.WHY IS IT USEFUL?REFERENCES / HINTS / TIPS IResearch Design LanguagesI'm a unicornRemote WorkBeing magicalbeing cuteRemember.The message is the medium. Think about where you'll find your target audience. Each channels has its own unique content and engagement.#4BRANDMAPPINGENSURE YOU ARE CARVING OUT UNIQUE SPACE IN THE MARKETWHAT IS IT?Brand mapping is an effective tool to surface market insights, identify clear market differentiation and ensure alignment of business and brand strategies.WHY IS IT USEFUL?REFERENCES / HINTS / TIPS BRAND ATTRIBUTE 1BRAND ATTRIBUTE 2 BRAND ATTRIBUTE 3BRAND ATTRIBUTE 4 WE WANT TO BE HEREx #5THE GOLDENCIRCLEIDENTIFY YOUR PURPOSE, HOW YOU DO IT AND WHAT YOUR OFFER ISWHAT IS IT?People are inspired by a sense of purpose or "Why", and that's the reason "Why" should come first when communicating, before "How" and "What". This triad is called the golden circle. "Why" represents people's motives or purposes, "How" represents people's processes or methods, "What" represents results or outcomes.WHY IS IT USEFUL?REFERENCES / HINTS / TIPS #6ONLINESSSTATEMENTWHAT IS THE ONE THING THAT ONLY YOU CAN SAY ABOUT YOUR BRAND?WHAT IS IT?The Onliness Statement by Marty Neumeier from his brand strategy book, 'Zag’ is an incredibly powerful exercise that forces us to think deeply about how to construct a truly unique positioning statement for brands.WHY IS IT USEFUL?REFERENCES / HINTS / TIPS #7TRUELINE&TAGLINEDISTILLING YOUR BRAND INTO ONE CLEAR IDEA +A TAGLINE THAT HOOKS YOUR TARGET AUDIENCEWHAT IS IT?The Trueline refines the Onliness Statement down to its most pointed essence. An internal north star and guiding vision.The goal of the Tagline is to take this vision and transforms it into a powerful and irresistable hook for customers.WHY IS IT USEFUL?REFERENCES / HINTS / TIPS Type here...Type something....Go on, don't be shy.... say it loud and proud! Type here...Just do it...#8BRANDPYRAMIDSTRONG ARCHITECTURE IS CRITICAL TO BUILDING POWERFUL BRAND SYSTEMSWHAT IS IT?A brand pyramid is a framework that answers most of the fundamental questions in a diagram that can be easily shared and communicated across an organization.The Brand Pyramid is the blueprint of your brand. It should be a synthesis of all the previous exercises, including the questionnaire.WHY IS IT USEFUL?REFERENCES / HINTS / TIPS Your trueline...PRODUCTS & SERVICES HOW DOES IT HELP YOU?CREATE POWERFUL BRANDS AT SPEEDFind what makes your business unique & turn it into an impactful digital brand, fastCreate a strategy, design and growth system for your brand to communicate clearly and consistently with everyoneGain agency over your brand, internally and externallyGet real customer feedback at every step of the way so you can grow with focusundefined.undefined.undefined.undefined.WHAT'S OUR SOLUTION?CREATE POWERFUL BRANDS AT SPEEDIn today’s digital wilderness, survival requires speed.Brand Sprint is an agile toolkit made up of quick iterative modules, curated from industry leading practices and frameworks.By combining user experience, brand strategy and growth design our goal is to encourage a more holistic mindset towards branding.We're excited to share our Miro board in the hopes that it helps others come together to launch great brands, into the wild.STRATEGYDESIGNGROWTHA LONG UNCERTAIN JOURNEYSLOOOOOOOOOOOOWTHE BIG REVEAL SUCKSTHE PROBLEM WITH TRADITIONAL BRANDING🧠THERE ARE 8 STRATEGIC EXERCISES.THE PROCESS IS TIME AGNOSTIC.TRY TO GET THROUGH EACH EXERCISE QUICKLY THEN REPEAT UNTIL HAPPY.GOOD DESIGN = ITERATION.THE JOURNEY BEGINS12COMING SHORTLY3 IIIArchitectureREMEMBER. WITH GREAT POWER COMES GREAT RESPONSIBILITYIIPositioningStartHere COMING SHORTLYWE WOULD LOVE YOUR FEEDBACKCREATE POWERFUL BRANDS AT SPEEDWe are always looking to improve our process and are excited to see how the Miro community helps us improve the process.Please leave any feedback or comments. Thank you! 98126.83365063248 -1519.962974969887 26575.749471210347 14294.846492912751