I did the work so you don't have to
Working in rapid design enviroment, we are often required to release nothing more than MVP's. Sometimes we’re working within time constraints and often enough we just haven’t yet agreed upon a path forward. I created Flare for you to get ahead of the curve so you can spend more time on the intricate details.
Enhance your product design workflow
Flare UI Kit has been optimised and created so effectively that you can adapt the template for your own content. This will rapidly speed up your workflow and give your design style a clean and fresh approach to your next project. Thanks to your support I'll be working on an interactive prototype in Framer to take your design projects to the next level.
Adaptable design, coherent aethetics
Including typography, colour palettes & various UI elements, I invested a lot of time designing with great care. I painted all the elements with the same brush and strived for perfection.
Magentic colours
Sunglow
Dark tangerine
Spanish grey
Licorice
Interactive prototype built in Framer
4 interative screens
The Flare UI kit has been broken up into multiple screens maxmising the adaptability of the interactive prototype.
Optimised code
Framer uses Coffee Script. It's a simplified version of Javascript syntax. To simplify things further, all the code snippets I've left comprehensive comments to explain what the code components are doing.
Fully customisiable
The structure of the prototypes are very simple to understand. Tinker away, tear apart and put together however you want.
On the screen
15 beautifully crafted screens
Designed with simplicity in mind, Flare allows you to focus on content rather than intricate visual details, to ensure that you start on the right foot.
Optimised iOS iPhoneX
Backed up to the basics. Flare is driven by 3 core philosophies: deference, clarity and depth which is inspired by the core iOS design principles.
100% Vector based elements
Each element (apart from imported jpg's) is 100% vector, maximising the resolution of Flare. Adapt the design as you want without comprimising the original design.
Clean and well organised
Well architectured layers and folder structure. Built similar to HTML markup, making layers easily accesible for designers and developers.
Compatible with all versions of Sketch, Framer Studio
Two things: you should work in vector, and always work from scratch. There's no imports, purely handed crafted in the native tool.
Framer Studio prototype
Get ready to feel the design in action. I find Framer helpful to evaluate my design ideas in a fully-interactive environment. Built in Framer Studio NOT Framer X.