Marvel StyleGuide
As┬аhttp://www.marvelapp.com/┬аcontinues to grow, both as a product and a company, one challenge we are faced with is learning how to refine the Marvel brand identity and apply it cohesively to each of our products. We created this styleguide to act as a central location where we house a live inventory of UI components, brand guidelines, brand assets, code snippets, developer guidelines and more. Anyone working on the Marvel product is encouraged to stay familiar with this styleguide and help ensure that it is kept up-to-date.
рдЕрд╡рд▓реЛрдХрди
Marvel StyleGuide рдХреНрдпрд╛ рд╣реИ?
рдорд╛рд░реНрд╡рд▓ рд╕реНрдЯрд╛рдЗрд▓рдЧрд╛рдЗрдб рдПрдХ рдХреЗрдВрджреНрд░реАрдХреГрдд рдордВрдЪ рд╣реИ рдЬреЛ рдорд╛рд░реНрд╡рд▓ рдЙрддреНрдкрд╛рджреЛрдВ рдХреЗ рд▓рд┐рдП рдпреВрдЖрдИ рдШрдЯрдХреЛрдВ, рдмреНрд░рд╛рдВрдб рджрд┐рд╢рд╛рдирд┐рд░реНрджреЗрд╢реЛрдВ, рдмреНрд░рд╛рдВрдб рд╕рдВрдкрддреНрддрд┐рдпреЛрдВ, рдХреЛрдб рд╕реНрдирд┐рдкреЗрдЯ рдФрд░ рдбреЗрд╡рд▓рдкрд░ рджрд┐рд╢рд╛рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреА рдПрдХ рд▓рд╛рдЗрд╡ рд╕реВрдЪреА рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдЯреАрдореЛрдВ рдХреЛ рдбрд┐рдЬрд╛рдЗрди рдФрд░ рдмреНрд░рд╛рдВрдб рд╕реНрдерд┐рд░рддрд╛ рдмрдирд╛рдП рд░рдЦрдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓рддреА рд╣реИред
Marvel StyleGuide рдХрд┐рд╕ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ?
рдЯреИрдЧ
рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕рдореВрд╣

рд╢реАрд░реНрд╖ рд╕реБрд╡рд┐рдзрд╛рдПрдВ
- рд▓рд╛рдЗрд╡ рдпреВрдЖрдИ рдШрдЯрдХ рд╕реВрдЪреА
- рдмреНрд░рд╛рдВрдб рджрд┐рд╢рд╛рдирд┐рд░реНрджреЗрд╢ рдФрд░ рд╕рдВрдкрддреНрддрд┐
- рдХреЛрдб рд╕реНрдирд┐рдкреЗрдЯ рдФрд░ рдбреЗрд╡рд▓рдкрд░ рджрд┐рд╢рд╛рдирд┐рд░реНрджреЗрд╢
- рдХреЗрдВрджреНрд░реАрдХреГрдд рдбрд┐рдЬрд╛рдЗрди рдкреНрд░рдгрд╛рд▓реА рдкреНрд░рдмрдВрдзрди
Marvel StyleGuide рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд░реЗрдВ?
рдШрдЯрдХреЛрдВ рдХреЛ рдмреНрд░рд╛рдЙрдЬрд╝ рдХрд░рдиреЗ, рд╕рдВрдкрддреНрддрд┐рдпреЛрдВ рдХреЛ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдиреЗ рдФрд░ рдорд╛рд░реНрд╡рд▓ рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдореЗрдВ рдбрд┐рдЬрд╛рдЗрди рдФрд░ рд╡рд┐рдХрд╛рд╕ рд╡рд░реНрдХрдлрд╝реНрд▓реЛ рдХреЗ рд▓рд┐рдП рджрд┐рд╢рд╛рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХрд╛ рдкрд╛рд▓рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╡реЗрдм-рдЖрдзрд╛рд░рд┐рдд рдкреНрд▓реЗрдЯрдлрд╝реЙрд░реНрдо рддрдХ рдкрд╣реБрдВрдЪреЗрдВред
рд╡реИрдХрд▓реНрдкрд┐рдХ рдЯреВрд▓
рдлрд╛рдпрджреЗ & рдиреБрдХрд╕рд╛рди
рдлрд╛рдпрджреЗ
- рдбрд┐рдЬрд╝рд╛рдЗрди рдХреА рдПрдХрд░реВрдкрддрд╛ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рддрд╛ рд╣реИ
- рдбрд┐рдЬрд╝рд╛рдЗрдирд░реЛрдВ рдФрд░ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рдмреАрдЪ рд╕рд╣рдпреЛрдЧ рдХреЛ рд╕реБрд╡реНрдпрд╡рд╕реНрдерд┐рдд рдХрд░рддрд╛ рд╣реИ
- рдмреНрд░рд╛рдВрдб рд╕рдВрдкрддреНрддрд┐рдпреЛрдВ рдФрд░ рджрд┐рд╢рд╛рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЛ рдХреЗрдВрджреНрд░реАрдХреГрдд рдХрд░рддрд╛ рд╣реИ
рдиреБрдХрд╕рд╛рди
- рдорд╛рд░реНрд╡рд▓ рдЙрддреНрдкрд╛рджреЛрдВ рддрдХ рд╕реАрдорд┐рдд
- рдЧреИрд░-рдорд╛рд░реНрд╡рд▓ рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП рдЕрдиреБрдХреВрд▓рди рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛ рд╕рдХрддреА рд╣реИ
рдЙрдкрдпреЛрдЧ рдХреЗ рдорд╛рдорд▓реЗ
- рдорд╛рд░реНрд╡рд▓ рдЙрддреНрдкрд╛рдж рдЗрдВрдЯрд░рдлреЗрд╕ рдХреЛ рдбрд┐рдЬрд╛рдЗрди рдФрд░ рд╡рд┐рдХрд╕рд┐рдд рдХрд░рдирд╛
- рдЯреАрдореЛрдВ рдореЗрдВ рдмреНрд░рд╛рдВрдб рд╕реНрдерд┐рд░рддрд╛ рдмрдирд╛рдП рд░рдЦрдирд╛
- рдирдП рдЯреАрдо рдХреЗ рд╕рджрд╕реНрдпреЛрдВ рдХреЛ рдорд╛рд░реНрд╡рд▓ рдбрд┐рдЬрд╝рд╛рдЗрди рдорд╛рдирдХреЛрдВ рдкрд░ рд╢рд╛рдорд┐рд▓ рдХрд░рдирд╛
Marvel StyleGuide рдореВрд▓реНрдп
рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕рдореАрдХреНрд╖рд╛рдПрдВ
рдЕрднреА рддрдХ рдХреЛрдИ рд╕рдореАрдХреНрд╖рд╛ рдирд╣реАрдВ
рдЗрд╕ рдЯреВрд▓ рдХреА рдкрд╣рд▓реА рд╕рдореАрдХреНрд╖рд╛ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдмрдиреЗрдВ!