width ≥ 992px
[Main layer] Caption font-size 12px
[Main layer] Attribution font-size 12px
[Main layer] Button font-size and format 12px UPPERCASE
[Main layer] Buttons size 32x32px
[Main layer] Attribution size -> max-height: 60px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + Label
[Main layer] Caption and Attribution padding 10 px
[Share layer] Button font-size 12px
[Share layer] Signature “Powered by SmartFrame” 12px
[Share layer] Icon size 50x50px
[Share layer] Share buttons format Icon + Label
[Deterrent later] Deterrent font-size 12px
[Deterrent layer] Signature “Powered by SmartFrame” 12px
[Deterrent layer] Company logo -> max-width: 140px, max-height: 30px
[Other]
1. Show text for Embed CTA button
2. Utility buttons size: Copy Code, Copy Link, Send, Embed this image buttons Width variable, 32px height
width = 993px
width = 992px
width < 992px
[Main layer] Caption font-size 11px
[Main layer] Attribution font-size 11px
[Main layer] Button font-size and format 11px UPPERCASE
[Main layer] Buttons size 32x32px
[Main layer] Attribution size -> max-height: 60px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + Label
[Main layer] Caption and Attribution padding 10 px
[Share layer] Button font-size 11px
[Share layer] Signature “Powered by SmartFrame” 11px
[Share layer] Icon size 30x30px
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 11px
[Deterrent layer] Signature “Powered by SmartFrame” 11px
[Deterrent layer] Company logo -> max-width: 140px, max-height: 30px
[Other]
1. Show text for Embed CTA button
2. Utility buttons size: Copy Code, Copy Link, Send, Embed this image buttons Width variable, 32px height
width = 991px
width = 769px
width = 768px
width < 768
[Main layer] Caption font-size 11px
[Main layer] Attribution font-size 11px
[Main layer] Button font-size and format 11px UPPERCASE
[Main layer] Buttons size 32x32px
[Main layer] Attribution size -> max-height: 50px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + Label
[Main layer] Caption and Attribution padding 10 px
[Share layer] Button font-size 11px
[Share layer] Signature “Powered by SmartFrame” 11px
[Share layer] Icon size 30x30px
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 11px
[Deterrent layer] Signature “Powered by SmartFrame” 11px
[Deterrent layer] Company logo -> max-width: 140px, max-height: 30px
[Other]
1. Show text for Embed CTA button
2. Utility buttons size: Copy Code, Copy Link, Send, Embed this image buttons Width variable, 32px height
width = 767px
width = 461px
width = 460px
width < 460
[Main layer] Caption font-size 11px
[Main layer] Attribution font-size 11px
[Main layer] Button font-size and format 11px UPPERCASE
[Main layer] Buttons size 32x32px
[Main layer] Attribution size -> max-height: 30px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + Label
[Main layer] Caption and Attribution padding 10 px
[Share layer] Button font-size 11px
[Share layer] Signature “Powered by SmartFrame” 11px
[Share layer] Icon size 30x30px
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 11px – Deterrent message takes 100% width of the SmartFrame
[Deterrent layer] Signature “Powered by SmartFrame” 11px
[Deterrent layer] Company logo -> max-width: 100px, max-height: 30px
[Other]
1. Show text for Embed CTA button
2. Utility buttons size: Copy Code, Copy Link, Send, Embed this image buttons Width variable, 32px height
width = 459px
width = 376px
width = 375px
width < 375
[Main layer] Caption font-size 11px
[Main layer] Attribution font-size 11px
[Main layer] Button font-size and format 11px UPPERCASE
[Main layer] Buttons size 32x32px
[Main layer] Attribution size -> max-height: 30px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + Label
[Main layer] Caption and Attribution padding 10 px
[Share layer] Button font-size 11px
[Share layer] Signature “Powered by SmartFrame” 11px
[Share layer] Icon size 30x30px
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 11px – Deterrent message takes 100% width of the SmartFrame
[Deterrent layer] Signature “Powered by SmartFrame” 11px
[Deterrent layer] Company logo -> max-width: 100px, max-height: 30px
[Other]
1. Show text for Embed CTA button
2. Utility buttons size: Copy Code, Copy Link, Send, Embed this image buttons Width variable, 32px height
3.On Share layer hide “Powered by SmartFrame” and all the other Share buttons when clicking/tapping on “Embed”, “Mail”, or “Link” options
4. On Main Layer after click on Embed button → hide text “Powered by SmartFrame”
width = 374px
width = 321px
width = 320px
width < 320
[Main layer] Caption font-size 9px
[Main layer] Attribution font-size 9px
[Main layer] Button font-size and format 9px UPPERCASE
[Main layer] Buttons size 26x26px
[Main layer] Attribution size -> max-height: 30px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon + Label
[Main layer] Caption and Attribution padding 10 px
[Share layer] Button font-size 9px
[Share layer] Signature “Powered by SmartFrame” 9px
[Share layer] Icon size 30x30px (no border around share icons)
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 9px – Deterrent message takes 100% width of the SmartFrame
[Deterrent layer] Signature “Powered by SmartFrame” 9px
[Deterrent layer] Company logo -> max-width: 100px, max-height: 30px
[Other]
1. Show text for Embed CTA button
2. Utility buttons size: Copy Code, Copy Link, Send, Embed this image buttons Width variable, 26px height
3.On Share layer hide “Powered by SmartFrame” and all the other Share buttons when clicking/tapping on “Embed”, “Mail”, or “Link” options
4. On Main Layer after click on Embed button → hide text “Powered by SmartFrame”
width = 319px
width = 291px
width = 290px
width < 290
[Main layer] Caption font-size 9px
[Main layer] Attribution font-size 9px
[Main layer] Button font-size and format 9px UPPERCASE
[Main layer] Buttons size 26x26px
[Main layer] Attribution size -> max-height: 30px
[Main layer] Main overlay buttons format (Share, Embed, Custom CTA buttons. Fullscreen is always icon only) Icon only
[Main layer] Caption and Attribution padding 10 px
[Share layer] Button font-size 9px
[Share layer] Signature “Powered by SmartFrame” 9px
[Share layer] Icon size 30x30px (no border around share icons)
[Share layer] Share buttons format Icon only
[Deterrent later] Deterrent font-size 9px – Deterrent message takes 100% width of the SmartFrame (Remove line breaks in the deterrent message)
[Deterrent layer] Signature “Powered by SmartFrame” 9px
[Deterrent layer] Company logo -> max-width: 100px, max-height: 30px
[Other]
1. Utility buttons size: Copy Code, Copy Link, Send, Embed this image buttons Width variable, 26px height
2.On Share layer hide “Powered by SmartFrame” and all the other Share buttons when clicking/tapping on “Embed”, “Mail”, or “Link” options
3. On Main Layer after click on Embed button → hide text “Powered by SmartFrame”
4. Hide “Share” text in the share button (displayed only icon)
5. Hide “Embed” text for CTA Embed button (display icon only)
6. Hide custom button text for CTA Custom Button (display icon only)
width = 289px
width = 254px
width = 253px
height = 141
height = 140
width < 253px or height < 140px
[Main layer] Caption font-size hidden
[Main layer] Attribution font-size hidden
[Main layer] Button font-size hidden
[Main layer] Buttons size Hidden
[Main layer] Buttons size Hidden
[Share layer] Button font-size hidden
[Share layer] Signature “Powered by SmartFrame” hidden
[Share layer ] Icon size Hidden
[Deterrent later] Deterrent font-size 9px
1. Deterrent message takes 100% width of the SF
2. Remove line breaks in the deterrent message.
3. Hide ‘Embed this image’ button on deterrent layer
[Deterrent layer] Signature “Powered by SmartFrame” 9px – Place at the end of deterrent message the “Powered by SmartFrame” label (with a line break)
[Deterrent layer] Company logo -> max-width: 70px, max-height: 25px
Enabled only:
– Hyper Zoom
– Deterrent message
– Out of focus
width = 252px and height > 140
height = 139px and width > 253
height = 139px, width = 208px
width < 240px
[Main layer] Caption font-size hidden
[Main layer] Attribution font-size hidden
[Main layer] Button font-size hidden
[Main layer] Buttons size Hidden
[Main layer] Buttons size Hidden
[Share layer] Button font-size hidden
[Share layer] Signature “Powered by SmartFrame” hidden
[Share layer ] Icon size Hidden
[Deterrent later] Deterrent font-size 9px
1. Deterrent message takes 100% width of the SF
2. Remove line breaks in the deterrent message.
3. Hide ‘Embed this image’ button on deterrent layer
[Deterrent layer] Signature “Powered by SmartFrame” 9px – Place at the end of deterrent message the “Powered by SmartFrame” label (with a line break)
[Deterrent layer] Company logo -> max-width: 70px, max-height: 25px
Enabled only:
– Hyper Zoom
– Deterrent message
– Out of focus
Ads :
– Don’t start any ad campaing
width = 239px