BR [E] Embed

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 – Place at the end of deterrent message the “Powered by SmartFrame” label (with a line break)
[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