{"id":12,"date":"2024-06-06T16:21:23","date_gmt":"2024-06-06T14:21:23","guid":{"rendered":"https:\/\/astratdesign.com\/?page_id=12"},"modified":"2026-02-11T21:55:02","modified_gmt":"2026-02-11T20:55:02","slug":"elementor-12","status":"publish","type":"page","link":"https:\/\/astratdesign.com\/","title":{"rendered":"Coming soon"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d91f37e e-flex e-con-boxed e-con e-parent\" data-id=\"d91f37e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63bb698 elementor-widget elementor-widget-html\" data-id=\"63bb698\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- a.strat design slot animation (responsive, no internal padding) -->\n<div class=\"astrat-wrap\">\n  <div class=\"astrat-container\">\n    <span class=\"astrat-static\">a.strat<\/span><span class=\"astrat-word\">design<\/span>\n  <\/div>\n<\/div>\n\n<style>\n  \/* ---- Layout ---- *\/\n  .astrat-wrap {\n    display: flex;\n    justify-content: left;\n    align-items: left;\n    overflow: hidden; \/* prevents vertical scroll on animation *\/\n  }\n\n  .astrat-container {\n    font-family: 'Ubuntu', sans-serif;\n    font-size: 5rem;            \/* desktop size *\/\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    color: #fff;\n    line-height: 1.1;\n    display: inline-flex;\n    align-items: center;\n    overflow: visible;\n    white-space: nowrap;\n  }\n\n  .astrat-static {\n    font-weight: 700;\n    color: #fff;\n  }\n\n  .astrat-word {\n    display: inline-block;\n    font-weight: 400;\n    color: rgba(255,255,255,0.6);\n    transform: translateY(0);\n    transition: transform 1.2s cubic-bezier(0.33,1,0.68,1), opacity 1.2s ease;\n    will-change: transform, opacity;\n    text-align: left;\n  }\n\n  \/* --- Responsive mobile portrait (\u2264 767px) --- *\/\n  @media (max-width: 767px) {\n    .astrat-container {\n      font-size: 3.2rem;        \/* larger since padding handled in Elementor *\/\n      line-height: 1.15;\n      text-align: center;\n    }\n  }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const words = [\"audit\", \"brand\", \"vision\", \"growth\", \"design\"];\n  const el = document.querySelector(\".astrat-word\");\n  let i = 0;\n\n  \/* --- measure width after Ubuntu has loaded --- *\/\n  function measureAndSetWidth() {\n    const measure = document.createElement(\"span\");\n    const comp = window.getComputedStyle(el);\n    measure.style.font = comp.font;\n    measure.style.letterSpacing = comp.letterSpacing;\n    measure.style.fontVariant = comp.fontVariant;\n    measure.style.fontStretch = comp.fontStretch;\n    measure.style.fontStyle = comp.fontStyle;\n    measure.style.whiteSpace = \"nowrap\";\n    measure.style.visibility = \"hidden\";\n    measure.style.position = \"absolute\";\n    document.body.appendChild(measure);\n\n    let maxWidth = 0;\n    for (const w of words) {\n      measure.textContent = w;\n      const wPx = Math.ceil(measure.getBoundingClientRect().width);\n      if (wPx > maxWidth) maxWidth = wPx;\n    }\n    document.body.removeChild(measure);\n\n    const bufferPx = 16; \/* add a little breathing room if clipping occurs *\/\n    el.style.width = (maxWidth + bufferPx) + \"px\";\n  }\n\n  function startSlotMotion() {\n    function slotMotion() {\n      if (i >= words.length) return; \/\/ stop after final word\n      el.style.transform = \"translateY(-100%)\";\n      el.style.opacity = \"0\";\n\n      setTimeout(() => {\n        el.textContent = words[i];\n        el.style.transition = \"none\";\n        el.style.transform = \"translateY(100%)\";\n        void el.offsetWidth; \/\/ reflow\n        el.style.transition =\n          \"transform 1.2s cubic-bezier(0.33,1,0.68,1), opacity 1.2s ease\";\n        el.style.opacity = \"1\";\n        el.style.transform = \"translateY(0)\";\n        i++;\n        if (i < words.length) {\n          setTimeout(slotMotion, 3200);\n        }\n      }, 1200);\n    }\n    setTimeout(slotMotion, 2800);\n  }\n\n  if (document.fonts && document.fonts.ready) {\n    document.fonts.ready.then(() => {\n      measureAndSetWidth();\n      startSlotMotion();\n    });\n  } else {\n    measureAndSetWidth();\n    startSlotMotion();\n  }\n\n  \/* Re-measure on resize for responsive font scaling *\/\n  window.addEventListener('resize', () => {\n    measureAndSetWidth();\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcdae83 e-flex e-con-boxed e-con e-child\" data-id=\"bcdae83\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ceca9be elementor-widget elementor-widget-heading\" data-id=\"ceca9be\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">is launching soon<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f84234d elementor-widget elementor-widget-text-editor\" data-id=\"f84234d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Until then, here is a selection of services I offer:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb36856 e-con-full e-flex e-con e-child\" data-id=\"fb36856\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8aec79 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"b8aec79\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">UX &amp; Product Design<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afd3cf1 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"afd3cf1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">UX Audit<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fd86c0 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"4fd86c0\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Brand Identity<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e58294 e-flex e-con-boxed e-con e-parent\" data-id=\"2e58294\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7199d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"bd7199d\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cff0d1f e-flex e-con-boxed e-con e-parent\" data-id=\"cff0d1f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7693307 e-con-full e-flex e-con e-child\" data-id=\"7693307\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65e1157 elementor-widget elementor-widget-text-editor\" data-id=\"65e1157\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Have a question or need more information?&nbsp;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53c89b2 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"53c89b2\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:astratdesign@gmail.com\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact Me<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf8cd90 e-con-full e-flex e-con e-child\" data-id=\"cf8cd90\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16c20ac elementor-widget-mobile__width-auto elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"16c20ac\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/www.behance.net\/jackstratford?\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-behance\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d2a3b0 elementor-widget-mobile__width-auto elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"5d2a3b0\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/www.linkedin.com\/in\/jackstratford\/\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin-in\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f126bf e-flex e-con-boxed e-con e-parent\" data-id=\"1f126bf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9719ac1 elementor-widget elementor-widget-text-editor\" data-id=\"9719ac1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>@2026 Jack Stratford. All rights reserved<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>a.stratdesign is launching soon Until then, here is a selection of services I offer: UX &amp; Product Design UX Audit Brand Identity Have a question or need more information?&nbsp; Contact Me @2026 Jack Stratford. All rights reserved<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/astratdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astratdesign.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/astratdesign.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/astratdesign.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/astratdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":157,"href":"https:\/\/astratdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":376,"href":"https:\/\/astratdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/376"}],"wp:attachment":[{"href":"https:\/\/astratdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}