A whole shopping journey
Discovery, product details, cart, checkout, accounts and support. 52 main layouts, across desktop and mobile.
independent design resources
A head start.
A point of view.
For the projects you want to put your name on.
Thoughtful UI kits, ready for your next good idea.
first edition: beauty commerce
the first editionno. 001 / serein ritual
serein ritual
a lot of possibility.
made for figmadesktop + mobile
good foundations. your signature.considered down to the component.designed to become something yours.
01 / the collection
A small collection.
A considered beginning.
One kit, thoughtfully made. More editions will join the shelf over time.
a closer look / edition 001
Beauty, with
the system behind it.
Meet Serein Ritual. A beauty commerce UI kit that brings your storefront, product stories and shopping journey into one connected Figma system.
warm neutrals, soft contrast, editorial type.actual kit preview
more than the first impression
The pretty part is
only the beginning.
The small details are where a storefront becomes an experience. Start with the patterns that keep it all connected.
a few things to knowBuilt around beauty
Shade selectors, ingredient highlights, skin concerns, routines and bundles. Details that belong to the category.
A connected foundation
Semantic color variables, shared typography and reusable components. Change the direction without starting over.
The in-between moments, too
23 original state scenarios at two widths, predefined prototype paths, handoff notes and six client-presentation frames.
a note from the studio
Your taste.
Your ideas.
A little less blank canvas.
Good tools should leave room for the person using them. These editions give you a considered place to begin, so you can spend more of your attention on the choices that make a project yours.
aviona / design editions
before you make it yours
A few good
questions.
What will I receive?
After purchase, Gumroad gives you an access guide with a link to the editable Figma file, customization guidance and your license. Sign in to Figma and duplicate the kit into your drafts.
Can I use it for client projects?
Yes. One purchase covers one designer using the kit for personal and client end products. You may deliver a customized design to a client. Reselling or redistributing the source kit, its components or a competing template is not permitted. Each additional designer needs a separate purchase.
Is this a working website?
This is an editable Figma design system and UI kit. It includes predefined prototype examples, not production code, live payments, backend services or arbitrary form-input logic.
Are the images and fonts included?
Six AI-generated demo photographs are embedded in the Figma file. The designs use DM Sans and Cormorant Garamond; font files are not bundled. Demo brands, reviews, products and policies are fictional and should be replaced for a real store.
Will there be more editions?
Yes, this collection starts with Serein Ritual and is designed to grow. New editions will be listed here as they become available. This purchase covers the current kit, not future products or a subscription.
your next project starts somewhere
Make it a good place.
get serein ritual / $40one kit. your next interpretation.