Theme Style Guide & UI Kit
Copy-paste utility component guide.
1. Theme Color Palette
Primary Theme Color
.pmp-bg-primary
Secondary Theme Color
.pmp-bg-secondary
Dark Neutral (Text)
.pmp-bg-dark
Light Neutral (Borders)
.pmp-bg-light
2. Typography & Headings
Heading 1 Element
.pmp-h1
Heading 2 Element
.pmp-h2
Heading 3 Element
.pmp-h3
Standard body paragraph text layout style guide framework.
.pmp-body-text
Anchor Hyperlink
.pmp-link
Small metadata text descriptions or captions.
.pmp-text-small
3. Button Priority Hierarchy
Primary (Main Action)
.pmp-btn-primary
.pmp-btn-primary.pmp-is-hover
Secondary (Supportive)
.pmp-btn-secondary
.pmp-btn-secondary.pmp-is-hover
Tertiary (Subtle/Ghost)
.pmp-btn-tertiary
.pmp-btn-tertiary.pmp-is-hover