{
  "$schema": "/schemas/registry-item.json",
  "name": "signal-agency",
  "type": "registry:page",
  "title": "Signal Agency",
  "description": "A high-contrast digital agency theme for strategy, design, development, growth, and creative studio teams.",
  "categories": [
    "agency",
    "creative",
    "business"
  ],
  "dependencies": [],
  "registryDependencies": [
    "button",
    "card"
  ],
  "files": [
    {
      "path": "site/app/themes/signal-agency/preview/page.tsx",
      "type": "registry:page",
      "target": "app/signal-agency/page.tsx",
      "content": "import type { Metadata } from \"next\";\nimport ThemeIcon from \"./ThemeIcon\";\nimport { AgencyButton, BlogCard, PlanCard, ProjectCard, SectionHeading, ServiceCard, TeamCard, TestimonialCard } from \"./DashboardComponents\";\nimport \"./signal-agency.css\";\n\nexport const metadata: Metadata = { title: \"Signal Agency — Digital Growth Studio\", description: \"A high-contrast digital agency theme built with Coordiation components, icons, and utilities.\" };\n\nconst team = [\n  [\"Ana Mahesa\", \"Strategy Director\", \"team-ana.jpg\"], [\"Raka Putra\", \"Product Lead\", \"team-raka.jpg\"],\n  [\"Nadia Kirana\", \"Creative Director\", \"team-nadia.jpg\"], [\"Bima Arwana\", \"Engineering Lead\", \"team-bima.jpg\"],\n];\n\nexport default function SignalAgencyPreview() {\n  return <main className=\"signal-agency co-overflow-hidden\" id=\"top\">\n    <header className=\"sa-header co-flex co-items-center co-justify-between\"><a className=\"sa-logo co-flex co-items-center\" href=\"#top\"><span>Signal</span><i /></a><nav className=\"co-flex co-items-center\" aria-label=\"Signal Agency navigation\"><a href=\"#about\">About</a><a href=\"#services\">Services</a><a href=\"#work\">Projects</a><a href=\"#team\">Team</a><a href=\"#journal\">Journal</a></nav><AgencyButton href=\"#contact\">Start a project</AgencyButton><details className=\"sa-mobile-menu\"><summary aria-label=\"Open navigation\"><ThemeIcon name=\"hamburger-menu\" size={22} tone=\"accent\" /></summary><div className=\"co-flex co-flex-col\"><a href=\"#about\">About</a><a href=\"#services\">Services</a><a href=\"#work\">Projects</a><a href=\"#team\">Team</a><a href=\"#journal\">Journal</a><a href=\"#contact\">Start a project</a></div></details></header>\n\n    <section className=\"sa-hero\"><div className=\"sa-hero-title\"><p className=\"sa-kicker co-flex co-items-center\"><i className=\"motion-safe:co-animate-pulse motion-reduce:co-animate-none\" />Digital growth partner</p><h1>Grow your digital<br /><em>signal.</em></h1><p>Strategy, design, and technology for ambitious teams building the next useful thing.</p><AgencyButton href=\"#work\">Explore our work</AgencyButton></div><aside className=\"sa-hero-left co-grid\"><div><ThemeIcon name=\"target\" size={24} tone=\"accent\" /><strong>50k+</strong><span>Qualified actions created</span></div><div><ThemeIcon name=\"graph-new-up\" size={24} tone=\"accent\" /><strong>4.8×</strong><span>Average growth impact</span></div></aside><figure className=\"sa-hero-image co-relative co-overflow-hidden\"><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/signal-agency/hero-team.jpg\" alt=\"Creative agency team collaborating around laptops\" /><figcaption className=\"co-absolute co-flex co-items-center co-justify-between\"><span>Jakarta · Singapore · Remote</span><b>EST. 2019</b></figcaption></figure><aside className=\"sa-hero-right co-flex co-flex-col\"><a className=\"sa-play co-inline-flex co-items-center co-justify-center\" href=\"#showreel\" aria-label=\"Play agency showreel\"><ThemeIcon name=\"play-circle\" size={34} tone=\"accent\" /></a><div><strong>25k</strong><span>Campaign outcomes tracked</span></div><p>Trusted by product teams across finance, mobility, health, and culture.</p></aside></section>\n\n    <section className=\"sa-about co-grid\" id=\"about\"><div className=\"sa-about-collage co-grid\"><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/signal-agency/about-team.jpg\" alt=\"Creative team working together in a studio\" /><div className=\"co-flex co-flex-col co-justify-between\"><span>24/7 support</span><strong>One team from first signal to launch.</strong><ThemeIcon name=\"users-group-rounded\" size={25} tone=\"accent\" /></div></div><div><p className=\"sa-kicker co-flex co-items-center\"><i />About us</p><h2>We’re a creative<br />digital studio.</h2><p>Signal brings brand strategy, product design, growth thinking, and development into one close working team. The result is clearer decisions and experiences people return to.</p><div className=\"sa-about-principles co-grid\"><article><ThemeIcon name=\"target\" size={23} tone=\"accent\" /><h3>Our vision</h3><p>Make useful digital products feel unmistakably human.</p></article><article><ThemeIcon name=\"shield-check\" size={23} tone=\"accent\" /><h3>Our mission</h3><p>Turn complexity into a strong, measurable customer experience.</p></article></div><AgencyButton href=\"#services\" outline>Discover Signal</AgencyButton></div></section>\n\n    <section className=\"sa-services\" id=\"services\"><SectionHeading eyebrow=\"Services\" title={<>Creative systems<br />that move business.</>} copy=\"We combine the disciplines needed to take an idea from strategy to a responsive, launch-ready experience.\" action={<AgencyButton href=\"#contact\" outline>See all services</AgencyButton>} /><div className=\"sa-service-grid co-grid\"><ServiceCard index=\"01\" icon=\"monitor\" title=\"Web experiences\" copy=\"High-performing marketing sites shaped around a clear customer journey.\" image=\"/themes/signal-agency/project-product.jpg\" /><ServiceCard index=\"02\" icon=\"palette\" title=\"Digital identity\" copy=\"Flexible visual systems that make every product touchpoint recognizable.\" image=\"/themes/signal-agency/project-strategy.jpg\" /><ServiceCard index=\"03\" icon=\"code\" title=\"Product interfaces\" copy=\"Useful UX, robust UI patterns, and responsive frontend implementation.\" image=\"/themes/signal-agency/project-interface.jpg\" /></div></section>\n\n    <section className=\"sa-showreel co-relative co-flex co-items-center co-justify-center co-text-center\" id=\"showreel\"><img className=\"co-absolute co-w-full co-h-full co-object-cover\" src=\"/themes/signal-agency/blog-meeting.jpg\" alt=\"Team reviewing a digital strategy together\" /><div className=\"co-absolute\" /><div className=\"co-relative\"><p className=\"sa-kicker co-flex co-items-center co-justify-center\"><i />Connect</p><h2>Want to work<br />with us?</h2><a className=\"sa-play co-inline-flex co-items-center co-justify-center\" href=\"#contact\" aria-label=\"Contact Signal Agency\"><ThemeIcon name=\"play-circle\" size={42} tone=\"accent\" /></a></div><footer className=\"co-absolute co-grid\"><a className=\"co-flex co-items-center\" href=\"tel:+62215550184\"><ThemeIcon name=\"phone\" size={18} tone=\"accent\" /><span>Call for inquiry<small>+62 21 555 0184</small></span></a><a className=\"co-flex co-items-center\" href=\"mailto:hello@signal.example\"><ThemeIcon name=\"letter\" size={18} tone=\"accent\" /><span>Email for inquiry<small>hello@signal.example</small></span></a><AgencyButton href=\"#contact\">Contact now</AgencyButton></footer></section>\n\n    <section className=\"sa-benefits\"><SectionHeading eyebrow=\"Why Signal\" title={<>Crafting experiences.<br />Delivering success.</>} copy=\"Fast collaboration, direct access to specialists, and decisions that stay connected to the outcome.\" /><div className=\"sa-benefit-layout co-grid\"><div className=\"sa-benefit-stack co-grid\"><article><ThemeIcon name=\"graph-new-up\" size={24} tone=\"accent\" /><h3>Fast, reliable service</h3><p>Short feedback loops and visible delivery milestones.</p></article><article><ThemeIcon name=\"shield-check\" size={24} tone=\"accent\" /><h3>Ongoing support</h3><p>A familiar team remains available after launch.</p></article></div><figure className=\"co-relative co-overflow-hidden\"><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/signal-agency/team-ana.jpg\" alt=\"Signal Agency strategy director\" /><figcaption className=\"co-absolute\">A senior partner stays close to every project.</figcaption></figure><div className=\"sa-benefit-stack co-grid\"><article><ThemeIcon name=\"users-group-rounded\" size={24} tone=\"accent\" /><h3>One integrated team</h3><p>Strategy, design, and engineering work from one brief.</p></article><article><ThemeIcon name=\"target\" size={24} tone=\"accent\" /><h3>Measurable outcomes</h3><p>Success measures are agreed before the first screen.</p></article></div></div></section>\n\n    <section className=\"sa-work\" id=\"work\"><SectionHeading eyebrow=\"Projects\" title={<>Work that ignites<br />business growth.</>} copy=\"A selection of brand, product, and campaign systems built around a real opportunity.\" action={<AgencyButton href=\"#contact\" outline>More projects</AgencyButton>} /><div className=\"sa-project-grid co-grid\"><ProjectCard wide category=\"Brand strategy\" title=\"Voltase mobility platform\" image=\"/themes/signal-agency/project-strategy.jpg\" /><ProjectCard category=\"Product design\" title=\"Nadi health companion\" image=\"/themes/signal-agency/project-interface.jpg\" /><ProjectCard category=\"Digital experience\" title=\"Teras workspace\" image=\"/themes/signal-agency/project-product.jpg\" /></div><div className=\"sa-logo-row co-grid\">{[\"NUSAPULSE\",\"METRO LAB\",\"SAGARA\",\"NADI\",\"KARYA GRID\"].map((brand)=><span key={brand}>{brand}</span>)}</div></section>\n\n    <section className=\"sa-pricing\"><SectionHeading eyebrow=\"Pricing\" title={<>Choose your<br />best plan.</>} copy=\"Clear starting points for different stages of growth. Every engagement is adapted after discovery.\" /><div className=\"sa-plan-grid co-grid\"><PlanCard name=\"Foundation\" price=\"129\" /><PlanCard name=\"Growth\" price=\"150\" featured /><PlanCard name=\"Scale\" price=\"199\" /></div></section>\n\n    <section className=\"sa-stats co-relative co-grid\"><img className=\"co-absolute co-w-full co-h-full co-object-cover\" src=\"/themes/signal-agency/about-team.jpg\" alt=\"\" /><div className=\"co-absolute\" />{[[\"10k+\",\"Useful actions\"],[\"8k+\",\"Qualified leads\"],[\"98%\",\"Client retention\"],[\"25+\",\"Years combined\"]].map(([value,label])=><article className=\"co-relative co-text-center\" key={label}><strong>{value}</strong><span>{label}</span></article>)}</section>\n\n    <section className=\"sa-team\" id=\"team\"><div className=\"sa-team-intro\"><p className=\"sa-kicker co-flex co-items-center\"><i />Our team</p><h2>Small senior team.<br />Serious range.</h2><p>Meet the people who turn strategy into useful interfaces, scalable systems, and measurable growth.</p><AgencyButton href=\"#contact\" outline>Meet everyone</AgencyButton></div><div className=\"sa-team-grid co-grid\">{team.map(([name,role,image])=><TeamCard key={name} name={name} role={role} image={`/themes/signal-agency/${image}`} />)}</div></section>\n\n    <section className=\"sa-testimonials\"><SectionHeading eyebrow=\"Testimonials\" title={<>What clients<br />say about Signal.</>} copy=\"Long-term partnerships built on clear thinking, responsive collaboration, and work that performs.\" /><div className=\"sa-quote-grid co-grid\"><TestimonialCard quote=\"They turned a scattered brief into a product story our entire company could finally believe in.\" name=\"Julian Tan\" role=\"Founder, Nadi\" /><TestimonialCard quote=\"Signal moved quickly without making the work feel rushed. Every decision had a reason and a measure.\" name=\"Mira Halim\" role=\"VP Growth, Voltase\" /><TestimonialCard quote=\"The system is still easy for our internal team to use, which is the clearest sign they built it properly.\" name=\"David Putra\" role=\"Director, Teras\" /></div></section>\n\n    <section className=\"sa-journal\" id=\"journal\"><SectionHeading eyebrow=\"From the studio\" title={<>A glance at our<br />latest thinking.</>} copy=\"Practical notes on useful products, strong identities, and building growth systems that last.\" action={<AgencyButton href=\"#contact\" outline>View journal</AgencyButton>} /><div className=\"sa-blog-grid co-grid\"><BlogCard image=\"/themes/signal-agency/blog-meeting.jpg\" date=\"Aug 24, 2026\" category=\"Strategy\" title=\"Managing the way your team measures success\" /><BlogCard image=\"/themes/signal-agency/project-product.jpg\" date=\"Aug 12, 2026\" category=\"Design systems\" title=\"Why clarity makes digital experiences feel faster\" /><BlogCard image=\"/themes/signal-agency/project-interface.jpg\" date=\"Jul 28, 2026\" category=\"Product\" title=\"Creating interfaces people can learn without friction\" /></div></section>\n\n    <section className=\"sa-contact co-grid co-items-center\" id=\"contact\"><div><p className=\"sa-kicker co-flex co-items-center\"><i />Next project</p><h2>Want to work<br />with Signal?</h2><p>Tell us what you are building and where the opportunity feels stuck.</p><div className=\"co-flex co-items-center\"><AgencyButton href=\"mailto:hello@signal.example\">Start the conversation</AgencyButton><a className=\"sa-contact-play co-inline-flex co-items-center\" href=\"#showreel\"><ThemeIcon name=\"play-circle\" size={35} tone=\"accent\" />Watch showreel</a></div></div><img className=\"co-w-full co-h-full co-object-cover\" src=\"/themes/signal-agency/hero-team.jpg\" alt=\"Signal Agency team\" /></section>\n\n    <footer className=\"sa-footer\"><div className=\"sa-footer-grid co-grid\"><div><a className=\"sa-logo co-flex co-items-center\" href=\"#top\"><span>Signal</span><i /></a><p>Independent digital studio helping ambitious teams build clear, useful, and measurable experiences.</p></div><div><strong>Quick links</strong><a href=\"#about\">About</a><a href=\"#services\">Services</a><a href=\"#work\">Projects</a><a href=\"#journal\">Journal</a></div><div><strong>Services</strong><a href=\"#services\">Brand strategy</a><a href=\"#services\">Product design</a><a href=\"#services\">Web development</a><a href=\"#services\">Growth systems</a></div><div><strong>Contact</strong><a href=\"mailto:hello@signal.example\">hello@signal.example</a><a href=\"tel:+62215550184\">+62 21 555 0184</a><span>Jakarta · Singapore</span></div></div><div className=\"sa-footer-bottom co-flex co-items-center co-justify-between\"><span>© 2026 Coordiation. All rights reserved.</span><div className=\"co-flex co-items-center\"><a href=\"#top\">Back to top</a><ThemeIcon name=\"arrow-to-top-right\" size={14} tone=\"accent\" /></div></div></footer>\n  </main>;\n}\n"
    },
    {
      "path": "site/app/themes/signal-agency/preview/signal-agency.css",
      "type": "registry:style",
      "target": "app/signal-agency/signal-agency.css",
      "content": ".signal-agency { --sa-ink:#090a09; --sa-panel:#121311; --sa-line:#30332d; --sa-muted:#9da095; --sa-lime:#c6ff27; width:100%; min-height:100vh; background:var(--sa-ink); color:#f2f4ec; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.5; }\n.signal-agency *,.signal-agency *::before,.signal-agency *::after { box-sizing:border-box; }\n.signal-agency h1,.signal-agency h2,.signal-agency h3,.signal-agency p,.signal-agency figure,.signal-agency blockquote { margin:0; }\n.signal-agency img { display:block; max-width:100%; }\n.signal-agency a { color:inherit; text-decoration:none; }\n:where(.signal-agency.co-overflow-hidden,.signal-agency .co-overflow-hidden) { overflow:hidden; }\n:where(.signal-agency .co-flex) { display:flex; }\n:where(.signal-agency .co-inline-flex) { display:inline-flex; }\n:where(.signal-agency .co-grid) { display:grid; }\n:where(.signal-agency .co-items-center) { align-items:center; }\n:where(.signal-agency .co-items-end) { align-items:flex-end; }\n:where(.signal-agency .co-justify-between) { justify-content:space-between; }\n:where(.signal-agency .co-justify-center) { justify-content:center; }\n:where(.signal-agency .co-flex-col) { flex-direction:column; }\n:where(.signal-agency .co-relative) { position:relative; }\n:where(.signal-agency .co-absolute) { position:absolute; }\n:where(.signal-agency .co-w-full) { width:100%; }\n:where(.signal-agency .co-h-full) { height:100%; }\n:where(.signal-agency .co-object-cover) { object-fit:cover; }\n:where(.signal-agency .co-text-center) { text-align:center; }\n:where(.signal-agency .co-transition) { transition-property:color,background-color,border-color,box-shadow,opacity,transform; }\n:where(.signal-agency .co-duration-300) { transition-duration:300ms; }\n:where(.signal-agency .co-duration-500) { transition-duration:500ms; }\n:where(.signal-agency .co-ease-out) { transition-timing-function:cubic-bezier(.16,1,.3,1); }\n@keyframes sa-pulse { 0%,100% { opacity:1; } 50% { opacity:.45; } }\n@media (prefers-reduced-motion:no-preference) { :where(.signal-agency .motion-safe\\:co-animate-pulse) { animation:sa-pulse 2s cubic-bezier(.4,0,.6,1) infinite; } }\n.sa-icon { display:block; object-fit:contain; }\n.sa-icon-light { filter:brightness(0) invert(1); }.sa-icon-dark { filter:brightness(0); }.sa-icon-accent { filter:brightness(0) saturate(100%) invert(87%) sepia(88%) saturate(1345%) hue-rotate(28deg) brightness(108%) contrast(106%); }\n.sa-header { width:min(1180px,calc(100% - 40px)); min-height:78px; margin:0 auto; gap:24px; border-bottom:1px solid var(--sa-line); }\n.sa-logo { gap:7px; font-size:22px; font-weight:900; letter-spacing:-.06em; }.sa-logo i { width:8px; height:8px; display:block; border-radius:50%; background:var(--sa-lime); box-shadow:0 0 20px rgb(198 255 39 / .65); }\n.sa-header nav { gap:28px; font-size:11px; font-weight:700; }.sa-header nav a { color:#bfc2b7; transition:color .2s ease; }.sa-header nav a:hover { color:var(--sa-lime); }\n.sa-button { min-width:160px; min-height:48px; padding:0 7px 0 18px; gap:20px; border:1px solid var(--sa-lime); border-radius:99px; background:var(--sa-lime); color:#080908!important; font-size:11px; font-weight:800; }\n.sa-button > span { width:34px; height:34px; border-radius:50%; background:#0a0b09; }.sa-button:hover { transform:translateY(-3px); box-shadow:0 10px 30px rgb(198 255 39 / .15); }\n.sa-button.is-outline { background:transparent; color:#f4f5ef!important; }.sa-button.is-outline > span { background:var(--sa-lime); }\n.sa-mobile-menu { display:none; position:relative; }.sa-mobile-menu summary { list-style:none; cursor:pointer; }.sa-mobile-menu summary::-webkit-details-marker { display:none; }.sa-mobile-menu > div { width:230px; padding:18px; position:absolute; z-index:30; right:0; top:34px; gap:15px; border:1px solid var(--sa-line); background:#0c0d0b; box-shadow:0 16px 38px #000; font-size:12px; }.sa-mobile-menu a:last-child { color:var(--sa-lime); }\n.sa-kicker { gap:9px; margin:0 0 18px; color:#b7baaE; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.17em; }.sa-kicker i { width:6px; height:6px; display:block; border-radius:50%; background:var(--sa-lime); }\n.sa-hero { width:min(1180px,calc(100% - 40px)); min-height:760px; margin:0 auto; padding:86px 0 72px; display:grid; grid-template-columns:230px minmax(0,1fr) 230px; grid-template-rows:auto 1fr; gap:24px; position:relative; }\n.sa-hero-title { grid-column:1/-1; width:74%; margin:0 auto; position:relative; z-index:3; text-align:center; }.sa-hero-title .sa-kicker { justify-content:center; }.sa-hero h1 { margin:0; font-size:clamp(58px,7.1vw,108px); line-height:.82; letter-spacing:-.075em; }.sa-hero h1 em { color:var(--sa-lime); font-style:normal; }.sa-hero-title > p:not(.sa-kicker) { max-width:520px; margin:28px auto 30px; color:var(--sa-muted); font-size:14px; line-height:1.7; }.sa-hero-title .sa-button { margin:auto; }\n.sa-hero-left { align-self:center; gap:18px; }.sa-hero-left > div,.sa-hero-right > div { padding:20px; display:grid; gap:8px; border:1px solid var(--sa-line); background:#0d0e0c; }.sa-hero-left strong,.sa-hero-right strong { font-size:34px; letter-spacing:-.06em; }.sa-hero-left span,.sa-hero-right span { color:var(--sa-muted); font-size:9px; line-height:1.4; }\n.sa-hero-image { min-height:400px; border:1px solid var(--sa-line); }.sa-hero-image::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgb(0 0 0 / .76)); pointer-events:none; }.sa-hero-image img { filter:saturate(.8) contrast(1.05); }.sa-hero-image figcaption { z-index:1; right:20px; bottom:17px; left:20px; color:#e7e9df; font-size:9px; }.sa-hero-image figcaption b { color:var(--sa-lime); }\n.sa-hero-right { align-self:center; gap:18px; }.sa-hero-right .sa-play { width:102px; height:102px; margin:auto; border:1px solid var(--sa-line); border-radius:50%; }.sa-play { transition:transform .25s ease,border-color .25s ease; }.sa-play:hover { transform:scale(1.07); border-color:var(--sa-lime); }.sa-hero-right p { margin:0; color:var(--sa-muted); font-size:10px; line-height:1.7; text-align:center; }\n.sa-about { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:120px 0; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }\n.sa-about-collage { grid-template-columns:1fr .7fr; min-height:560px; gap:14px; }.sa-about-collage > img { object-position:48% center; }.sa-about-collage > div { padding:25px; border:1px solid var(--sa-line); background:var(--sa-panel); }.sa-about-collage > div span { color:var(--sa-lime); font-size:10px; font-weight:800; text-transform:uppercase; }.sa-about-collage > div strong { font-size:29px; line-height:1; letter-spacing:-.05em; }\n.sa-about h2,.sa-section-heading h2,.sa-team-intro h2,.sa-contact h2 { margin:0; font-size:clamp(48px,5.2vw,78px); line-height:.9; letter-spacing:-.065em; }.sa-about > div:last-child > p:not(.sa-kicker) { max-width:540px; margin:28px 0; color:var(--sa-muted); font-size:14px; line-height:1.75; }\n.sa-about-principles { margin:32px 0; grid-template-columns:1fr 1fr; border:1px solid var(--sa-line); }.sa-about-principles article { min-height:190px; padding:24px; }.sa-about-principles article+article { border-left:1px solid var(--sa-line); }.sa-about-principles h3 { margin:38px 0 8px; font-size:19px; }.sa-about-principles p { margin:0; color:var(--sa-muted); font-size:10px; line-height:1.65; }\n.sa-services,.sa-work,.sa-pricing,.sa-testimonials,.sa-journal { padding:120px max(20px,calc((100vw - 1180px)/2)); background:var(--sa-panel); }\n.sa-section-heading { grid-template-columns:minmax(0,1.15fr) minmax(220px,.7fr) auto; gap:42px; margin-bottom:58px; }.sa-section-heading > * { min-width:0; }.sa-section-heading > p { margin:0; color:var(--sa-muted); font-size:12px; line-height:1.7; }.sa-section-heading > span { display:block; }\n.sa-service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.sa-service { min-height:510px; padding:25px; border:1px solid var(--sa-line); background:#0c0d0b; }.sa-service > div span { color:var(--sa-lime); font-family:monospace; font-size:11px; }.sa-service h3 { margin:56px 0 12px; font-size:26px; letter-spacing:-.04em; }.sa-service > p { margin:0 0 26px; color:var(--sa-muted); font-size:10px; line-height:1.65; }.sa-service figure { min-height:250px; margin:auto 0 0; }.sa-service figure::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(transparent 55%,rgb(0 0 0 / .78)); }.sa-service figure a { width:38px; height:38px; z-index:2; right:12px; bottom:12px; border-radius:50%; background:var(--sa-lime); }.sa-service:hover { border-color:var(--sa-lime); transform:translateY(-7px); }.sa-service:hover figure img { transform:scale(1.06); }\n.sa-showreel { min-height:570px; border-top:1px solid var(--sa-line); border-bottom:1px solid var(--sa-line); }.sa-showreel > img { filter:saturate(.5); }.sa-showreel > div.co-absolute { inset:0; background:rgb(0 0 0 / .68); }.sa-showreel h2 { margin:0 0 26px; font-size:clamp(56px,7vw,98px); line-height:.82; letter-spacing:-.075em; }.sa-showreel .sa-play { width:88px; height:88px; margin:auto; border:1px solid #777; border-radius:50%; }.sa-showreel > footer { width:min(760px,calc(100% - 40px)); min-height:88px; padding:15px 20px; right:0; bottom:-44px; left:0; margin:auto; grid-template-columns:1fr 1fr auto; align-items:center; gap:22px; border:1px solid var(--sa-line); background:#10110f; }.sa-showreel footer > a { gap:11px; font-size:9px; }.sa-showreel footer span { display:grid; gap:3px; }.sa-showreel footer small { color:var(--sa-muted); font-size:8px; }\n.sa-benefits { padding:165px max(20px,calc((100vw - 1180px)/2)) 120px; }.sa-benefit-layout { grid-template-columns:1fr 1.1fr 1fr; gap:14px; align-items:stretch; }.sa-benefit-stack { grid-template-rows:1fr 1fr; gap:14px; }.sa-benefit-stack article { min-height:210px; padding:26px; border:1px solid var(--sa-line); background:var(--sa-panel); }.sa-benefit-stack h3 { margin:40px 0 10px; font-size:20px; }.sa-benefit-stack p { margin:0; color:var(--sa-muted); font-size:10px; line-height:1.65; }.sa-benefit-layout figure { min-height:510px; margin:0; }.sa-benefit-layout figure::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(transparent 60%,rgb(0 0 0 / .8)); }.sa-benefit-layout figcaption { z-index:1; right:24px; bottom:23px; left:24px; color:#fff; font-size:13px; line-height:1.5; }\n.sa-work { background:var(--sa-panel); }.sa-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.sa-project { min-height:360px; }.sa-project.is-wide { grid-row:span 2; min-height:734px; }.sa-project > div:first-of-type { inset:0; background:linear-gradient(transparent 45%,rgb(0 0 0 / .82)); }.sa-project > div:last-of-type { z-index:2; right:22px; bottom:20px; left:22px; gap:18px; }.sa-project small { color:var(--sa-lime); font-size:9px; text-transform:uppercase; }.sa-project h3 { max-width:16ch; margin:7px 0 0; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:30px; line-height:1.05; letter-spacing:-.05em; }.sa-project a { width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:var(--sa-lime); }.sa-project:hover img { transform:scale(1.055); }.sa-logo-row { margin-top:50px; grid-template-columns:repeat(5,1fr); border:1px solid var(--sa-line); }.sa-logo-row span { min-height:80px; display:grid; place-items:center; color:#70736a; border-right:1px solid var(--sa-line); font-size:10px; font-weight:800; }.sa-logo-row span:last-child { border-right:0; }\n.sa-pricing { background:#080908; }.sa-plan-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.sa-plan { min-height:520px; padding:28px; border:1px solid var(--sa-line); background:#0d0e0c; }.sa-plan.is-featured { border-color:var(--sa-lime); background:var(--sa-lime); color:#0a0b09; }.sa-plan h3 { margin:0; font-size:24px; }.sa-plan > div > span { padding:6px 8px; border-radius:99px; background:#0a0b09; color:var(--sa-lime); font-size:8px; font-weight:800; text-transform:uppercase; }.sa-plan > p { margin:18px 0 32px; color:var(--sa-muted); font-size:10px; line-height:1.7; }.sa-plan.is-featured > p { color:#3f4629; }.sa-plan > strong { font-size:56px; letter-spacing:-.07em; }.sa-plan > strong sup { margin-right:4px; font-size:17px; vertical-align:top; }.sa-plan > strong small { margin-left:7px; font-size:9px; font-weight:500; letter-spacing:0; }.sa-plan ul { margin:35px 0; padding:0; display:grid; gap:12px; list-style:none; }.sa-plan li { gap:9px; font-size:10px; }.sa-plan .sa-button { margin-top:auto; }.sa-plan.is-featured .sa-button { border-color:#0a0b09; background:#0a0b09; color:#fff!important; }.sa-plan.is-featured .sa-button > span { background:var(--sa-lime); }.sa-plan.is-featured .sa-button .sa-icon { filter:brightness(0); }\n.sa-stats { min-height:360px; padding:70px max(20px,calc((100vw - 1180px)/2)); grid-template-columns:repeat(4,1fr); align-items:center; }.sa-stats > img { filter:grayscale(1); }.sa-stats > div { inset:0; background:rgb(0 0 0 / .72); }.sa-stats article { display:grid; gap:12px; }.sa-stats article+article { border-left:1px solid rgb(255 255 255 / .25); }.sa-stats strong { font-size:clamp(45px,5vw,76px); letter-spacing:-.07em; }.sa-stats span { color:var(--sa-muted); font-size:9px; text-transform:uppercase; }\n.sa-team { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:120px 0; display:grid; grid-template-columns:.72fr 1.28fr; gap:65px; align-items:center; }.sa-team-intro > p:not(.sa-kicker) { max-width:420px; margin:28px 0; color:var(--sa-muted); font-size:12px; line-height:1.7; }.sa-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.sa-team-card { height:330px; }.sa-team-card > div { right:10px; bottom:10px; left:10px; padding:14px; background:var(--sa-lime); color:#090a09; }.sa-team-card span { display:grid; gap:4px; }.sa-team-card strong { font-size:14px; }.sa-team-card small { font-size:8px; }.sa-team-card:hover img { transform:scale(1.06); }\n.sa-testimonials { background:#050604; }.sa-quote-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.sa-quote { min-height:330px; margin:0; padding:27px; border:1px solid var(--sa-line); }.sa-quote > div span { color:#777b70; font-size:8px; font-weight:800; letter-spacing:.14em; }.sa-quote > p { margin:58px 0 28px; font-size:21px; line-height:1.35; letter-spacing:-.025em; }.sa-quote footer { margin-top:auto; display:grid; gap:5px; }.sa-quote footer small { color:var(--sa-muted); font-size:8px; }\n.sa-journal { background:var(--sa-panel); }.sa-blog-grid { grid-template-columns:1.25fr 1fr; gap:14px; }.sa-blog-card { min-height:260px; grid-template-columns:240px minmax(0,1fr); border:1px solid var(--sa-line); background:#0b0c0a; }.sa-blog-card:first-child { grid-row:span 2; grid-template-columns:1fr; }.sa-blog-card:first-child img { height:370px; }.sa-blog-card > div { min-width:0; padding:24px; display:flex; flex-direction:column; }.sa-blog-card span { gap:7px; color:var(--sa-lime); font-size:8px; }.sa-blog-card small { margin-top:18px; display:block; color:#7f8278; font-size:8px; text-transform:uppercase; }.sa-blog-card h3 { margin:10px 0 24px; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:23px; line-height:1.15; letter-spacing:-.04em; }.sa-blog-card a { gap:8px; margin-top:auto; font-size:9px; font-weight:800; }\n.sa-contact { min-height:520px; grid-template-columns:1fr 1fr; border-top:1px solid var(--sa-line); }.sa-contact > div { padding:70px max(30px,calc((100vw - 1180px)/2)); padding-right:70px; }.sa-contact > img { min-height:520px; }.sa-contact p:not(.sa-kicker) { max-width:500px; margin:25px 0 30px; color:var(--sa-muted); font-size:12px; line-height:1.7; }.sa-contact > div > div { gap:22px; flex-wrap:wrap; }.sa-contact-play { gap:10px; font-size:10px; font-weight:800; }\n.sa-footer { padding:75px max(20px,calc((100vw - 1180px)/2)) 25px; background:#030403; }.sa-footer-grid { grid-template-columns:1.3fr repeat(3,1fr); gap:50px; }.sa-footer-grid > div { display:grid; align-content:start; gap:12px; }.sa-footer-grid > div:first-child p { max-width:300px; color:var(--sa-muted); font-size:10px; line-height:1.7; }.sa-footer-grid strong { margin-bottom:10px; color:var(--sa-lime); font-size:9px; text-transform:uppercase; letter-spacing:.12em; }.sa-footer-grid a,.sa-footer-grid span { color:#9ca095; font-size:10px; }.sa-footer-grid a:hover { color:var(--sa-lime); }.sa-footer-bottom { margin-top:70px; padding-top:22px; border-top:1px solid var(--sa-line); color:#666a61; font-size:9px; }.sa-footer-bottom > div { gap:8px; }\n@media (prefers-reduced-motion:reduce) { .signal-agency * { scroll-behavior:auto!important; animation:none!important; transition-duration:.01ms!important; } }\n@media (max-width:960px) {\n  .sa-header nav,.sa-header > .sa-button { display:none; }.sa-mobile-menu { display:block; }\n  .sa-hero { grid-template-columns:1fr 1fr; }.sa-hero-title { width:100%; }.sa-hero-image { grid-column:1/-1; grid-row:2; }.sa-hero-left,.sa-hero-right { grid-row:3; }\n  .sa-about { grid-template-columns:1fr; }.sa-about-collage { max-width:720px; }.sa-section-heading { grid-template-columns:1fr 1fr; }.sa-section-heading > a { justify-self:start; }\n  .sa-service-grid,.sa-plan-grid,.sa-quote-grid { grid-template-columns:1fr 1fr; }.sa-service-grid article:last-child,.sa-plan-grid article:last-child,.sa-quote-grid blockquote:last-child { grid-column:1/-1; }\n  .sa-benefit-layout { grid-template-columns:1fr 1fr; }.sa-benefit-layout figure { grid-column:1/-1; grid-row:1; height:620px; }\n  .sa-team { grid-template-columns:1fr; }.sa-team-intro { max-width:650px; }\n  .sa-blog-grid { grid-template-columns:1fr; }.sa-blog-card:first-child { grid-row:auto; }.sa-blog-card:first-child img { height:330px; }\n  .sa-contact { grid-template-columns:1fr; }.sa-contact > div { padding:80px 40px; }.sa-contact > img { min-height:420px; }\n}\n@media (max-width:640px) {\n  .sa-header { width:calc(100% - 32px); min-height:68px; }.sa-logo { font-size:19px; }\n  .sa-hero { width:calc(100% - 32px); padding:65px 0; grid-template-columns:1fr; }.sa-hero-title { grid-column:1; text-align:left; }.sa-hero-title .sa-kicker { justify-content:flex-start; }.sa-hero h1 { font-size:clamp(55px,17vw,76px); }.sa-hero-title > p:not(.sa-kicker) { margin-inline:0; }.sa-hero-title .sa-button { margin:0; }.sa-hero-image,.sa-hero-left,.sa-hero-right { grid-column:1; grid-row:auto; }.sa-hero-image { min-height:330px; }.sa-hero-left { grid-template-columns:1fr 1fr; }.sa-hero-right { display:grid; grid-template-columns:110px 1fr; align-items:center; }.sa-hero-right p { grid-column:1/-1; }\n  .sa-about { width:calc(100% - 32px); padding:85px 0; gap:55px; }.sa-about-collage { min-height:500px; grid-template-columns:1fr; }.sa-about-collage > div { min-height:210px; }.sa-about h2,.sa-section-heading h2,.sa-team-intro h2,.sa-contact h2 { font-size:clamp(44px,14vw,62px); }.sa-about-principles { grid-template-columns:1fr; }.sa-about-principles article+article { border-top:1px solid var(--sa-line); border-left:0; }\n  .sa-services,.sa-work,.sa-pricing,.sa-testimonials,.sa-journal { padding:85px 16px; }.sa-section-heading { grid-template-columns:1fr; gap:23px; margin-bottom:38px; }.sa-service-grid,.sa-plan-grid,.sa-quote-grid { grid-template-columns:1fr; }.sa-service-grid article:last-child,.sa-plan-grid article:last-child,.sa-quote-grid blockquote:last-child { grid-column:auto; }\n  .sa-showreel { min-height:510px; }.sa-showreel h2 { font-size:clamp(52px,16vw,74px); }.sa-showreel > footer { bottom:-104px; grid-template-columns:1fr; padding:18px; }.sa-showreel footer .sa-button { width:100%; }\n  .sa-benefits { padding:190px 16px 85px; }.sa-benefit-layout { grid-template-columns:1fr; }.sa-benefit-layout figure { height:480px; min-height:0; }.sa-project-grid { grid-template-columns:1fr; }.sa-project.is-wide { grid-row:auto; min-height:500px; }.sa-project { min-height:420px; }.sa-logo-row { grid-template-columns:1fr 1fr; }.sa-logo-row span { border-bottom:1px solid var(--sa-line); }.sa-logo-row span:nth-child(2n) { border-right:0; }.sa-logo-row span:last-child { grid-column:1/-1; border-bottom:0; }\n  .sa-stats { min-height:520px; padding:55px 16px; grid-template-columns:1fr 1fr; gap:20px 0; }.sa-stats article:nth-child(4) { border-left:0; }\n  .sa-team { width:calc(100% - 32px); padding:85px 0; gap:45px; }.sa-team-grid { grid-template-columns:1fr; }.sa-team-card { height:430px; }\n  .sa-blog-card,.sa-blog-card:first-child { grid-template-columns:1fr; }.sa-blog-card img { height:250px; }.sa-blog-card:first-child img { height:280px; }\n  .sa-contact > div { padding:75px 16px; }.sa-contact > img { min-height:330px; }.sa-footer { padding:70px 16px 24px; }.sa-footer-grid { grid-template-columns:1fr 1fr; gap:42px 25px; }.sa-footer-grid > div:first-child { grid-column:1/-1; }.sa-footer-bottom { align-items:flex-start; flex-direction:column; gap:12px; }\n}\n@media (max-width:360px) {\n  .sa-header,.sa-hero,.sa-about,.sa-team { width:calc(100% - 28px); }\n  .sa-hero h1 { font-size:50px; }\n  .sa-hero-left { grid-template-columns:1fr; }\n  .sa-hero-right { grid-template-columns:88px minmax(0,1fr); }\n  .sa-hero-right .sa-play { width:78px; height:78px; }\n  .sa-about h2,.sa-section-heading h2,.sa-team-intro h2,.sa-contact h2 { font-size:40px; }\n  .sa-button { width:100%; min-width:0; }\n  .sa-showreel > footer { width:calc(100% - 28px); }\n  .sa-project h3 { font-size:25px; }\n  .sa-plan { padding:22px; }\n  .sa-stats strong { font-size:42px; }\n  .sa-footer-grid { grid-template-columns:1fr; }\n  .sa-footer-grid > div:first-child { grid-column:auto; }\n}\n"
    },
    {
      "path": "site/app/themes/signal-agency/preview/ThemeIcon.tsx",
      "type": "registry:component",
      "target": "app/signal-agency/ThemeIcon.tsx",
      "content": "const icons = {\n  \"arrow-right\": \"/icons/solar-linear/arrow-right.svg\",\n  \"arrow-to-top-right\": \"/icons/solar-linear/arrow-to-top-right.svg\",\n  \"hamburger-menu\": \"/icons/solar-linear/hamburger-menu.svg\",\n  target: \"/icons/solar-linear/target.svg\",\n  \"graph-new-up\": \"/icons/solar-linear/graph-new-up.svg\",\n  monitor: \"/icons/solar-linear/monitor.svg\",\n  palette: \"/icons/solar-linear/palette.svg\",\n  code: \"/icons/solar-linear/code.svg\",\n  \"users-group-rounded\": \"/icons/solar-linear/users-group-rounded.svg\",\n  \"shield-check\": \"/icons/solar-linear/shield-check.svg\",\n  \"check-circle\": \"/icons/solar-linear/check-circle.svg\",\n  \"play-circle\": \"/icons/solar-linear/play-circle.svg\",\n  letter: \"/icons/solar-linear/letter.svg\",\n  phone: \"/icons/solar-linear/phone-calling-rounded.svg\",\n  calendar: \"/icons/solar-linear/calendar.svg\",\n  star: \"/icons/solar-linear/star.svg\",\n  global: \"/icons/solar-linear/global.svg\",\n} as const;\n\nexport type ThemeIconName = keyof typeof icons;\n\nexport default function ThemeIcon({ name, size = 18, tone = \"light\" }: { name: ThemeIconName; size?: number; tone?: \"light\" | \"dark\" | \"accent\" }) {\n  return <img className={`sa-icon sa-icon-${tone}`} src={icons[name]} width={size} height={size} alt=\"\" aria-hidden=\"true\" />;\n}\n"
    },
    {
      "path": "site/app/themes/signal-agency/preview/DashboardComponents.tsx",
      "type": "registry:component",
      "target": "app/signal-agency/DashboardComponents.tsx",
      "content": "import type { ReactNode } from \"react\";\nimport ThemeIcon, { type ThemeIconName } from \"./ThemeIcon\";\n\nexport function AgencyButton({ href, children, outline = false }: { href: string; children: ReactNode; outline?: boolean }) {\n  return <a className={`sa-button co-inline-flex co-items-center co-justify-between co-transition co-duration-300 co-ease-out${outline ? \" is-outline\" : \"\"}`} href={href}>{children}<span className=\"co-inline-flex co-items-center co-justify-center\"><ThemeIcon name=\"arrow-right\" size={15} tone={outline ? \"dark\" : \"accent\"} /></span></a>;\n}\n\nexport function SectionHeading({ eyebrow, title, copy, action }: { eyebrow: string; title: ReactNode; copy?: string; action?: ReactNode }) {\n  return <div className=\"sa-section-heading co-grid co-items-end\"><div><p className=\"sa-kicker co-flex co-items-center\"><i className=\"motion-safe:co-animate-pulse motion-reduce:co-animate-none\" />{eyebrow}</p><h2>{title}</h2></div>{copy ? <p>{copy}</p> : <span />}{action}</div>;\n}\n\nexport function ServiceCard({ index, icon, title, copy, image }: { index: string; icon: ThemeIconName; title: string; copy: string; image: string }) {\n  return <article className=\"sa-service co-flex co-flex-col co-transition co-duration-300 co-ease-out\"><div className=\"co-flex co-items-center co-justify-between\"><span>{index}</span><ThemeIcon name={icon} size={24} tone=\"accent\" /></div><h3>{title}</h3><p>{copy}</p><figure className=\"co-relative co-overflow-hidden\"><img className=\"co-w-full co-h-full co-object-cover co-transition co-duration-500 co-ease-out\" src={image} alt=\"\" /><a className=\"co-absolute co-inline-flex co-items-center co-justify-center\" href=\"#contact\" aria-label={`Discuss ${title}`}><ThemeIcon name=\"arrow-to-top-right\" size={16} tone=\"dark\" /></a></figure></article>;\n}\n\nexport function ProjectCard({ category, title, image, wide = false }: { category: string; title: string; image: string; wide?: boolean }) {\n  return <article className={`sa-project co-relative co-overflow-hidden${wide ? \" is-wide\" : \"\"}`}><img className=\"co-absolute co-w-full co-h-full co-object-cover co-transition co-duration-500 co-ease-out\" src={image} alt=\"\" /><div className=\"co-absolute\" /><div className=\"co-absolute co-flex co-items-end co-justify-between\"><span><small>{category}</small><h3>{title}</h3></span><a className=\"co-inline-flex co-items-center co-justify-center\" href=\"#contact\" aria-label={`View ${title}`}><ThemeIcon name=\"arrow-to-top-right\" size={16} tone=\"dark\" /></a></div></article>;\n}\n\nexport function PlanCard({ name, price, featured = false }: { name: string; price: string; featured?: boolean }) {\n  return <article className={`sa-plan co-flex co-flex-col${featured ? \" is-featured\" : \"\"}`}><div className=\"co-flex co-items-center co-justify-between\"><h3>{name}</h3>{featured && <span>Most popular</span>}</div><p>For teams ready to turn a clear opportunity into a durable digital experience.</p><strong><sup>$</sup>{price}<small>/ project</small></strong><ul>{[\"Brand direction\", \"UX and interface system\", \"Responsive development\", \"Launch support\"].map((item)=><li className=\"co-flex co-items-center\" key={item}><ThemeIcon name=\"check-circle\" size={15} tone=\"accent\" />{item}</li>)}</ul><AgencyButton href=\"#contact\" outline={!featured}>Get started</AgencyButton></article>;\n}\n\nexport function TeamCard({ name, role, image }: { name: string; role: string; image: string }) {\n  return <article className=\"sa-team-card co-relative co-overflow-hidden\"><img className=\"co-w-full co-h-full co-object-cover co-transition co-duration-500 co-ease-out\" src={image} alt={`${name}, ${role}`} /><div className=\"co-absolute co-flex co-items-end co-justify-between\"><span><strong>{name}</strong><small>{role}</small></span><ThemeIcon name=\"arrow-to-top-right\" size={16} tone=\"dark\" /></div></article>;\n}\n\nexport function TestimonialCard({ quote, name, role }: { quote: string; name: string; role: string }) {\n  return <blockquote className=\"sa-quote co-flex co-flex-col\"><div className=\"co-flex co-items-center co-justify-between\"><span>CLIENT NOTE</span><ThemeIcon name=\"star\" size={20} tone=\"accent\" /></div><p>“{quote}”</p><footer><strong>{name}</strong><small>{role}</small></footer></blockquote>;\n}\n\nexport function BlogCard({ category, title, image, date }: { category: string; title: string; image: string; date: string }) {\n  return <article className=\"sa-blog-card co-grid\"><img className=\"co-w-full co-h-full co-object-cover\" src={image} alt=\"\" /><div><span className=\"co-inline-flex co-items-center\"><ThemeIcon name=\"calendar\" size={14} tone=\"accent\" />{date}</span><small>{category}</small><h3>{title}</h3><a className=\"co-inline-flex co-items-center\" href=\"#contact\">Read insight <ThemeIcon name=\"arrow-right\" size={14} tone=\"accent\" /></a></div></article>;\n}\n"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-right.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-right.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-right-linear\"><path d=\"M4 12H20M14 18L20 12L14 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/arrow-to-top-right.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/arrow-to-top-right.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-arrow-to-top-right-linear\"><path d=\"M17 9.5L12 4.5L7 9.5M12 4.5C12 4.5 12 12.8333 12 14.5C12 16.1667 13 19.5 17 19.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/hamburger-menu.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/hamburger-menu.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-hamburger-menu-linear\"><path d=\"M20 7L4 7\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M20 12L4 12\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M20 17L4 17\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/target.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/target.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-target-linear\"><path d=\"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\" stroke=\"currentColor\"/>\n<path d=\"M2 12L5 12\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M19 12L22 12\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M12 22L12 19\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M12 5L12 2\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M10 12H12H14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 14L12 12L12 10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/graph-new-up.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/graph-new-up.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-graph-new-up-linear\"><path d=\"M22 10.5V12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2H13.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<circle cx=\"19\" cy=\"5\" r=\"3\" stroke=\"currentColor\"/>\n<path d=\"M7 14L9.29289 11.7071C9.68342 11.3166 10.3166 11.3166 10.7071 11.7071L12.2929 13.2929C12.6834 13.6834 13.3166 13.6834 13.7071 13.2929L17 10M14.5 10H17V12.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/monitor.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/monitor.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-monitor-linear\"><path d=\"M2 10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.22876 2 10 2H14C17.7712 2 19.6569 2 20.8284 3.17157C22 4.34315 22 6.22876 22 10V11C22 13.8284 22 15.2426 21.1213 16.1213C20.2426 17 18.8284 17 16 17H8C5.17157 17 3.75736 17 2.87868 16.1213C2 15.2426 2 13.8284 2 11V10Z\" stroke=\"currentColor\"/>\n<path d=\"M16 22H8\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M12 17L12 22\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M22 13H2\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/palette.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/palette.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-palette-linear\"><path d=\"M2 6C2 4.59987 2 3.8998 2.27248 3.36502C2.51217 2.89462 2.89462 2.51217 3.36502 2.27248C3.8998 2 4.59987 2 6 2C7.40013 2 8.1002 2 8.63498 2.27248C9.10538 2.51217 9.48783 2.89462 9.72752 3.36502C10 3.8998 10 4.59987 10 6V18C10 19.4001 10 20.1002 9.72752 20.635C9.48783 21.1054 9.10538 21.4878 8.63498 21.7275C8.1002 22 7.40013 22 6 22C4.59987 22 3.8998 22 3.36502 21.7275C2.89462 21.4878 2.51217 21.1054 2.27248 20.635C2 20.1002 2 19.4001 2 18V6Z\" stroke=\"currentColor\"/>\n<path d=\"M7 19H5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M13.3137 4.929L11.1716 7.07109C10.5935 7.64915 10.3045 7.93818 10.1522 8.30573C10 8.67327 10 9.08202 10 9.89952L10 19.5564L18.9705 10.5859C19.9606 9.59581 20.4556 9.10079 20.6411 8.52997C20.8042 8.02786 20.8042 7.48699 20.6411 6.98489C20.4556 6.41406 19.9606 5.91904 18.9705 4.929C17.9805 3.93896 17.4855 3.44394 16.9146 3.25847C16.4125 3.09532 15.8717 3.09532 15.3695 3.25847C14.7987 3.44394 14.3037 3.93896 13.3137 4.929Z\" stroke=\"currentColor\"/>\n<path d=\"M6 22L18 22C19.4001 22 20.1002 22 20.635 21.7275C21.1054 21.4878 21.4878 21.1054 21.7275 20.635C22 20.1002 22 19.4001 22 18C22 16.5999 22 15.8998 21.7275 15.365C21.4878 14.8946 21.1054 14.5122 20.635 14.2725C20.1002 14 19.4001 14 18 14L15.5 14\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/code.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/code.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-code-linear\"><path d=\"M17 7.82959L18.6965 9.35641C20.239 10.7447 21.0103 11.4389 21.0103 12.3296C21.0103 13.2203 20.239 13.9145 18.6965 15.3028L17 16.8296\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M13.9868 5L12 12.4149L10.0132 19.8297\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M7.00005 7.82959L5.30358 9.35641C3.76102 10.7447 2.98975 11.4389 2.98975 12.3296C2.98975 13.2203 3.76102 13.9145 5.30358 15.3028L7.00005 16.8296\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/users-group-rounded.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/users-group-rounded.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-users-group-rounded-linear\"><circle cx=\"9\" cy=\"6\" r=\"4\" stroke=\"currentColor\"/>\n<path d=\"M15 9C16.6569 9 18 7.65685 18 6C18 4.34315 16.6569 3 15 3\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<ellipse cx=\"9\" cy=\"17\" rx=\"7\" ry=\"4\" stroke=\"currentColor\"/>\n<path d=\"M18 14C19.7542 14.3847 21 15.3589 21 16.5C21 17.5293 19.9863 18.4229 18.5 18.8704\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/shield-check.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/shield-check.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-shield-check-linear\"><path d=\"M3 10.4167C3 7.21907 3 5.62028 3.37752 5.08241C3.75503 4.54454 5.25832 4.02996 8.26491 3.00079L8.83772 2.80472C10.405 2.26824 11.1886 2 12 2C12.8114 2 13.595 2.26824 15.1623 2.80472L15.7351 3.00079C18.7417 4.02996 20.245 4.54454 20.6225 5.08241C21 5.62028 21 7.21907 21 10.4167C21 10.8996 21 11.4234 21 11.9914C21 17.6294 16.761 20.3655 14.1014 21.5273C13.38 21.8424 13.0193 22 12 22C10.9807 22 10.62 21.8424 9.89856 21.5273C7.23896 20.3655 3 17.6294 3 11.9914C3 11.4234 3 10.8996 3 10.4167Z\" stroke=\"currentColor\"/>\n<path d=\"M9.5 12.4L10.9286 14L14.5 10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/check-circle.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/check-circle.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-check-circle-linear\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\"/>\n<path d=\"M8.5 12.5L10.5 14.5L15.5 9.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/play-circle.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/play-circle.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-play-circle-linear\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\"/>\n<path d=\"M15.4137 10.941C16.1954 11.4026 16.1954 12.5974 15.4137 13.059L10.6935 15.8458C9.93371 16.2944 9 15.7105 9 14.7868L9 9.21316C9 8.28947 9.93371 7.70561 10.6935 8.15419L15.4137 10.941Z\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/letter.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/letter.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-letter-linear\"><path d=\"M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z\" stroke=\"currentColor\"/>\n<path d=\"M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/phone-calling-rounded.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/phone-calling-rounded.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-phone-calling-rounded-linear\"><path d=\"M14 2C14 2 16.2 2.2 19 5C21.8 7.8 22 10 22 10\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M14.207 5.53564C14.207 5.53564 15.197 5.81849 16.6819 7.30341C18.1668 8.78834 18.4497 9.77829 18.4497 9.77829\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M10.0376 5.31617L10.6866 6.4791C11.2723 7.52858 11.0372 8.90533 10.1147 9.8278C10.1147 9.8278 8.99578 10.9467 11.0245 12.9755C13.0532 15.0042 14.1722 13.8853 14.1722 13.8853C15.0947 12.9628 16.4714 12.7277 17.5209 13.3134L18.6838 13.9624C20.2686 14.8468 20.4557 17.0692 19.0628 18.4622C18.2258 19.2992 17.2004 19.9505 16.0669 19.9934C14.1588 20.0658 10.9183 19.5829 7.6677 16.3323C4.41713 13.0817 3.93421 9.84122 4.00655 7.93309C4.04952 6.7996 4.7008 5.77423 5.53781 4.93723C6.93076 3.54428 9.15317 3.73144 10.0376 5.31617Z\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/calendar.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/calendar.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-calendar-linear\"><path d=\"M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z\" stroke=\"currentColor\"/>\n<path d=\"M7 4V2.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M17 4V2.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M2.5 9H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\"/>\n<path d=\"M17 13H17.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 13H12.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7 13H7.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M17 17.0234H17.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 17.0234H12.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M7 17.0234H7.0001\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/star.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/star.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-star-linear\"><path d=\"M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z\" stroke=\"currentColor\"/></svg>"
    },
    {
      "path": "site/public/icons/solar-linear/global.svg",
      "type": "registry:file",
      "target": "public/icons/solar-linear/global.svg",
      "content": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" class=\"solar solar-global-linear\"><path d=\"M22 12C22 13.3132 21.7413 14.6136 21.2388 15.8268C20.7362 17.0401 19.9997 18.1425 19.0711 19.0711C18.1425 19.9997 17.0401 20.7362 15.8268 21.2388C14.6136 21.7413 13.3132 22 12 22C10.6868 22 9.38642 21.7413 8.17317 21.2388C6.95991 20.7362 5.85752 19.9997 4.92893 19.0711C4.00035 18.1425 3.26375 17.0401 2.7612 15.8268C2.25866 14.6136 2 13.3132 2 12C2 10.6868 2.25866 9.38642 2.76121 8.17316C3.26375 6.95991 4.00035 5.85752 4.92893 4.92893C5.85752 4.00035 6.95991 3.26375 8.17317 2.7612C9.38642 2.25866 10.6868 2 12 2C13.3132 2 14.6136 2.25866 15.8268 2.76121C17.0401 3.26375 18.1425 4.00035 19.0711 4.92893C19.9997 5.85752 20.7362 6.95991 21.2388 8.17317C21.7413 9.38642 22 10.6868 22 12L22 12Z\" stroke=\"currentColor\"/>\n<path d=\"M16 12C16 13.3132 15.8965 14.6136 15.6955 15.8268C15.4945 17.0401 15.1999 18.1425 14.8284 19.0711C14.457 19.9997 14.016 20.7362 13.5307 21.2388C13.0454 21.7413 12.5253 22 12 22C11.4747 22 10.9546 21.7413 10.4693 21.2388C9.98396 20.7362 9.54301 19.9997 9.17157 19.0711C8.80014 18.1425 8.5055 17.0401 8.30448 15.8268C8.10346 14.6136 8 13.3132 8 12C8 10.6868 8.10346 9.38642 8.30448 8.17316C8.5055 6.95991 8.80014 5.85752 9.17157 4.92893C9.54301 4.00035 9.98396 3.26375 10.4693 2.7612C10.9546 2.25866 11.4747 2 12 2C12.5253 2 13.0454 2.25866 13.5307 2.76121C14.016 3.26375 14.457 4.00035 14.8284 4.92893C15.1999 5.85752 15.4945 6.95991 15.6955 8.17317C15.8965 9.38642 16 10.6868 16 12L16 12Z\" stroke=\"currentColor\"/>\n<path d=\"M2 12H22\" stroke=\"currentColor\" stroke-linecap=\"round\"/></svg>"
    }
  ],
  "docs": "/docs/themes#signal-agency",
  "meta": {
    "status": "stable",
    "copyright": "Coordiation",
    "framework": "Next.js App Router",
    "style": "high-contrast digital creative agency",
    "palette": "near black, warm white and electric lime",
    "namespace": "signal-agency",
    "classPrefix": "sa-",
    "preview": "/themes/signal-agency/preview",
    "cover": "/themes/signal-agency/hero-team.jpg",
    "components": [
      "AgencyButton",
      "SectionHeading",
      "ServiceCard",
      "ProjectCard",
      "PlanCard",
      "TeamCard",
      "TestimonialCard",
      "BlogCard",
      "ThemeIcon"
    ],
    "sections": [
      "header",
      "hero",
      "about",
      "services",
      "showreel",
      "benefits",
      "projects",
      "client logos",
      "pricing",
      "statistics",
      "team",
      "testimonials",
      "journal",
      "contact",
      "footer"
    ],
    "assets": [
      "/themes/signal-agency/hero-team.jpg",
      "/themes/signal-agency/about-team.jpg",
      "/themes/signal-agency/project-strategy.jpg",
      "/themes/signal-agency/project-product.jpg",
      "/themes/signal-agency/project-interface.jpg",
      "/themes/signal-agency/blog-meeting.jpg",
      "/themes/signal-agency/team-ana.jpg",
      "/themes/signal-agency/team-raka.jpg",
      "/themes/signal-agency/team-nadia.jpg",
      "/themes/signal-agency/team-bima.jpg"
    ],
    "frameworkName": "Coordiation CSS",
    "sourceOwnership": "open-code"
  }
}