Components

I speed up my workflow by giving a way to save and reuse common elements across my designs. When I make changes to a Symbol, those changes appear everywhere I use it in my designs.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

My libraries always have a correct naming convention and I can make even the most complex statistical data work as components. We declared fonts and layer styles. Let's look at components and patterns. Pixel precision is my biggest passion and I always make sure everyone can follow the logic of my specs.

Buttons

Here you see a floating button with text label (optional icon). But you can dig deeper into behavior, states or placements.

Progress Bar

I build editable components. Here I can change the progress by typing a value to the side menu.

Cards

I build nested components. Here I can change the number of label and description and edit all other elements responsively.