A Single Place for Your OroCommerce Design Elements

Get Started Easily

Whether you’re just getting into the design of your eCommerce site or want to improve your existing design workflow, we’ve got everything you need to create high-quality work.

1. Multiple components

   Utilize a library of OroCommerce’s own UI components that include interface elements, symbols, and correspond to desktop, tablet, and mobile screen resolutions.

2. Runs on Sketch

   OroCommerce’s UI kit runs on Sketch. It features an array of vector editing tools, grids, fonts, styles, and reusable components that make designing truly effortless.

3. Easy to navigate

   Keep your team on the same page with your designs. We’ve made the UI file easy to navigate with layers that correspond to all design elements (colors, typography), symbol usages, and pages.

Flexible Design Elements

Focus on creating designs instead of worrying about design elements. Start creating in no time with all the required design elements such as buttons, input fields, and more.

1. Colors

   Colors bring your brand life and help you create an experience that’s pleasurable and memorable. With a color palette that ties into interface elements, managing colors is easy.

2. UI elements

   All OroCommerce elements are at your fingertips, simplifying design management. Customize backgrounds, buttons, input fields, and more to match your brand.

3. Typography

   Communicate your content through the style, structure, and presentation that resonates with your audience. Use the Typography Settings to get your styles in line with your brand identity.

Help Teams Reach Goals

Help out your designers, marketing teams and front-end developers. Keep all elements in one place and avoid searching, back-and-forth, and misplacing crucial design components.

1. Design teams

   Designers and illustrators are able to better convey brand and product values by referencing existing styles, and content managers can maintain typography in line with the brand’s image.

2. Marketing teams

   Marketers can maintain consistency, and deliver the same high-quality message every time. Marketing teams save time, keep focused, and enable a culture of improvement.

3. Front-end developers

   Front-end developers can keep track of design issues and make changes while the design is still in progress. Coordinating development with design is easy with the right elements at hand.

Prototype and Collaborate

Save time during prototyping, designing, and get your creations out the door faster. Share and reuse your components between pages, designs, and teams.

1. Color and text styles

   Improve productivity and keep your designs consistent with styles that update all other elements using a particular style automatically.

2. Share your work

   Reuse components, share your styles, as well as collaborate on your designs using Sketch. You can even export your designs for use in other tools.

3. Grow and scale

   Don’t sacrifice quality as your workload increases. Work at scale effortlessly, regardless of the size of your team or the number of design projects.