Claudia RomanoinCodyHouseCreate your design system, part 5: IconsIn this article, we’ll take a look at how to include icons in your design system, with some additional CSS techniques to customize them…4 min read·Sep 5, 2018--1--1
Claudia RomanoinNucleoCreate 2-state, SVG-powered animated iconsWe just released the Icon Transition Generator, an online tool that generates SVG-powered icon transitions. The tool accepts two SVG icons…4 min read·Aug 21, 2018--2--2
Claudia RomanoinCodyHouseLine-height Crop — a simple CSS formula to remove top space from your textIt’s a natural behavior of text elements to include some space on top (and bottom) of the element itself based on its line-height value. In…5 min read·Aug 6, 2018--8--8
Claudia RomanoinCodyHouseCreate your design system, part 2: Grid & LayoutChoosing how to handle layouts and content positioning is probably one of the first decision you’re going to make when building a design…9 min read·Jul 25, 2018--5--5
Claudia RomanoinNucleoThe guide to integrating and styling icon systems — inline SVG and icon componentsThere are different options when it comes to integrating icons in a design system. Each option has its pros and cons. Although there’s no…11 min read·Jun 28, 2018--3--3
Claudia RomanoinCodyHouseThe making of the new CodyHouse websiteAfter almost a year of silence, here we are back on track with CodyHouse!6 min read·Mar 20, 2018--7--7
Claudia RomanoinNucleoCustom Checkbox and Radio Buttons using NucleoAbout a week ago, we released two new Nucleo categories: interactive icons and animated loops!2 min read·Nov 15, 2017----