Foundations
The tokens and rules every component is built from: color, type, space, edges, depth, motion, and the principles behind them.
Hey! I am Mica Avigliano a Frontend, Design System and Accessibility Engineer. The purpose of this page is to showcase my personal and professional work along the years. Accessibility is the first rule of every component so I build everything having in mind the WCAG 2.2 AA, HTML native elements and JavaScript solutions. I also try to follow the best practices of design systems, such as tokens, components and patterns.
Tokens
Borders and corners
The corner radii and the border widths.
Breakpoints
The widths the layout changes at.
Color
The primitive colors and the semantic tokens built on them.
Layers
The z-index scale.
Motion
The durations.
Shadows
The offset shadows, with an editor to try one.
Spacing
The spacing scale.
Typography
The font families and the type scale.