H1

H1 style

H2

H2 style

H3

H3 style

H4

H4
H5
Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

PrimaryPrimary
Tiny

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

This is some text inside of a div block.
PrimarySecondaryOutlinedOutlinedLink
PrimaryPrimarySecondaryOutlinedOutlinedLinkText Link
CARD XS

Card-xs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

CARD small

Card-sm

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Card

Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Card Large

Card-lg

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Grid 4, 3 & 2
Grid-4
Grid-4
Grid-4
Grid-4
Grid-3
Grid-3
Grid-3

Grid-2

Grid-2

Grid-2-left

Grid-2-left

Grid-2-right

Grid-2-right

Grid-2 + Grid-valign

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Flex sizes

flex-fluid

flex

flex-default

flex-small

flex-tiny

Margins
mr-0
mr-1
mr-2
mr-3
mr-4
mr-5
-
ml-0
ml-1
ml-2
ml-3
ml-4
ml-5
mt-0
mt-1
mt-2
mt-3
mt-4
mt-5
mb-0
mb-1
mb-2
mb-3
mb-4
mb-5
mv-1
mv-1
mv-2
mv-3
mv-4
mv-5
Paddings
pr-0
pr-1
pr-2
pr-3
pr-4
pr-5
-
pr-0
pr-1
pr-2
pr-3
pr-4
pr-5
-
pb-0
pb-1
pb-2
pb-3
pb-4
pb-5
Images & shadow
Images & shadow
Spaces
FORM
I want a better demo!
Tell us anything about yourself...
Thank for reaching out. We'll be in touch!
Oops! Something went wrong while submitting the form.

KatanaPIM

Discover PIMPricingIntegrationsTry KatanaPIMAboutTeamCareersContact

Solutions

industry

For retailerFor wholesalerFor brand

Increasing sales

Scaling upSelling abroadGrowing catalog

Replatforming

PIM migrationWebshop migrationComposable commerce

Optimizing operations

EfficiencyCentralizationCollaboration

Resources

Customer storiesBrochureBlogRelease notesDocumentation

Partners

Integration partnersService partnersPIM consultantsFind a partnerBecome a partner
KatanaPIM Reviews
KatanaPIM Reviews
© 2025 KatanaPIM
FAQsBrandportalSitemapPrivacy Policy