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.
Download UI Kit
A Single Place for Your OroCommerce Design Elements
Download UI Kit

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.

Back to top