Additional Elements

Additional elements that are commonly used in projects. Whether you use these elements is completely optional.

Avatars

Avatars can be used to display user images, useful for Testimonials, Blog Authors, Team Members etc.

Class Name	Size (px)	Border Radius
Avatar X Small	24px	100%
Avatar Small	32px	100%
Avatar Regular	42px	100%
Avatar Large	52px	100%
Avatar X Large	64px	100%

Badges

Badges are used to highlight key information, indicate status, or categorize content.

Name	Text & Line Size	Padding Top & Bottom	Padding Right & Left
Badge Small	12px / 16px	4px	8px
Badge Regular	14px / 16px	4px	8px
Badge Large	16px / 24px	4px	10px

Images

The 'Image Cover' utility class is used to fill image wrapper while maintaining correct proportions.

Name	Width	Height	Fit
Image Cover	100%	100%	Cover