We use cookies, including cookies from third parties, to enhance your user experience and the effectiveness of our marketing activities. These cookies are performance, analytics and advertising cookies, please see our Privacy and Cookie policy for further information. If you agree to all of our cookies select “Accept all” or select “Cookie Settings” to see which cookies we use and choose which ones you would like to accept.
GP1 UI Design Guidelines
GP1 Component UI Guideline
ST (Static Components)

Hero Image

Block Image - Text Overlay
✔ Font size error

Tab Anchor

Image CTA Overlay
✔ Button color error

Title

Category Selector
✔ Mobile UI error

Block Image

Text

Slide Image
✔ Image Container error

Compare Image
✔ Font size , Option error

Large Image

Table

Side Image
✔ Image, Mobile UI error

Large Image - Large or 2 Small Image

Image - Layered Text
✔ BG Color(None) error

Centered Image Block

Image - Text (folding features)

Gallery - 10Pickers

Product Spec Info
✔ Eyebrow font-size error

PDP Support

Link Icon

Step Up Chart

Coupon Code
☑ TBD

Key Benefit Summary

Emergency Notice

Event Banner
☑ TBD

Key Benefit Summary
✔ Style Option Tab error

Event Map

Article List

Business Showroom
✔ CTA Option error

B2B Air Solution Resource

Feature Icon Tab

Vertical Selector

Back to list button

Interactive Gallery Image
✔ UI error

Scroll Image
✔ UI error

Link Icon - Text - Tab

Block Content

PLP Stock List

Article Title

Promotion NotifyMe

Product Finder Link

Carousel

Award

Carousel Block Image
☑ TBD

Code Component

Attached Multimedia
☑ TBD

Product Category
✔ Tabmenu setting error
PD (Product Components)

Product List

PDP Gallery

Selective Offering

Product Service and Support

Attached Multimedia
☑ TBD

Product Category
✔ Tabmenu setting error
PN (Personalization Components)

Personalization Popup

Personalization Banner



