Design System | giacomorossi.dev

Tipography

7xl

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

6xl

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

5xl

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

4xl

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

3xl

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

2xl

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

xl

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

lg

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

base

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

link

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

sm

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

xs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Buttons

primary xs default

primary xs hover

primary xs focus

primary xs disabled

primary sm default

primary sm hover

primary sm focus

primary sm disabled

primary md default

primary md hover

primary md focus

primary md disabled

primary lg default

primary lg hover

primary lg focus

primary lg disabled

outline xs default

outline xs hover

outline xs focus

outline xs disabled

outline sm default

outline sm hover

outline sm focus

outline sm disabled

outline md default

outline md hover

outline md focus

outline md disabled

outline lg default

outline lg hover

outline lg focus

outline lg disabled

ghost xs default

ghost xs hover

ghost xs focus

ghost xs disabled

ghost sm default

ghost sm hover

ghost sm focus

ghost sm disabled

ghost md default

ghost md hover

ghost md focus

ghost md disabled

ghost lg default

ghost lg hover

ghost lg focus

ghost lg disabled

Buttons icon

primary iconXs default

primary iconXs hover

primary iconXs focus

primary iconXs disabled

primary iconSm default

primary iconSm hover

primary iconSm focus

primary iconSm disabled

primary iconMd default

primary iconMd hover

primary iconMd focus

primary iconMd disabled

primary iconLg default

primary iconLg hover

primary iconLg focus

primary iconLg disabled

outline iconXs default

outline iconXs hover

outline iconXs focus

outline iconXs disabled

outline iconSm default

outline iconSm hover

outline iconSm focus

outline iconSm disabled

outline iconMd default

outline iconMd hover

outline iconMd focus

outline iconMd disabled

outline iconLg default

outline iconLg hover

outline iconLg focus

outline iconLg disabled

ghost iconXs default

ghost iconXs hover

ghost iconXs focus

ghost iconXs disabled

ghost iconSm default

ghost iconSm hover

ghost iconSm focus

ghost iconSm disabled

ghost iconMd default

ghost iconMd hover

ghost iconMd focus

ghost iconMd disabled

ghost iconLg default

ghost iconLg hover

ghost iconLg focus

ghost iconLg disabled

Alerts

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

Card

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Utils

text-gradient

Lorem ipsum dolor sit amet, consectetur adipiscing elit donec suscipit risus vel enim.