{"id":"bbc-gel","no":559,"name":"BBC Global Experience Language","ja":"BBC GEL","era":"2010–","family":"プラットフォームの画面言語","kind":"スタイル","collection":"Dictionary expansion 29","addedAt":"2026-08-22","source":{"title":"BBC GEL Technical Documentation","url":"https://bbc.github.io/gel/"},"reference":{"status":"verified","pageUrl":"https://bbc.github.io/gel/","credit":"BBC GEL Technical Documentation"},"essence":"ニュース、映像、音声、子ども向けまで広いBBCのデジタル体験を、読みやすさ、アクセシビリティ、強い見出し、再利用可能なメディア部品で統一するGlobal Experience Language。","cues":["黒いヘッダーと白いコンテンツ面","太く短い見出しと明確な階層","画像比率を揃えたニュースカード","焦点、字幕、再生操作を強く可視化"],"intents":["信頼","技術","高揚"],"works":["記事、音声、映像を同じブランドの入口で扱うメディアサイト","多様な端末と支援技術で同じコンテンツへ到達させるとき"],"recipe":{"type":"見出しを短く太く、本文を平明にし、画像が無くても内容が判別できるラベルを置く。","layout":"カードの画像比率と見出し位置を揃え、記事の重要度で列幅を変える。","material":"黒と白を強い基礎にし、番組や領域の色を一つだけ加える。"},"avoid":"カードを均等に並べるだけではニュースの重要度が消える。編集判断を面積と順序へ反映する。","colors":["#FFFFFF","#B80000","#121212"],"motif":"ui","pair":["govuk-design-system","github-primer"],"study":["BBC GEL foundations","progressive enhancement","media accessibility"],"en":{"essence":"BBC's global experience language unifies news, video, audio and children's products through readable hierarchy, accessible media controls and reusable editorial components.","cues":["Black header over white content","Short bold headlines","News cards with consistent image ratios","Highly visible focus, captions and playback controls"],"works":["Media sites mixing articles, audio and video","Delivering the same content across devices and assistive technology"],"recipe":{"type":"Write short bold headlines and label content so it works without an image.","layout":"Keep card ratios consistent but let editorial importance change their size and order.","material":"Use black and white as the base, with one section or programme color."},"avoid":"An even card grid erases editorial judgment. Express importance through area and sequence.","study":["GEL foundations","Progressive enhancement","Media accessibility"]},"usage":{"license":"CC-BY-4.0","licenseName":"Creative Commons Attribution 4.0 International","licenseUrl":"https://creativecommons.org/licenses/by/4.0/","attribution":"IndexStyle — https://indexstyle.org","attributionUrl":"https://indexstyle.org","scope":"Original IndexStyle text and structured data. Reference images, quoted works, and third-party material are excluded and retain their own rights."}}