{"product_id":"dark-glass-titles-final-cut-pro","title":"Dark Glass Titles for Final Cut Pro","description":"\n\u003cstyle\u003e\n.dgt {\n  --dgt-ink: #1d1d1f;\n  --dgt-body: #3f3f45;\n  --dgt-muted: #6e6e78;\n  --dgt-line: #e4e4e9;\n  --dgt-surface: #f5f5f7;\n  --dgt-dark: #08080b;\n  --dgt-violet: #5b3df5;\n  --dgt-magenta: #e0245e;\n  --dgt-cyan: #0a9fd8;\n  --dgt-amber: #e2622a;\n\n  max-width: 1240px;\n  margin: 0 auto;\n  color: var(--dgt-ink);\n  line-height: 1.6;\n  text-align: left;\n}\n\n.dgt * { box-sizing: border-box; }\n\n.dgt-section {\n  padding: clamp(30px, 5vw, 66px) clamp(4px, 1.5vw, 16px);\n}\n.dgt-section--tight { padding-top: clamp(12px, 2vw, 20px); }\n.dgt-section--flush { padding-top: clamp(10px, 1.6vw, 18px); padding-bottom: 0; }\n\n\/* --- Video handling. Theme supplies .video-wrapper, we only constrain it. --- *\/\n.dgt .video-wrapper {\n  margin: 0;\n  border-radius: 14px;\n  overflow: hidden;\n  background: #000;\n  line-height: 0;\n}\n.dgt .video-wrapper video {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n.dgt-hero .video-wrapper { border-radius: 18px; }\n.dgt-stack { display: flex; flex-direction: column; gap: clamp(10px, 1.6vw, 18px); }\n\n\/* --- Title block --- *\/\n.dgt-lede { text-align: center; }\n\n.dgt-h1 {\n  margin: 0 0 14px;\n  font-size: clamp(2rem, 4.6vw, 3.3rem);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n  color: var(--dgt-ink);\n}\n.dgt-sub {\n  margin: 0 auto 22px;\n  max-width: 62ch;\n  font-size: clamp(1.02rem, 1.5vw, 1.2rem);\n  color: var(--dgt-muted);\n}\n.dgt-bundle {\n  display: inline-block;\n  margin: 0;\n  padding: 9px 18px;\n  border-radius: 999px;\n  border: 1px solid #d5cbfb;\n  border: 1px solid color-mix(in srgb, var(--dgt-violet) 28%, #ffffff);\n  background: #f3f0ff;\n  background: color-mix(in srgb, var(--dgt-violet) 6%, #ffffff);\n  font-size: 0.94rem;\n  color: var(--dgt-ink);\n}\n.dgt-bundle a { color: var(--dgt-violet); text-decoration: underline; text-underline-offset: 3px; }\n.dgt-bundle a:hover { color: #3d24c4; }\n\n\/* --- Prose --- *\/\n.dgt-h2 {\n  margin: 0 0 16px;\n  font-size: clamp(1.5rem, 2.6vw, 2.05rem);\n  font-weight: 650;\n  letter-spacing: -0.015em;\n  line-height: 1.2;\n  color: var(--dgt-ink);\n}\n.dgt-p {\n  margin: 0 0 16px;\n  max-width: 70ch;\n  color: var(--dgt-body);\n  font-size: 1.03rem;\n}\n.dgt-p:last-child { margin-bottom: 0; }\n.dgt-p strong { color: var(--dgt-ink); font-weight: 600; }\n\n\/* --- Panels --- *\/\n.dgt-panel {\n  --dgt-accent: var(--dgt-violet);\n  padding: clamp(20px, 3vw, 34px);\n  border-radius: 18px;\n  border: 1px solid var(--dgt-line);\n  background-color: var(--dgt-surface);\n  transition: background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n}\n\n\/* Shared dark shift for the large panels. No lift on these, the surfaces are\n   big enough that moving them as well would be too much at once. *\/\n.dgt-panel .dgt-h2,\n.dgt-note .dgt-h2 { transition: color 0.4s ease, text-shadow 0.4s ease; }\n.dgt-panel .dgt-p,\n.dgt-panel .dgt-list li,\n.dgt-panel .dgt-steps li,\n.dgt-note .dgt-p { transition: color 0.4s ease; }\n.dgt-panel .dgt-p strong,\n.dgt-panel .dgt-list li b,\n.dgt-panel .dgt-steps li b,\n.dgt-note .dgt-p strong { transition: color 0.4s ease; }\n\n@media (hover: hover) {\n  .dgt-panel:hover,\n  .dgt-note:hover {\n    background-color: #0a0a0f;\n    border-color: #2a2a35;\n    border-color: color-mix(in srgb, var(--dgt-accent) 34%, #0a0a0f);\n    box-shadow: 0 18px 44px rgba(10,10,20,0.20);\n    box-shadow:\n      0 18px 44px rgba(10,10,20,0.20),\n      0 0 36px color-mix(in srgb, var(--dgt-accent) 16%, transparent);\n  }\n  .dgt-panel:hover .dgt-h2,\n  .dgt-note:hover .dgt-h2 {\n    color: #ffffff;\n    text-shadow: 0 0 18px rgba(255,255,255,0.40);\n    text-shadow:\n      0 0 14px color-mix(in srgb, var(--dgt-accent) 70%, transparent),\n      0 0 36px color-mix(in srgb, var(--dgt-accent) 40%, transparent);\n  }\n  .dgt-panel:hover .dgt-p,\n  .dgt-panel:hover .dgt-list li,\n  .dgt-panel:hover .dgt-steps li,\n  .dgt-note:hover .dgt-p { color: #b2b2be; }\n  .dgt-panel:hover .dgt-p strong,\n  .dgt-panel:hover .dgt-list li b,\n  .dgt-panel:hover .dgt-steps li b,\n  .dgt-note:hover .dgt-p strong { color: #ffffff; }\n}\n\n.dgt-two {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(14px, 2vw, 22px);\n}\n\n.dgt-list { margin: 0; padding: 0; list-style: none; }\n.dgt-list li {\n  position: relative;\n  padding: 0 0 0 22px;\n  margin-bottom: 13px;\n  color: var(--dgt-body);\n  font-size: 0.99rem;\n}\n.dgt-list li:last-child { margin-bottom: 0; }\n.dgt-list li::before {\n  content: \"\";\n  position: absolute;\n  left: 0; top: 0.62em;\n  width: 9px; height: 4px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, var(--dgt-magenta), var(--dgt-violet));\n}\n.dgt-list li b { color: var(--dgt-ink); font-weight: 600; }\n\n.dgt-steps { margin: 0; padding: 0 0 0 20px; }\n.dgt-steps li {\n  margin-bottom: 14px;\n  color: var(--dgt-body);\n  font-size: 0.99rem;\n}\n.dgt-steps li:last-child { margin-bottom: 0; }\n.dgt-steps li b { color: var(--dgt-ink); font-weight: 600; }\n\n\/* --- Signature glass bar heading, sits on its own dark strip --- *\/\n.dgt-strip {\n  padding: clamp(38px, 6vw, 78px) clamp(18px, 4vw, 40px);\n  border-radius: 20px;\n  background:\n    radial-gradient(58% 90% at 32% 50%, rgba(224,36,94,0.30), transparent 72%),\n    radial-gradient(58% 90% at 68% 45%, rgba(91,61,245,0.38), transparent 72%),\n    var(--dgt-dark);\n  margin-bottom: clamp(20px, 3vw, 34px);\n}\n.dgt-bar {\n  position: relative;\n  display: block;\n  max-width: 660px;\n  margin: 0 auto;\n  padding: 20px 40px;\n  border-radius: 999px;\n  text-align: center;\n  border: 1px solid rgba(255,255,255,0.24);\n  background: linear-gradient(180deg, rgba(255,255,255,0.20), rgba(255,255,255,0.06));\n  box-shadow:\n    \/* chromatic fringing, hugging the curve of each cap *\/\n    inset 14px 0 16px -14px rgba(106,217,255,0.95),\n    inset -14px 0 16px -14px rgba(255,77,126,0.95),\n    inset 22px 0 22px -20px rgba(255,77,126,0.55),\n    inset -22px 0 22px -20px rgba(106,217,255,0.55),\n    \/* soft specular along the top edge *\/\n    inset 0 1px 0 rgba(255,255,255,0.35),\n    -6px 0 18px -10px rgba(106,217,255,0.70),\n    6px 0 18px -10px rgba(255,77,126,0.70),\n    0 18px 60px rgba(91,61,245,0.45),\n    0 18px 80px rgba(224,36,94,0.28);\n  font-size: clamp(1.2rem, 2.4vw, 1.8rem);\n  font-weight: 650;\n  letter-spacing: -0.015em;\n  line-height: 1.25;\n  color: #fff;\n}\n\/* faint highlight sweep across the surface, matching the plugin *\/\n.dgt-bar::before {\n  content: \"\";\n  position: absolute;\n  inset: 1px;\n  border-radius: 999px;\n  background: linear-gradient(100deg, transparent 42%, rgba(255,255,255,0.18) 50%, transparent 58%);\n  background-size: 300% 100%;\n  background-position: 160% 0;\n  animation: dgt-sweep 7s ease-in-out infinite;\n  pointer-events: none;\n}\n\/* glow halo behind the bar, breathing slowly *\/\n.dgt-bar::after {\n  content: \"\";\n  position: absolute;\n  inset: -8px;\n  z-index: -1;\n  border-radius: 999px;\n  background:\n    radial-gradient(60% 110% at 28% 50%, rgba(224,36,94,0.55), transparent 70%),\n    radial-gradient(60% 110% at 72% 50%, rgba(91,61,245,0.70), transparent 70%);\n  filter: blur(22px);\n  will-change: opacity, transform;\n  animation: dgt-breathe 6.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n@keyframes dgt-sweep {\n  0%        { background-position: 160% 0; }\n  42%, 100% { background-position: -160% 0; }\n}\n@keyframes dgt-breathe {\n  0%, 100% { opacity: 0.55; transform: scale(0.99); }\n  50%      { opacity: 1;    transform: scale(1.04); }\n}\n\n\/* --- Parameter cards --- *\/\n.dgt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n  gap: 14px;\n}\n.dgt-card {\n  --dgt-accent: var(--dgt-violet);\n  padding: 20px;\n  border-radius: 15px;\n  border: 1px solid var(--dgt-line);\n  background-color: #fff;\n  transition:\n    transform 0.25s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease,\n    background-color 0.35s ease;\n}\n.dgt-card h3 {\n  margin: 0 0 8px;\n  font-size: 1.02rem;\n  font-weight: 620;\n  color: var(--dgt-ink);\n  transition: color 0.35s ease, text-shadow 0.35s ease;\n}\n.dgt-card h3::before {\n  content: \"\";\n  display: inline-block;\n  width: 7px; height: 7px;\n  margin-right: 9px;\n  border-radius: 2px;\n  vertical-align: 0.08em;\n  background: var(--dgt-accent);\n  transition: box-shadow 0.35s ease;\n}\n.dgt-card p {\n  margin: 0;\n  font-size: 0.93rem;\n  line-height: 1.55;\n  color: var(--dgt-muted);\n  transition: color 0.35s ease;\n}\n\n\/* On hover the card turns the lights off and the title starts to glow,\n   which is the effect the pack itself produces. *\/\n@media (hover: hover) {\n  .dgt-card:hover {\n    transform: translateY(-3px);\n    background-color: #0a0a0f;\n    border-color: #2a2a35;\n    border-color: color-mix(in srgb, var(--dgt-accent) 38%, #0a0a0f);\n    box-shadow: 0 14px 34px rgba(10,10,20,0.22);\n    box-shadow:\n      0 14px 34px rgba(10,10,20,0.22),\n      0 0 26px color-mix(in srgb, var(--dgt-accent) 20%, transparent);\n  }\n  .dgt-card:hover h3 {\n    color: #ffffff;\n    text-shadow: 0 0 16px rgba(255,255,255,0.42);\n    text-shadow:\n      0 0 12px color-mix(in srgb, var(--dgt-accent) 78%, transparent),\n      0 0 30px color-mix(in srgb, var(--dgt-accent) 45%, transparent);\n  }\n  .dgt-card:hover h3::before {\n    box-shadow: 0 0 10px var(--dgt-accent), 0 0 22px var(--dgt-accent);\n  }\n  .dgt-card:hover p { color: #a6a6b3; }\n}\n\n\/* --- Note strip --- *\/\n.dgt-note {\n  --dgt-accent: #8a6cf6;\n  display: grid;\n  grid-template-columns: 4px 1fr;\n  gap: 20px;\n  padding: clamp(20px, 3vw, 32px);\n  border-radius: 16px;\n  border: 1px solid var(--dgt-line);\n  background-color: var(--dgt-surface);\n  transition: background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n}\n.dgt-note::before {\n  content: \"\";\n  border-radius: 999px;\n  background: linear-gradient(180deg, var(--dgt-cyan), var(--dgt-violet), var(--dgt-magenta));\n}\n\n\/* --- Showcase grid --- *\/\n.dgt-showcase {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(10px, 1.4vw, 16px);\n}\n\n\/* --- CTA --- *\/\n.dgt-cta {\n  text-align: center;\n  margin: 0 clamp(4px, 1.5vw, 16px);\n  padding: clamp(36px, 5vw, 64px) clamp(20px, 4vw, 52px);\n  border-radius: 20px;\n  border: 1px solid var(--dgt-line);\n  background:\n    radial-gradient(70% 130% at 50% 100%, rgba(91,61,245,0.10), transparent 70%),\n    radial-gradient(60% 110% at 50% 0%, rgba(224,36,94,0.07), transparent 70%),\n    var(--dgt-surface);\n}\n.dgt-cta .dgt-h2 { margin-bottom: 10px; }\n.dgt-cta .dgt-p { margin: 0 auto 26px; text-align: center; max-width: 54ch; }\n.dgt-buy {\n  display: inline-block;\n  padding: 15px 40px;\n  border-radius: 999px;\n  background: var(--dgt-violet);\n  color: #fff;\n  font-size: 1.03rem;\n  font-weight: 650;\n  text-decoration: none;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;\n}\n@media (hover: hover) {\n  .dgt-buy:hover {\n    transform: translateY(-2px);\n    background: #4a2ee0;\n    color: #fff;\n    box-shadow: 0 14px 34px rgba(91,61,245,0.34);\n  }\n}\n.dgt-buy:focus-visible { outline: 2px solid var(--dgt-violet); outline-offset: 4px; }\n\n\/* --- Requirements --- *\/\n.dgt-req {\n  margin: clamp(30px, 5vw, 60px) clamp(4px, 1.5vw, 16px) 0;\n  padding: clamp(22px, 3vw, 32px) 0 clamp(10px, 2vw, 20px);\n  border-top: 1px solid var(--dgt-line);\n}\n.dgt-req h3 {\n  margin: 0 0 12px;\n  font-size: 1.02rem;\n  font-weight: 620;\n  color: var(--dgt-ink);\n}\n.dgt-req p {\n  margin: 0 0 6px;\n  font-size: 0.93rem;\n  color: var(--dgt-muted);\n}\n.dgt-req em { display: block; margin-top: 16px; font-size: 0.86rem; color: #8b8b95; }\n\n\/* --- Responsive --- *\/\n@media (max-width: 760px) {\n  .dgt-two { grid-template-columns: 1fr; }\n  .dgt-showcase { grid-template-columns: 1fr; }\n  .dgt-bar { padding: 16px 28px; }\n}\n\n@media (max-width: 560px) {\n  \/* Once the text wraps, a 999px radius stops reading as a pill and\n     starts reading as a lozenge. Switch both to the box shape instead,\n     which is the larger size the pack ships anyway. *\/\n  .dgt-bar {\n    border-radius: 24px;\n    padding: 18px 24px;\n    font-size: 1.15rem;\n  }\n  .dgt-bar::before,\n  .dgt-bar::after { border-radius: 24px; }\n  .dgt-bundle {\n    border-radius: 16px;\n    padding: 11px 16px;\n    font-size: 0.9rem;\n  }\n  .dgt-strip {\n    padding: 30px 14px;\n    border-radius: 16px;\n  }\n  .dgt-note { gap: 14px; padding: 20px 18px; }\n  .dgt-cta { padding-left: 20px; padding-right: 20px; }\n  .dgt-panel { padding: 22px 20px; }\n  .dgt-p, .dgt-list li, .dgt-steps li { font-size: 0.98rem; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dgt-card, .dgt-buy { transition: none; }\n  .dgt-card:hover, .dgt-buy:hover { transform: none; }\n  .dgt-panel, .dgt-note,\n  .dgt-panel .dgt-h2, .dgt-note .dgt-h2,\n  .dgt-panel .dgt-p, .dgt-panel .dgt-list li,\n  .dgt-panel .dgt-steps li, .dgt-note .dgt-p { transition: none; }\n  .dgt-bar::before, .dgt-bar::after { animation: none; }\n  .dgt-bar::before { background-position: -160% 0; }\n  .dgt-bar::after { opacity: 0.8; transform: none; }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"dgt\"\u003e\n\n  \u003c!-- ===== Header video (no overlay) ===== --\u003e\n  \u003cdiv class=\"dgt-section dgt-hero dgt-section--flush\"\u003e\n    \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/54e2bd4164f54671994077f22ad7f64e.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== Supporting videos ===== --\u003e\n  \u003cdiv class=\"dgt-section dgt-section--flush\"\u003e\n    \u003cdiv class=\"dgt-stack\"\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7781c7f799854f59894a9f487863ec7e.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8f8f5240405545acb047162dd05c3848.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b277dcb3ee23426f913c45abf99d1cb5.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== Title block ===== --\u003e\n  \u003cdiv class=\"dgt-section dgt-lede\"\u003e\n    \u003ch1 class=\"dgt-h1\"\u003eDark Glass Titles\u003c\/h1\u003e\n    \u003cp class=\"dgt-sub\"\u003eA pack of 15 glass title templates for Final Cut Pro, built from layered blur, refracted light and soft coloured glow.\u003c\/p\u003e\n    \u003cp class=\"dgt-bundle\"\u003e\u003cstrong\u003eDark Glass Titles is included in \u003ca href=\"https:\/\/fcpxfullaccess.com\/products\/the-ultimate-bundle-final-cut-pro-x\"\u003eThe Ultimate Bundle\u003c\/a\u003e\u003c\/strong\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== What it is ===== --\u003e\n  \u003cdiv class=\"dgt-section dgt-section--tight\"\u003e\n    \u003cdiv class=\"dgt-panel\" style=\"--dgt-accent:#5b3df5;\"\u003e\n      \u003ch2 class=\"dgt-h2\"\u003eWhat does it do?\u003c\/h2\u003e\n      \u003cp class=\"dgt-p\"\u003eDark Glass Titles drops a piece of polished glass into your timeline. Each title is built from soft blur, refracted edges and coloured light, so your text stays clean and readable while the shape around it catches the glow. Drop one on, type your line, and it settles into place with a shimmer and a highlight sweeping across the surface.\u003c\/p\u003e\n      \u003cp class=\"dgt-p\"\u003eThere are \u003cstrong\u003e15 titles in the pack, each supplied in two sizes\u003c\/strong\u003e. A slim single line bar for names, lower thirds, captions and search bar style moments, and a taller box for headlines, quotes and section breaks. Every title carries a few animation variations, so you can change how it moves without losing the look.\u003c\/p\u003e\n      \u003cp class=\"dgt-p\"\u003eNothing here is locked down. Roundness, glow, shimmer, chromatic aberration and every colour in the design are published parameters, so a title can be a soft violet whisper or a hard neon slab depending on where you drag the sliders.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== Included + How to use ===== --\u003e\n  \u003cdiv class=\"dgt-section dgt-section--tight\"\u003e\n    \u003cdiv class=\"dgt-two\"\u003e\n\n      \u003cdiv class=\"dgt-panel\" style=\"--dgt-accent:#0a9fd8;\"\u003e\n        \u003ch2 class=\"dgt-h2\"\u003eWhat is included\u003c\/h2\u003e\n        \u003cul class=\"dgt-list\"\u003e\n          \u003cli\u003e\n\u003cb\u003e15 glass title templates\u003c\/b\u003e covering lower thirds, headlines, captions and callouts.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eTwo sizes of every title.\u003c\/b\u003e A single line bar and a larger text box.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eMultiple animation styles per title\u003c\/b\u003e, so the same design can enter and exit in different ways.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eA removable background\u003c\/b\u003e for placing titles straight over your footage.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eFull colour control\u003c\/b\u003e across the bar, the shimmer, the highlight sweep and the background glow.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eDrag and drop installation.\u003c\/b\u003e No third party plugins or extra software needed.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-panel\" style=\"--dgt-accent:#e0245e;\"\u003e\n        \u003ch2 class=\"dgt-h2\"\u003eHow to use it\u003c\/h2\u003e\n        \u003col class=\"dgt-steps\"\u003e\n          \u003cli\u003e\n\u003cb\u003eAdd the title.\u003c\/b\u003e Drag it from the Titles browser onto your timeline, either on its own or above your footage.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eType your line.\u003c\/b\u003e Click into the Title field in the inspector and replace the placeholder text.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eShape the glass.\u003c\/b\u003e Set the roundness, pick your glow colours and dial the chromatic aberration up or down.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eDrop the background.\u003c\/b\u003e Untick Background On\/Off to sit the title over your clip, or leave it on for a full frame graphic.\u003c\/li\u003e\n        \u003c\/ol\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== Customisation ===== --\u003e\n  \u003cdiv class=\"dgt-section\"\u003e\n    \u003cdiv class=\"dgt-strip\"\u003e\n      \u003ch2 class=\"dgt-bar\"\u003eEvery part of it is yours to change\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dgt-grid\"\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#0a9fd8;\"\u003e\n        \u003ch3\u003eRoundness\u003c\/h3\u003e\n        \u003cp\u003eTake the bar from a soft pill to a sharp rectangle, and anything in between.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#7c8db0;\"\u003e\n        \u003ch3\u003eHighlight sweep\u003c\/h3\u003e\n        \u003cp\u003eA band of light that travels across the surface. Switch it off or recolour it.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#8a6cf6;\"\u003e\n        \u003ch3\u003eShimmer\u003c\/h3\u003e\n        \u003cp\u003eFine moving detail across the glass, with its own colour picker and on\/off toggle.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#5b3df5;\"\u003e\n        \u003ch3\u003eThree bar glows\u003c\/h3\u003e\n        \u003cp\u003eStack up to three glow layers on the bar itself, or run just one for a quieter look.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#e0245e;\"\u003e\n        \u003ch3\u003eChromatic aberration\u003c\/h3\u003e\n        \u003cp\u003eThe colour fringing along the edges of the glass. Leave it subtle or push it hard.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#e2622a;\"\u003e\n        \u003ch3\u003eBackground glow\u003c\/h3\u003e\n        \u003cp\u003eThree separate colours light the space behind the title. This is where most of the mood lives.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#6f7f9c;\"\u003e\n        \u003ch3\u003eBackground on or off\u003c\/h3\u003e\n        \u003cp\u003eKeep the solid backdrop and set its colour, or remove it entirely and float over your clip.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#0a9fd8;\"\u003e\n        \u003ch3\u003ePosition, scale and rotation\u003c\/h3\u003e\n        \u003cp\u003eStandard transform controls, published so you can keyframe them without digging into Motion.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#8a6cf6;\"\u003e\n        \u003ch3\u003eOpacity and blend mode\u003c\/h3\u003e\n        \u003cp\u003eBlend the title into the footage underneath rather than sitting it flatly on top.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dgt-card\" style=\"--dgt-accent:#e0245e;\"\u003e\n        \u003ch3\u003eWipe out\u003c\/h3\u003e\n        \u003cp\u003eTurn the exit animation on for a clean wipe off, or off to hold the title on screen.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== Dark background note ===== --\u003e\n  \u003cdiv class=\"dgt-section dgt-section--tight\"\u003e\n    \u003cdiv class=\"dgt-note\"\u003e\n      \u003cdiv\u003e\n        \u003ch2 class=\"dgt-h2\"\u003eBuilt for the dark\u003c\/h2\u003e\n        \u003cp class=\"dgt-p\"\u003eThese titles are designed to live on black. Deep, low light footage gives the glow room to spread and lets the refracted edges read properly, which is where the glass effect really earns its place. They will still work over brighter clips, but if you want them at their best, put them somewhere dark.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== The 15 templates ===== --\u003e\n  \u003cdiv class=\"dgt-section\"\u003e\n    \u003ch2 class=\"dgt-h2\" style=\"text-align:center; margin-bottom: clamp(18px, 3vw, 30px);\"\u003eAll 15 titles in the pack\u003c\/h2\u003e\n    \u003cdiv class=\"dgt-showcase\"\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/9067d55d95bb4acd9882df4ba10a1027.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e570730e2d064e90a03843c21c6858d7.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e03ba32b9c134bc8b7a9dc9b84932550.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0d1959df7f314d0984dcc336b3e05341.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0c65b6b656934792aa1fa7665e5d0884.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6fe9242d02624f31986b8585379e5b8e.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/68a7ae0cd9f94ff3ad0fe43507734990.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n      \u003cdiv class=\"video-wrapper\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2f0402b8b47a45caba1391258e084519.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== CTA ===== --\u003e\n  \u003cdiv class=\"dgt-cta\"\u003e\n    \u003ch2 class=\"dgt-h2\"\u003eGive your titles some weight\u003c\/h2\u003e\n    \u003cp class=\"dgt-p\"\u003eFifteen glass titles, two sizes each, and enough control to make them look like nobody else's.\u003c\/p\u003e\n    \u003ca class=\"dgt-buy\" href=\"#top\"\u003eBuy Dark Glass Titles\u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== Requirements ===== --\u003e\n  \u003cdiv class=\"dgt-req\"\u003e\n    \u003ch3\u003eSystem requirements\u003c\/h3\u003e\n    \u003cp\u003eFinal Cut Pro 12.0 or later (free update via the Mac App Store)\u003c\/p\u003e\n    \u003cp\u003eApple Silicon Mac\u003c\/p\u003e\n    \u003cp\u003eTitles install by drag and drop. No third party plugins required.\u003c\/p\u003e\n    \u003cp\u003eDesigned to look its best on dark or black backgrounds\u003c\/p\u003e\n    \u003cp\u003e\u003cem\u003e© All Rights Reserved FCPX Full Access\u003cbr\u003eNot for resale or redistribution. Please share only via the official product link.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"FCPX Full Access","offers":[{"title":"Default Title","offer_id":43548658237488,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0287\/7580\/9072\/files\/Dark-Glass-Titles-Packaging.jpg?v=1788199431","url":"https:\/\/fcpxfullaccess.com\/products\/dark-glass-titles-final-cut-pro","provider":"FCPX Full Access","version":"1.0","type":"link"}