{
  "format": 1,
  "slug": "layout-text-only-shape",
  "title": "Text-only card with a gradient shape",
  "description": "No photograph at all: a near-black card with a blurred amber-to-violet ring peeking in from the top-right corner, drawn in CSS so nothing is uploaded or served. An amber kicker, a bold headline, one amber button and a quiet text link beside it. For consultancies, agencies and studios selling a scoped engagement.",
  "type": "image_and_content",
  "categories": [
    "lead-capture",
    "announcements"
  ],
  "season": "",
  "requires": {
    "pro": false,
    "plugins": []
  },
  "preview": "preview.webp",
  "images": [],
  "popup": {
    "popup_name": "Text-only card with a gradient shape",
    "wdpop_item_tab": {
      "popup_type": "image_and_content",
      "popup_image": "",
      "popup_title": "A week of pricing work, not a six-month retainer",
      "Popup_content": "<span class=\"wdpop-eyebrow\">Two slots left · Q4</span><p>We take one product, interview eight of your customers, and hand back a price change you can ship the following Monday.</p><a class=\"wdpop-alt\" href=\"/pricing/\">What it costs</a>",
      "popup_close_text": "",
      "cta_link": {
        "url": "/book-a-call/",
        "text": "Book a call",
        "target": ""
      },
      "popup_display_mode": "modal",
      "popup_width": "modal-custom-width",
      "popup_custom_width": {
        "width": "470",
        "unit": "px"
      },
      "popup_position": "wdpop_core_middle_center",
      "popup_style_accordions": {
        "style_bg": "#111827",
        "style_text": "#9ca3af",
        "style_radius": "20",
        "style_padding": {
          "top": "44",
          "right": "40",
          "bottom": "36",
          "left": "40",
          "unit": "px"
        },
        "style_shadow": "large",
        "style_overlay_color": "#0f172a",
        "style_overlay_opacity": "55",
        "style_overlay_blur": "0",
        "style_heading_size": "29",
        "style_heading_weight": "800",
        "style_heading_color": "#e5e7eb",
        "style_body_size": "14",
        "style_align": "left",
        "style_cta_bg": {
          "color": "#f59e0b",
          "hover": "#fbbf24"
        },
        "style_cta_color": {
          "color": "#111827",
          "hover": "#111827"
        },
        "style_btn_radius": "10",
        "style_btn_font_size": "15",
        "style_btn_padding": {
          "top": "15",
          "right": "26",
          "bottom": "15",
          "left": "26",
          "unit": "px"
        },
        "style_btn_width": "auto",
        "close_btn_color": {
          "color": "#6b7280",
          "hover": "#e5e7eb"
        },
        "close_btn_bg_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "close_btn_border_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "anim_in": "zoom",
        "anim_out": "fade",
        "anim_duration": "300",
        "style_mobile_heading_size": "26",
        "custom_css": "/* No image (the layout collapses to none), so the decoration is drawn here: a blurred conic-gradient disc on the wrapper's ::before and a card-coloured disc on ::after cut it into a ring in the top-right corner. Selectors carry .wdpop-root so they outrank Pro's stylesheet, which loads after this CSS. */\n{{POPUP}}.wdpop-root .modal-content{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;overflow:hidden}\n{{POPUP}}.wdpop-root .wing--popup-wrapper{position:relative;overflow:hidden;isolation:isolate}\n{{POPUP}}.wdpop-root .wing--popup-wrapper::before{content:'';position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:conic-gradient(from 210deg,#f59e0b,#ec4899,#8b5cf6,#f59e0b);filter:blur(4px);opacity:.75;pointer-events:none}\n{{POPUP}}.wdpop-root .wing--popup-wrapper::after{content:'';position:absolute;right:-30px;top:-30px;width:150px;height:150px;border-radius:50%;background:var(--wdpop-bg,#111827);pointer-events:none}\n{{POPUP}}.wdpop-root .wing--popup-wrapper,{{POPUP}}.wdpop-root .wing--popup-content-wrap{text-align:var(--wdpop-align,left)}\n/* The Padding setting is the only padding: the column drops the stylesheet's own 35px */\n{{POPUP}}.wdpop-root .wing--popup-content-wrap{padding:0;position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:start}\n{{POPUP}}.wdpop-root .wing--popup-content{display:contents}\n/* Amber kicker above the headline */\n{{POPUP}}.wdpop-root .wdpop-eyebrow{order:-1;grid-column:1/-1;margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f59e0b}\n{{POPUP}}.wdpop-root .wing--popup-title{grid-column:1/-1;max-width:15ch;margin:0 0 14px;padding:0;line-height:1.2;letter-spacing:-.015em}\n{{POPUP}}.wdpop-root .wing--popup-content p{grid-column:1/-1;max-width:38ch;margin:0 0 24px;line-height:1.7}\n/* Button and the text link on one row */\n{{POPUP}}.wdpop-root .wdpop-cta{order:8;grid-column:1;margin:0;font-weight:700;line-height:1.2}\n{{POPUP}}.wdpop-root .wdpop-alt{order:9;grid-column:2;justify-self:start;margin:0 0 0 14px;font-size:13.5px;color:var(--wdpop-text,#9ca3af);text-decoration:underline;text-underline-offset:3px}\n{{POPUP}}.wdpop-root .wdpop-alt:hover{color:#e5e7eb}\n{{POPUP}}.wdpop-root .wing--popup-close-btn{top:16px;right:18px;width:32px;height:32px;padding:0;line-height:32px;font-size:22px;text-align:center;z-index:2}"
      },
      "page_load_events": {
        "page_load_status": "1",
        "popup_delay": "0"
      },
      "frequency_events": {
        "freq_mode": "always"
      }
    }
  }
}