VTEX Styleguide
VTEX Styleguide is our Design System, the home for all our reusable patterns, components and assets related to product design in VTEX. It's a common language of tools and processes to facilitate how we collaborate and share knowledge across teams and projects.
рдЕрд╡рд▓реЛрдХрди
VTEX Styleguide рдХреНрдпрд╛ рд╣реИ?
рд╡реАрдЯреАрдИрдПрдХреНрд╕ рд╕реНрдЯрд╛рдЗрд▓рдЧрд╛рдЗрдб рд╡реАрдЯреАрдИрдПрдХреНрд╕ рдИ-рдХреЙрдорд░реНрд╕ рдкреНрд▓реЗрдЯрдлрд╛рд░реНрдореЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рдбрд┐рдЬрд╝рд╛рдЗрди рд╕рд┐рд╕реНрдЯрдо рдФрд░ рдШрдЯрдХ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рд╣реИ, рдЬреЛ рдпреВрдЖрдИ рд╕реНрдерд┐рд░рддрд╛ рдФрд░ рд╕реБрд╡реНрдпрд╡рд╕реНрдерд┐рдд рд╡рд┐рдХрд╛рд╕ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрд▓рд░реНрдЯ, рдмрдЯрди, рдХрд╛рд░реНрдб рдФрд░ рдЕрдзрд┐рдХ рдЬреИрд╕реЗ рдкреБрди: рдкреНрд░рдпреЛрдЬреНрдп рд░рд┐рдПрдХреНрдЯ рдШрдЯрдХ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред
VTEX Styleguide рдХрд┐рд╕ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ?
рдЯреИрдЧ
рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕рдореВрд╣

рд╢реАрд░реНрд╖ рд╕реБрд╡рд┐рдзрд╛рдПрдВ
- рдкреБрди: рдкреНрд░рдпреЛрдЬреНрдп рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдШрдЯрдХ
- рд╕реАрдПрд╕рдПрд╕ рдлреНрд░реЗрдорд╡рд░реНрдХ рдПрдХреАрдХрд░рдг
- рдЕрднрд┐рдЧрдореНрдпрддрд╛ рд╕рдВрдмрдВрдзреА рд╡рд┐рдЪрд╛рд░
- рдШрдЯрдХ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг
VTEX Styleguide рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд░реЗрдВ?
рдПрдирдкреАрдПрдо рдпрд╛ рдпрд╛рд░реНрди рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░реЗрдВ, '@vtex/styleguide' рд╕реЗ рдЕрд▓рд░реНрдЯ рдпрд╛ рдмрдЯрди рдЬреИрд╕реЗ рдШрдЯрдХреЛрдВ рдХреЛ рдЖрдпрд╛рдд рдХрд░реЗрдВ, рдФрд░ рдкреВрд░реНрд╡рдирд┐рд░реНрдзрд╛рд░рд┐рдд рд╢реИрд▓рд┐рдпреЛрдВ рдФрд░ рд╡реНрдпрд╡рд╣рд╛рд░реЛрдВ рдХреЗ рд╕рд╛рде рдЗрдВрдЯрд░рдлреЗрд╕ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд░рд┐рдПрдХреНрдЯ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ рдЙрдирдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред
рд╡реИрдХрд▓реНрдкрд┐рдХ рдЯреВрд▓
рдлрд╛рдпрджреЗ & рдиреБрдХрд╕рд╛рди
рдлрд╛рдпрджреЗ
- рдпреВрдЖрдИ рд╕реНрдерд┐рд░рддрд╛ рдХреЛ рдмрдврд╝рд╛рд╡рд╛ рджреЗрддрд╛ рд╣реИ
- рд╡рд┐рдХрд╛рд╕ рдХрд╛ рд╕рдордп рдмрдЪрд╛рддрд╛ рд╣реИ
- VTEX рдкрд╛рд░рд┐рд╕реНрдерд┐рддрд┐рдХреА рддрдВрддреНрд░ рдХреЗ рд▓рд┐рдП рдирд┐рд░реНрдорд┐рдд
- рдУрдкрди-рд╕реЛрд░реНрд╕ рдФрд░ рдореБрдлрд╝реНрдд
рдиреБрдХрд╕рд╛рди
- рдирд┐рд░реНрдорд╛рдгрд╛рдзреАрди, рдЯреВрдЯ рд╕рдХрддрд╛ рд╣реИ
- рд╡реАрдЯреАрдИрдПрдХреНрд╕ рдкреНрд▓реЗрдЯрдлреЙрд░реНрдо рддрдХ рд╕реАрдорд┐рдд
- рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдЬреНрдЮрд╛рди рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ
рдЙрдкрдпреЛрдЧ рдХреЗ рдорд╛рдорд▓реЗ
- VTEX рдХреЗ рд▓рд┐рдП рд╡реНрдпрд╡рд╕реНрдерд╛рдкрдХ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рдХрд╛ рдирд┐рд░реНрдорд╛рдг
- рдИ-рдХреЙрдорд░реНрд╕ рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдХрд╛ рд╡рд┐рдХрд╛рд╕ рдХрд░рдирд╛
- рд╕реБрд╕рдВрдЧрдд рдбрд┐рдЬрд╝рд╛рдЗрди рд╕рд┐рд╕реНрдЯрдо рдмрдирд╛рдирд╛
VTEX Styleguide рдореВрд▓реНрдп
рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕рдореАрдХреНрд╖рд╛рдПрдВ
рдЕрднреА рддрдХ рдХреЛрдИ рд╕рдореАрдХреНрд╖рд╛ рдирд╣реАрдВ
рдЗрд╕ рдЯреВрд▓ рдХреА рдкрд╣рд▓реА рд╕рдореАрдХреНрд╖рд╛ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдмрдиреЗрдВ!