Skip over navigation

A Single Place for Your OroCommerce
Design Elements

Create powerful user experiences quickly with a UI kit made specifically for your OroCommerce. Share, collaborate, prototype, and get your designs out faster.
orocommerce + sketch UI kit
Get started easily with orocommerce ui kit
Get started easily
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.

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.

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.

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 with ui kit
Flexible design elements
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.

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.

UI elements

All OroCommerce elements are at your fingertips, making it easy to manage your designs. Customize backgrounds, buttons, input fields, and more to match your brand.

Typography

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

Help teams reach goals with orocommerce styleguide
Help teams reach goals
Help teams reach goals

Make life easier for designers, marketing teams and front-end developers. Keep all elements in one place and avoid searching, back-and-forth, and misplacing crucial design components.

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.

Marketing teams

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

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.

collaborate orocommerce ui kit
Prototype and collaborate
Prototype and collaborate

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

Color and text styles

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

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.

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.

Back to top

You will be redirected to [title]. Would you like to continue?

Yes No