SoMe (Social Media) Safe zone matchbox

Hello

Just made a SoMe safe zone matchbox. Not 100% sure the zones are correct, would love to get some feedback on them. Use at your own discretion! (I am not responsible for any errors :slight_smile: )
Terje Boye

safezone.zip (2.9 KB)

Awesome!

Heya - I’ve been working on the same thing. The main reason for me is that there are now a lot of standards that aren’t just a square box. Lots of notches, L shapes, etc. Attached h
ere are two Youtube standards we’ve had clients pushing in the last few months.


Thank you. I will include that.
Yes, there are the shapes and the lack of clear guidelines makes this a bit difficult. but even more important to have as a tool.

There’s even a 9x16 one somewhere that changes size depending on how many seconds into the clip the supers are. Aren’t techbros wonderful?

I starting saying ‘soch-meed’ and it’s catching on at the office.

They’ve been calling it SoMe in Norway for a while.“So me”

Thanks for this, very useful! For me, the TikTok 9x16 guide is out?

https://ads.tiktok.com/help/article/tiktok-interactive-add-on-download-card-ad-specifications?lang=en

I’ve tweaked these values in the glsl code to match

t=0.1302; b=0.3350; l=0.1106; r=0.1106;
er=0.2200; et=0.1875; valid=1.0;

Thank you for all the input.

@bryanb, those YouTube DemandGen templates were super useful. Vertical 9:16 already lined up with what I had, but the Horizontal 16:9 has those two odd notches at the top so I had to add proper corner cutout support to the shader. Numbers I used: top-left: 496 × 183 px top-right: 475 × 133 px center top 38, bottom 387, left 38, right 162

@TimD, thanks for flagging the TikTok zone, that pushed me to dig into the official source. Grabbed In-Feed-Standard LTR.zip from TikTok’s spec page (https://ads.tiktok.com/help/article/video-ads-specifications) and measured Feed.png pixel by pixel. Final values on the 720×1280 frame:

top 160 (12.50%), bottom 440 (34.375%), sides 80 (11.11%) L cutout: 200 wide (27.78%), top of L 560 from top (43.73%)

Borders ended up close to what you had, the L is the bit that shifted most once measured against the PSD.

Also cleaned up the UI. Setup and Colours are one page now, and thanks to @Sinan for the nudge to drop the HGS wheels for plain swatches, way less clutter. Toggles also sit right after Channel/Format in the timeline strip now.

safezone_v2.zip (3.2 KB)

Source list in case anyone wants to double check. All open without login when I last looked. Confirmed values are in; estimates show up with an orange border in the shader.

Meta (Instagram & Facebook)

TikTok

YouTube

Snapchat

LinkedIn

Keep the corrections coming, happy to add more notched standards.