Social-First

What it is. Social first flips the design process so vertical and square formats become the hero assets instead of afterthoughts. You open Figma with 1080 by 1920 artboards before you ever touch a 2560 by 1440 desktop layout. Photography gets shot for tall compositions so subjects stay intact without decapitations. Typography scales start with massive base sizes that hold up in bright sunlight on small screens. Visual hierarchy gets rebuilt so the hook lands in the top third where thumbs decide in under a second. Motion gets designed as vertical loops with fast easing curves that feel native to TikTok autoplay. Your design tokens include semantic values for each aspect ratio with component variants for every common social size and built in constraints. The brand book spells out exact rules for logo placement in 9:16 safe zones typography minimums for 4:5 color pairs that maintain contrast at thumbnail scale and AI image prompts tuned for vertical output. Negative prompts explicitly kill wide angle cinematic garbage. This is the only sane response to where real impressions happen in 2026. Your audience lives in the feed. Design there first or accept that your work gets ignored.

What it is not. Social first is not resizing a desktop hero and hoping for the best. That produces the chopped off heads microscopic text and dead zones that flood every feed. It is not a single chapter at the back of your 2020 brand book called Social Adaptations. That relegates the most important real estate to an afterthought handled by the least senior person on the team. It is not letting marketing pull whatever they want in Canva because the rules live only in a PDF nobody reads. Get this wrong and your brand looks like every other lazy marketer screaming into the void. It is also not abandoning larger formats. Desktop heroes and print still exist. They just stop being the source of truth. The vertical version leads. Everything else follows without compromise.

Concrete example. Nike executed social first perfectly in their 2024 Jordan campaign refresh. The team locked the 9:16 vertical video first showing athletes in motion with overlaid stats in chunky Futura typography set at 90 points minimum. They pulled semantic color tokens to guarantee the red and black popped against any background the algorithm threw at them. Signature jump cuts followed their motion principles with 240 millisecond durations that felt snappy on mobile. That vertical asset drove 52 million views on TikTok before anyone saw the website version. When they expanded it the desktop hero simply revealed more of the same scene on the sides without changing a single hierarchy decision or redrawing assets. The campaign felt like one unified system across every brand touchpoint. Duolingo took the same approach for their 2025 language challenge push. Every asset started as a square graphic with the green owl positioned for 1:1 with generous clear space around the edges to survive platform overlays. Text followed their voice rules using short punchy sentences in bold weight at sizes that survived compression. These social first designs then fed their app store screenshots website banners and even out of home billboards. Conversion from social referrals increased 41 percent because the assets actually worked where people first encountered them. Elf Cosmetics went even further in 2025. Their entire product launch playbook now starts with vertical tutorial Reels. They design the makeup application sequences for phone screens with text overlays that sit in the bottom safe zone away from platform UI. The before and after splits use their typography scale optimized for vertical. Website product pages pull directly from these social assets resulting in higher engagement and user generated content that matches the brand exactly instead of looking like degraded copies.

When to use and when not to. Use social first for any brand where social drives discovery. Fashion beauty food tech gadgets and entertainment brands live or die by feed performance so start here. Build it into your tokens your components your motion library and your AI prompts so every team member and machine produces consistent output. Use it when your last three campaigns showed that over 65 percent of impressions lived on Instagram Reels or TikTok. It forces tighter voice rules that fit six second attention spans and visual hierarchy that works without sound. Skip it for enterprise B2B software where buyers evaluate on desktop with multiple tabs open reading dense tables. Do not bother if your main channels are email newsletters or print magazines. Luxury watch brands targeting high net worth individuals through editorial spreads should start with wide high resolution photography instead of vertical video. The same holds for law firms financial advisors and medical device companies whose credibility comes from dense information presented clearly on larger canvases. Audit your Google Analytics and social insights first. Let the data tell you where to set your primary canvas then build your brand identity guidelines around that reality or watch your budget evaporate on assets nobody sees.

Design where the thumbs scroll or watch your work disappear into the void.