{"id":83782,"date":"2026-01-21T23:37:45","date_gmt":"2026-01-22T05:37:45","guid":{"rendered":"https:\/\/icoldwell.com\/robert\/?post_type=portfolio&#038;p=83782"},"modified":"2026-01-21T23:48:36","modified_gmt":"2026-01-22T05:48:36","slug":"white-label-video-platform-design-management","status":"publish","type":"portfolio","link":"https:\/\/icoldwell.com\/robert\/portfolio\/white-label-video-platform-design-management\/","title":{"rendered":"White label video platform design management"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_gallery el_id=&#8221;gallery-578283&#8243; medias=&#8221;83784,83791,83790,83785,83786,83788,83787,83789,83783,83792,83794,83799&#8243; gutter_size=&#8221;2&#8243; screen_lg=&#8221;1000&#8243; screen_md=&#8221;600&#8243; screen_sm=&#8221;480&#8243; single_width=&#8221;12&#8243; images_size=&#8221;sixteen-nine&#8221; single_style=&#8221;dark&#8221; single_overlay_color=&#8221;accent&#8221; single_overlay_opacity=&#8221;50&#8243; single_padding=&#8221;2&#8243; single_css_animation=&#8221;bottom-t-top&#8221; single_animation_delay=&#8221;200&#8243; lbox_title=&#8221;yes&#8221; uncode_shortcode_id=&#8221;144571&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>I developed a design management system for a white label video service to handle multiple brand themes across all major streaming platforms: Android TV, Fire TV, Apple TV, Roku, iOS and Android mobile. The design tool is Sketch and the design handoff tool is Zeplin.<\/p>\n<p>The brand themes include primary\/secondary colors, company logo, font and spelling variations unique between the US and Canada.<\/p>\n<p>Multiple organizational structures were required. It starts with reference design project files separated for TV platforms, mobile platforms and company branding. There is a shared library providing the standard branding elements, icons, and functional components. The screens within each reference project file are for a single branding variant and a custom Sketch plugin is used to switch the screens between brand schemes. The plugin changes screen names, primary\/secondary colors, logos, design components, and fonts. When exported to Zeplin the screen name patterns allow for drag\/drop creation of variant groups without requiring any renaming.<\/p>\n<p>This process requires quite a few manual steps to switch the variants and export to Zeplin which results in a large amount of files. This is why I&#8217;m a Top 100 user of Zeplin and I push their caching systems to the limit with over 1200 screens per project.<\/p>\n<p>The next generation of this design handoff procedure needs to be more dynamic and will require a system such as Figma or Penpot to remove the export requirement and allow easy live switching of brand themes with a plugin. Penpot is my target for this work as the open source and self-hosting fits well within my current company&#8217;s directives.<\/p>\n","protected":false},"author":1,"featured_media":83790,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"portfolio_category":[117],"class_list":["post-83782","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-tv2-consulting"],"_links":{"self":[{"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/portfolio\/83782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/comments?post=83782"}],"version-history":[{"count":7,"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/portfolio\/83782\/revisions"}],"predecessor-version":[{"id":83802,"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/portfolio\/83782\/revisions\/83802"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/media\/83790"}],"wp:attachment":[{"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/media?parent=83782"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/icoldwell.com\/robert\/wp-json\/wp\/v2\/portfolio_category?post=83782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}