{"id":6,"date":"2023-10-25T12:40:00","date_gmt":"2023-10-25T11:40:00","guid":{"rendered":"https:\/\/neologicdesign.com\/?page_id=6"},"modified":"2025-12-30T08:58:02","modified_gmt":"2025-12-30T08:58:02","slug":"home","status":"publish","type":"page","link":"https:\/\/neologicdesign.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<p class=\"has-text-align-left has-custom-color-1-color has-text-color has-source-serif-pro-font-family\" style=\"font-size:0.73rem;font-style:normal;font-weight:700;text-transform:uppercase\">Independent design studio. <br>Registered (India, Class 42). Founded by Meher Gulati.<\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!-- SIMPLE INFINITE LOOP.\n     Tagline: \u201cSimple design is good business\u201d\n     Text #525252, bold italic serif, one-line fit, snappy transitions,\n     extra right breathing room on mobile. -->\n\n<style>\n  .simple-loop{\n    width:100%;\n    min-height:12vh;                 \/* compact footprint *\/\n    padding:2vh 1rem;\n    background:#fff;\n    color:#525252;\n    font-family:\"YourSerifFontName\", serif; \/* use your site serif *\/\n    display:flex;\n    align-items:center;\n    justify-content:center;\n  }\n  .simple-center{\n    position:relative;\n    left:50%;\n    transform:translateX(-50%);\n    width:max-content;\n    max-width:100%;\n  }\n  .simple-line{\n    color:#525252;\n    font-weight:700;                 \/* bold *\/\n    font-style:italic;               \/* italic *\/\n    font-size:clamp(1.6rem,4.8vw,2.8rem);\n    line-height:1.04;\n    letter-spacing:.01em;\n    margin:0;\n    display:inline-flex;\n    align-items:center;\n    gap:.35ch;\n    white-space:nowrap;              \/* always one line *\/\n    transition:\n      opacity .38s cubic-bezier(.22,.61,.36,1),\n      transform .38s cubic-bezier(.22,.61,.36,1);\n  }\n  .simple-line.fade{opacity:0; transform:translateY(6px)}\n  @media (max-width: 768px){\n    .simple-center{\n      padding-right: clamp(28px, 7vw, 60px);\n      padding-left: 8px;\n    }\n  }\n  @media (prefers-reduced-motion: reduce){\n    .simple-line{transition:none !important}\n  }\n<\/style>\n\n<div class=\"simple-loop\" id=\"simpleWrap\">\n  <div class=\"simple-center\">\n    <h2 class=\"simple-line\" id=\"simpleLine\" aria-live=\"polite\" aria-atomic=\"true\">\n      Simple <span>design is good business<\/span>\n    <\/h2>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const TAGLINE = \"design is good business\";   \/\/ shown after every 4 outcomes\n\n  \/\/ Simple, non-jargony outcomes (\u22644 words) \u2014 now 108 items\n  const OUTCOMES = [\n    \"saves time\",\"saves money\",\"gets results\",\"cuts steps\",\"moves faster\",\"reduces waste\",\n    \"reduces risk\",\"reduces errors\",\"lowers effort\",\"lowers stress\",\"lowers cost\",\"adds clarity\",\n    \"builds trust\",\"builds loyalty\",\"builds momentum\",\"builds confidence\",\"creates focus\",\"creates calm\",\n    \"creates alignment\",\"creates space\",\"creates value\",\"creates progress\",\"drives action\",\"drives growth\",\n    \"drives change\",\"frees time\",\"frees cash\",\"frees energy\",\"frees attention\",\"guides choices\",\n    \"guides action\",\"keeps promises\",\"keeps pace\",\"keeps focus\",\"keeps quality\",\"keeps you safe\",\n    \"keeps things tidy\",\"makes sense\",\"makes progress\",\"makes it easy\",\"makes it clear\",\"minimizes noise\",\n    \"minimizes steps\",\"removes friction\",\"removes clutter\",\"removes doubt\",\"removes guesswork\",\n    \"removes delays\",\"shortens meetings\",\"shortens timelines\",\"simplifies work\",\"simplifies choices\",\n    \"simplifies setup\",\"streamlines work\",\"strengthens brand\",\"works everywhere\",\"works first time\",\n    \"works every time\",\"wins trust\",\"wins deals\",\"wins hearts\",\"feels premium\",\"feels modern\",\n    \"feels effortless\",\"feels stable\",\"feels reliable\",\"feels fast\",\"feels fair\",\"feels human\",\n    \"is clear\",\"is fair\",\"is safe\",\"is fast\",\"is flexible\",\"is durable\",\"is consistent\",\"is focused\",\n    \"is friendly\",\"is reliable\",\"is secure\",\"is tidy\",\"is stable\",\"is trusted\",\"is thoughtful\",\n    \"is ready\",\"is timeless\",\"is universal\",\"is efficient\",\"is elegant\",\"is helpful\",\"is better\",\n    \"cuts distractions\",\"removes hassle\",\"removes confusion\",\"adds confidence\",\"builds clarity\",\n    \"keeps it simple\",\"keeps work moving\",\"keeps costs down\",\"keeps risks low\",\"makes work lighter\",\n    \"makes work smoother\",\"makes choices easy\",\"makes teams faster\",\"works without fuss\",\n    \"works as expected\",\"just works\",\"feels easy\", \"design is grand\", \"gets remembered first\", \"makes it soar\", \"leads the pack\", \"outlasts\", \"outshines\", \"never goes out of fashion\", \"becomes the default\", \"sets the standard\", \"outsmarts competitors\", \"is awe-inspiring\", \"is divine\", \"means loud and clear\", \"means efficient\", \"is easy to love\", \"is easy to scale\", \"just works\", \"never confuses\", \"takes your business places\", \"gets noticed, gets remembered\"\n  ];\n\n  function shuffle(a){\n    for(let i=a.length-1;i>0;i--){\n      const j=Math.floor(Math.random()*(i+1));\n      [a[i],a[j]]=[a[j],a[i]];\n    }\n    return a;\n  }\n\n  const wrap  = document.getElementById('simpleWrap');\n  const line  = document.getElementById('simpleLine');\n  const span  = line.querySelector('span');\n\n  const INTERVAL_MS = 3200;   \/\/ cadence\n  const SWAP_DELAY  = 120;    \/\/ snappy swap\n\n  let pool = shuffle([...OUTCOMES]);\n  let idx = 0;\n  let sinceTagline = 0;\n\n  function nextPhrase(){\n    \/\/ Every 5th item is the tagline\n    if (sinceTagline === 4){\n      sinceTagline = 0;\n      return TAGLINE;\n    }\n    if (idx >= pool.length){ pool = shuffle([...OUTCOMES]); idx = 0; }\n    sinceTagline++;\n    return pool[idx++];\n  }\n\n  \/\/ Keep the sentence on a single line by shrinking if needed\n  function fitOneLine(){\n    line.style.fontSize=\"\";\n    const max = wrap.clientWidth - 70; \/\/ preserve right cushion on mobile\n    let fs = parseFloat(getComputedStyle(line).fontSize);\n    const MIN = 14; let guard = 100;\n    while (line.scrollWidth > max && fs > MIN && guard--){\n      fs -= 1;\n      line.style.fontSize = fs + \"px\";\n    }\n  }\n\n  function render(){\n    const phrase = nextPhrase();\n    line.classList.add('fade');\n    setTimeout(()=>{\n      span.textContent = phrase;  \/\/ safe text swap\n      line.classList.remove('fade');\n      fitOneLine();\n    }, SWAP_DELAY);\n  }\n\n  fitOneLine();\n  setTimeout(render, 400);\n  setInterval(render, INTERVAL_MS);\n  window.addEventListener('resize', fitOneLine);\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-left has-foreground-color has-text-color has-source-serif-pro-font-family\" style=\"font-size:1.01rem;font-style:normal;font-weight:500\">\u201cThe more involved a product is with human beings, the more it needs good design.&#8221; &#8211; Legendary industrial designer Henry Dreyfuss, 1955.<\/p>\n\n\n\n<p class=\"has-text-align-left has-foreground-color has-text-color has-source-serif-pro-font-family\" style=\"font-size:1.01rem;font-style:normal;font-weight:500\">At NeoLogic Design we know the best design usually comes down to simplicity, and when it&#8217;s done right, simple design doesn&#8217;t feel basic at all. <br>It feels strong, effortless, and <em>awesome<\/em>. <br><br><strong>That\u2019s why the ethos of NeoLogic Design <\/strong><br><strong>is to always design something Awesomely Simple.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- NeoLogic: Online + CTA (2D gradient dot, soft blink 1.2Hz) -->\n<div class=\"nl-root\" role=\"region\" aria-label=\"Contact NeoLogic\">\n  <div class=\"nl-online-cta\">\n    <div class=\"nl-left\">\n      <span class=\"nl-status nl-softblink\" aria-hidden=\"true\"><\/span>\n      <span class=\"nl-text\">open for business<\/span>\n    <\/div>\n    <a class=\"nl-btn\" href=\"mailto:hello@neologicdesign.com\" aria-label=\"Get in touch with NeoLogic Design\">\n      Get in Touch\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* ===== Scope everything ===== *\/\n.nl-root{all:unset;display:block;width:100%}\n.nl-root .nl-online-cta{\n  --nl-text:#2b2f36;\n  --nl-btn-text:#fff;\n  --nl-font:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\n\n  \/* One gradient token used by both the button and the dot *\/\n  --nl-btn-grad: linear-gradient(180deg,#2e84ff 0%, #1750d9 60%, #10379e 100%);\n  --nl-glow-rgb: 40,90,240;\n\n  \/* blink frequency: 1.2 times\/sec => 0.833s per cycle *\/\n  --nl-blink-period: 0.833s;\n\n  display:flex;align-items:center;justify-content:space-between;\n  gap:16px;width:100%;padding:10px 0;\n  font-family:var(--nl-font);color:var(--nl-text);line-height:1;\n}\n\n\/* Left group (dot + text) with fixed 8px gap *\/\n.nl-root .nl-left{display:inline-flex;align-items:center;gap:8px;min-width:0}\n.nl-root .nl-text{font-size:clamp(16px,2vw,20px);letter-spacing:.2px;opacity:.85;line-height:1}\n\n\/* 2D gradient status dot (same gradient as button) *\/\n.nl-root .nl-status{\n  width:clamp(12px,2vw,14px);height:clamp(12px,2vw,14px);\n  border-radius:50%;\n  background:var(--nl-btn-grad);\n  box-shadow:\n    0 0 0 rgba(0,0,0,0) inset,      \/* placeholder for consistency *\/\n    0 0 10px rgba(var(--nl-glow-rgb), .16),\n    0 0 18px rgba(var(--nl-glow-rgb), .10);\n  will-change:opacity,filter,box-shadow;\n}\n\n\/* Soft, single blink per cycle (fade down then back up) *\/\n.nl-root .nl-softblink{\n  animation:nl-softblink var(--nl-blink-period) ease-in-out infinite;\n}\n@keyframes nl-softblink{\n  0%,100%{\n    opacity:1; filter:none;\n    box-shadow:\n      0 0 10px rgba(var(--nl-glow-rgb), .16),\n      0 0 18px rgba(var(--nl-glow-rgb), .10);\n  }\n  50%{\n    opacity:.35; filter:brightness(.9) saturate(.95);\n    box-shadow:\n      0 0 5px rgba(var(--nl-glow-rgb), .10),\n      0 0 9px rgba(var(--nl-glow-rgb), .06);\n  }\n}\n\n\/* Square button (wider by +72px total via padding) *\/\n.nl-root .nl-btn{\n  position:relative;display:inline-block;text-decoration:none;color:var(--nl-btn-text);\n  font-weight:700;font-size:clamp(15px,2.1vw,19px);letter-spacing:.2px;\n  padding-top:clamp(11px,2vw,14px); padding-bottom:clamp(11px,2vw,14px);\n  padding-left:calc(clamp(22px,3.2vw,30px) + 36px);\n  padding-right:calc(clamp(22px,3.2vw,30px) + 36px);\n  border-radius:0; background:var(--nl-btn-grad);\n  box-shadow:\n    0 1px 0 rgba(255,255,255,.18) inset,\n    0 -1px 0 rgba(0,0,0,.25) inset,\n    0 10px 28px rgba(30,80,220,.22);\n  transition:transform .16s ease, box-shadow .22s ease, filter .22s ease;\n  isolation:isolate;\n}\n.nl-root .nl-btn::after{\n  content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n  background:linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.08) 100%);\n  mix-blend-mode:screen;opacity:.32;animation:nl-drift 10s ease-in-out infinite;\n}\n.nl-root .nl-btn::before{\n  content:\"\";position:absolute;inset:-12px;border-radius:inherit;z-index:-1;\n  background:radial-gradient(60% 55% at 50% 50%, rgba(var(--nl-glow-rgb), .22), rgba(var(--nl-glow-rgb), 0) 65%);\n  filter:blur(12px);opacity:.6;transition:opacity .22s ease;\n}\n@keyframes nl-drift{0%{transform:translateX(-1.5%)}50%{transform:translateX(1.5%)}100%{transform:translateX(-1.5%)}}\n.nl-root .nl-btn:hover,.nl-root .nl-btn:focus-visible{\n  transform:translateY(-1px);\n  box-shadow:\n    0 1px 0 rgba(255,255,255,.22) inset,\n    0 -1px 0 rgba(0,0,0,.28) inset,\n    0 14px 36px rgba(30,80,220,.30);\n}\n.nl-root .nl-btn:focus-visible{outline:2px solid rgba(135,175,255,.85);outline-offset:3px}\n\n\/* Motion sensitivity *\/\n@media (prefers-reduced-motion: reduce){\n  .nl-root .nl-softblink, .nl-root .nl-btn::after{animation:none !important}\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-custom-color-1-color has-text-color has-system-font-font-family has-large-font-size\" id=\"work-results\" style=\"font-style:normal;font-weight:500;text-transform:uppercase\"><strong>Work &amp; Results<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-custom-color-2-color has-text-color has-system-font-font-family has-large-font-size\" id=\"aviacost\" style=\"font-style:normal;font-weight:500\">AviaCost<\/h3>\n\n\n\n<p>Web and iOS UI design<br>Landing page design<br>Graphics &amp; video content<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container alignwide gspb_container gspb_container-gsbp-517e7d6\" id=\"gspb_container-id-gsbp-517e7d6\">\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-718c730 alignwide\" id=\"gspb_image-id-gsbp-718c730\"><img decoding=\"async\" src=\"http:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/12\/AviaCost-iOS.png\" data-src=\"\" alt=\"\" loading=\"lazy\" width=\"300px\" height=\"403\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" data-aos-once=\"true\"\/><\/div>\n<\/div>\n\n\n\n<p>A modern cost analysis and planning tool for business aviation operators.<\/p>\n\n\n\n<p>Used by 70+ operators typically managing fleets worth $50M-$300M+ in annual aircraft activity. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"851\" height=\"725\" src=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/12\/AviaCost-live-app.png\" alt=\"\" class=\"wp-image-388\" srcset=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/12\/AviaCost-live-app.png 851w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/12\/AviaCost-live-app-300x256.png 300w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/12\/AviaCost-live-app-768x654.png 768w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-c67b998\" id=\"gspb_container-id-gsbp-c67b998\" data-aos=\"fade\" data-aos-easing=\"ease\" data-aos-duration=\"800\" data-aos-once=\"true\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-source-serif-pro-font-family has-medium-font-size\"><em>\u201cAviaCost is really a great platform. I find it very intuitive, both with input and output. This is generally rare for tools like these.\u201d<\/em><\/p>\n<\/blockquote>\n\n\n\n<p class=\"has-source-serif-pro-font-family has-small-font-size\"><strong>Vice President &#8211; Sales and Acquisitions\u2028Operator based in Dallas, Texas<\/strong><\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-custom-color-2-color has-text-color has-system-font-font-family has-large-font-size\" id=\"sam\" style=\"font-style:normal;font-weight:500\">Sam<\/h3>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"785\" height=\"1024\" src=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Sam-785x1024.png\" alt=\"\" class=\"wp-image-283\" srcset=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Sam-785x1024.png 785w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Sam-230x300.png 230w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Sam-768x1002.png 768w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Sam-1178x1536.png 1178w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Sam-1570x2048.png 1570w\" sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-custom-color-2-color has-text-color has-system-font-font-family has-large-font-size\" id=\"blueprint-intelligence\" style=\"font-style:normal;font-weight:500\">Blueprint Intelligence<\/h3>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"1024\" src=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-7-771x1024.png\" alt=\"\" class=\"wp-image-174\" srcset=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-7-771x1024.png 771w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-7-226x300.png 226w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-7-768x1020.png 768w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-7-1157x1536.png 1157w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-7-1543x2048.png 1543w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-custom-color-2-color has-text-color has-system-font-font-family has-large-font-size\" id=\"surveillance-provider\" style=\"font-style:normal;font-weight:500\">Surveillance Provider<\/h3>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"782\" height=\"1024\" src=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Unmanned-Online-782x1024.png\" alt=\"\" class=\"wp-image-282\" srcset=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Unmanned-Online-782x1024.png 782w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Unmanned-Online-229x300.png 229w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Unmanned-Online-768x1006.png 768w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Unmanned-Online-1173x1536.png 1173w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/08\/Unmanned-Online-1564x2048.png 1564w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-custom-color-2-color has-text-color has-system-font-font-family has-large-font-size\" id=\"perfectplanner\" style=\"font-style:normal;font-weight:500\">PerfectPlanner<\/h3>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"785\" height=\"1024\" src=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-9-785x1024.png\" alt=\"\" class=\"wp-image-176\" srcset=\"https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-9-785x1024.png 785w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-9-230x300.png 230w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-9-768x1001.png 768w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-9-1178x1536.png 1178w, https:\/\/neologicdesign.com\/wp-content\/uploads\/2025\/06\/Page-9-1571x2048.png 1571w\" sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<!-- SLOT-STYLE EMOJI SHUFFLER\n     - \u201cSimple means\u201d + 3 emoji reels\n     - Positive emojis only\n     - Reels spin, stop sequentially\n     - Jackpot every 6\u20137 shuffles (all three match) with a fun burst\n     - Sans-serif, semibold\n     \u27f6 Paste into a WP \u201cCustom HTML\u201d block -->\n<style>\n  .slot-wrap{\n    display:flex;align-items:center;justify-content:center;gap:.75rem;\n    padding:1.5rem 1rem;font-family:\n      ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n      \"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\", sans-serif;\n  }\n  .slot-prefix{\n    font-weight:600;             \/* semibold *\/\n    font-size:clamp(1.2rem,4vw,2rem);\n    color:#111;\n    white-space:nowrap;\n  }\n  .slot-machine{\n    display:inline-flex;gap:.35rem;position:relative;\n    font-size:clamp(1.6rem,5vw,2.6rem);\n    line-height:1;\n  }\n  .reel{\n    width:1.25em;                \/* keeps widths consistent across emojis *\/\n    display:inline-block;text-align:center;\n    transform:translateZ(0);\n    transition:transform .18s ease;\n  }\n  .reel.stop{ transform:scale(1.15); }\n\n  \/* Jackpot flair *\/\n  .slot-machine.jackpot{ animation:glow 850ms ease-out; }\n  .slot-machine.jackpot .reel{ animation:pop .35s ease-in-out 0s 2; }\n  @keyframes pop{ 0%{transform:scale(1)} 40%{transform:scale(1.35)} 100%{transform:scale(1)} }\n  @keyframes glow{\n    0%{filter:drop-shadow(0 0 0 rgba(27,86,170,0))}\n    40%{filter:drop-shadow(0 0 14px rgba(27,86,170,.55))}\n    100%{filter:drop-shadow(0 0 0 rgba(27,86,170,0))}\n  }\n\n  \/* Optional: click target styling (cursor hint) *\/\n  .slot-machine{ cursor:pointer; }\n\n  \/* Respect users who prefer less motion *\/\n  @media (prefers-reduced-motion:reduce){\n    .reel{ transition:none !important }\n    .slot-machine.jackpot, .slot-machine.jackpot .reel{ animation:none !important }\n  }\n<\/style>\n\n<div class=\"slot-wrap\">\n  <span class=\"slot-prefix\">simple means<\/span>\n  <div class=\"slot-machine\" id=\"slotMachine\" aria-live=\"polite\" aria-atomic=\"true\">\n    <span class=\"reel\" id=\"reel1\">\u2728<\/span>\n    <span class=\"reel\" id=\"reel2\">\u2728<\/span>\n    <span class=\"reel\" id=\"reel3\">\u2728<\/span>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  \/\/ emoji set\n  const EMOJIS = [\"\u2728\",\"\ud83d\ude0d\",\"\ud83d\ude04\",\"\ud83d\ude0a\",\"\ud83e\udd29\",\"\ud83d\udd25\",\"\ud83d\udca1\",\"\u2705\",\"\ud83d\udc8e\",\"\ud83d\ude80\",\"\ud83d\udc4f\",\"\ud83d\ude4c\",\"\ud83e\udd1d\",\"\ud83c\udf1f\",\"\ud83e\udd73\",\"\ud83e\udde0\",\"\u2600\ufe0f\",\"\ud83d\udcc8\",\"\ud83e\udef6\",\"\ud83d\udc96\",\"\ud83c\udf89\",\"\ud83d\udc4d\",\"\ud83d\udcaa\",\"\ud83d\ude0c\",\"\ud83d\ude0e\",\"\ud83c\udf40\",\"\ud83d\udcb8\",\"\ud835\udc75\",\"\ud83c\udfc6\",\"\ud83e\udd47\",\"\ud83c\udfc6\",\"\ud83e\udd11\",\"\ud83d\ude0e\",\"\ud83d\ude2e\u200d\ud83d\udca8\",\"\ud83d\udcaf\"];\n\n  const machine = document.getElementById('slotMachine');\n  const reels = [document.getElementById('reel1'), document.getElementById('reel2'), document.getElementById('reel3')];\n\n  \/\/ Helper: random emoji\n  function randEmoji(){ return EMOJIS[Math.floor(Math.random()*EMOJIS.length)]; }\n\n  \/\/ Spin a single reel: quick shuffles that decelerate, then land on final\n  function spinReel(reel, duration, finalEmoji, delay){\n    setTimeout(()=>{\n      const t0 = performance.now();\n      let last = 0;\n      let interval = 55;                 \/\/ initial speed (ms per change)\n\n      function tick(t){\n        const elapsed = t - t0;\n        if (elapsed < duration){\n          if (t - last > interval){\n            reel.textContent = randEmoji();\n            last = t;\n            interval = Math.min(150, interval + 8); \/\/ slow down\n          }\n          requestAnimationFrame(tick);\n        } else {\n          reel.textContent = finalEmoji || randEmoji();\n          reel.classList.add('stop');\n          setTimeout(()=>reel.classList.remove('stop'), 220);\n        }\n      }\n      requestAnimationFrame(tick);\n    }, delay);\n  }\n\n  \/\/ Rig jackpots every 6\u20137 spins\n  let spins = 0;\n  let nextJackpot = 6 + Math.floor(Math.random()*2); \/\/ 6 or 7\n\n  function spinAll(){\n    spins++;\n    const isJackpot = (spins === nextJackpot);\n    if (isJackpot) nextJackpot += 6 + Math.floor(Math.random()*2);\n\n    const durations = [900, 1200, 1500];          \/\/ staggered stops\n    const stopEmoji = isJackpot ? randEmoji() : null;\n\n    \/\/ clear jackpot class\n    machine.classList.remove('jackpot');\n\n    reels.forEach((reel, i)=>{\n      spinReel(reel, durations[i], isJackpot ? stopEmoji : null, i*140);\n    });\n\n    if (isJackpot){\n      setTimeout(()=> machine.classList.add('jackpot'), Math.max(...durations) + 50);\n      setTimeout(()=> machine.classList.remove('jackpot'), 1600);\n    }\n\n    \/\/ schedule next automatic spin (brief pause after landing)\n    const cycle = Math.max(...durations) + 1200;\n    setTimeout(spinAll, cycle);\n  }\n\n  \/\/ Start automatically and allow manual spin on click\n  spinAll();\n  machine.addEventListener('click', spinAll);\n})();\n<\/script>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- NeoLogic: Online + CTA (2D gradient dot, soft blink 1.2Hz) -->\n<div class=\"nl-root\" role=\"region\" aria-label=\"Contact NeoLogic\">\n  <div class=\"nl-online-cta\">\n    <div class=\"nl-left\">\n      <span class=\"nl-status nl-softblink\" aria-hidden=\"true\"><\/span>\n      <span class=\"nl-text\">open for business<\/span>\n    <\/div>\n    <a class=\"nl-btn\" href=\"mailto:hello@neologicdesign.com\" aria-label=\"Get in touch with NeoLogic Design\">\n      Get in Touch\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* ===== Scope everything ===== *\/\n.nl-root{all:unset;display:block;width:100%}\n.nl-root .nl-online-cta{\n  --nl-text:#2b2f36;\n  --nl-btn-text:#fff;\n  --nl-font:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\n\n  \/* One gradient token used by both the button and the dot *\/\n  --nl-btn-grad: linear-gradient(180deg,#2e84ff 0%, #1750d9 60%, #10379e 100%);\n  --nl-glow-rgb: 40,90,240;\n\n  \/* blink frequency: 1.2 times\/sec => 0.833s per cycle *\/\n  --nl-blink-period: 0.833s;\n\n  display:flex;align-items:center;justify-content:space-between;\n  gap:16px;width:100%;padding:10px 0;\n  font-family:var(--nl-font);color:var(--nl-text);line-height:1;\n}\n\n\/* Left group (dot + text) with fixed 8px gap *\/\n.nl-root .nl-left{display:inline-flex;align-items:center;gap:8px;min-width:0}\n.nl-root .nl-text{font-size:clamp(16px,2vw,20px);letter-spacing:.2px;opacity:.85;line-height:1}\n\n\/* 2D gradient status dot (same gradient as button) *\/\n.nl-root .nl-status{\n  width:clamp(12px,2vw,14px);height:clamp(12px,2vw,14px);\n  border-radius:50%;\n  background:var(--nl-btn-grad);\n  box-shadow:\n    0 0 0 rgba(0,0,0,0) inset,      \/* placeholder for consistency *\/\n    0 0 10px rgba(var(--nl-glow-rgb), .16),\n    0 0 18px rgba(var(--nl-glow-rgb), .10);\n  will-change:opacity,filter,box-shadow;\n}\n\n\/* Soft, single blink per cycle (fade down then back up) *\/\n.nl-root .nl-softblink{\n  animation:nl-softblink var(--nl-blink-period) ease-in-out infinite;\n}\n@keyframes nl-softblink{\n  0%,100%{\n    opacity:1; filter:none;\n    box-shadow:\n      0 0 10px rgba(var(--nl-glow-rgb), .16),\n      0 0 18px rgba(var(--nl-glow-rgb), .10);\n  }\n  50%{\n    opacity:.35; filter:brightness(.9) saturate(.95);\n    box-shadow:\n      0 0 5px rgba(var(--nl-glow-rgb), .10),\n      0 0 9px rgba(var(--nl-glow-rgb), .06);\n  }\n}\n\n\/* Square button (wider by +72px total via padding) *\/\n.nl-root .nl-btn{\n  position:relative;display:inline-block;text-decoration:none;color:var(--nl-btn-text);\n  font-weight:700;font-size:clamp(15px,2.1vw,19px);letter-spacing:.2px;\n  padding-top:clamp(11px,2vw,14px); padding-bottom:clamp(11px,2vw,14px);\n  padding-left:calc(clamp(22px,3.2vw,30px) + 36px);\n  padding-right:calc(clamp(22px,3.2vw,30px) + 36px);\n  border-radius:0; background:var(--nl-btn-grad);\n  box-shadow:\n    0 1px 0 rgba(255,255,255,.18) inset,\n    0 -1px 0 rgba(0,0,0,.25) inset,\n    0 10px 28px rgba(30,80,220,.22);\n  transition:transform .16s ease, box-shadow .22s ease, filter .22s ease;\n  isolation:isolate;\n}\n.nl-root .nl-btn::after{\n  content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n  background:linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.08) 100%);\n  mix-blend-mode:screen;opacity:.32;animation:nl-drift 10s ease-in-out infinite;\n}\n.nl-root .nl-btn::before{\n  content:\"\";position:absolute;inset:-12px;border-radius:inherit;z-index:-1;\n  background:radial-gradient(60% 55% at 50% 50%, rgba(var(--nl-glow-rgb), .22), rgba(var(--nl-glow-rgb), 0) 65%);\n  filter:blur(12px);opacity:.6;transition:opacity .22s ease;\n}\n@keyframes nl-drift{0%{transform:translateX(-1.5%)}50%{transform:translateX(1.5%)}100%{transform:translateX(-1.5%)}}\n.nl-root .nl-btn:hover,.nl-root .nl-btn:focus-visible{\n  transform:translateY(-1px);\n  box-shadow:\n    0 1px 0 rgba(255,255,255,.22) inset,\n    0 -1px 0 rgba(0,0,0,.28) inset,\n    0 14px 36px rgba(30,80,220,.30);\n}\n.nl-root .nl-btn:focus-visible{outline:2px solid rgba(135,175,255,.85);outline-offset:3px}\n\n\/* Motion sensitivity *\/\n@media (prefers-reduced-motion: reduce){\n  .nl-root .nl-softblink, .nl-root .nl-btn::after{animation:none !important}\n}\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Independent design studio. Registered (India, Class 42). Founded by Meher Gulati. Simple design is good business \u201cThe more involved a product is with human beings, the more it needs good design.&#8221; &#8211; Legendary industrial designer Henry Dreyfuss, 1955. At NeoLogic Design we know the best design usually comes down to simplicity, and when it&#8217;s done [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":49,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":".gspb_container-id-gsbp-517e7d6,.gspb_container-id-gsbp-c67b998{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-517e7d6.gspb_container>p:last-of-type,#gspb_container-id-gsbp-c67b998.gspb_container>p:last-of-type{margin-bottom:0}#gspb_container-id-gsbp-517e7d6.gspb_container,#gspb_container-id-gsbp-c67b998.gspb_container{position:relative}#gspb_image-id-gsbp-718c730{text-align:center}#gspb_container-id-gsbp-c67b998.gspb_container,#gspb_image-id-gsbp-718c730 img{transition-duration:.8s;transition-timing-function:var(--gs-root-animation-easing, cubic-bezier(0.42, 0, 0.58, 1));opacity:var(--gs-root-animation-opacity, 0);transition-property:opacity,transform,filter}#gspb_image-id-gsbp-718c730 img{vertical-align:top;display:inline-block;box-sizing:border-box;max-width:100%;width:300px}#gspb_container-id-gsbp-c67b998.gspb_container.aos-animate,#gspb_container-id-gsbp-c67b998.gspb_container[data-gs-aos],#gspb_image-id-gsbp-718c730 img.aos-animate,#gspb_image-id-gsbp-718c730 img[data-gs-aos]{opacity:1;transform:translateZ(0)}#gspb_image-id-gsbp-718c730,#gspb_image-id-gsbp-718c730 img{height:auto}@media (max-width:991.98px){#gspb_image-id-gsbp-718c730,#gspb_image-id-gsbp-718c730 img{height:auto}}@media (max-width:767.98px){#gspb_image-id-gsbp-718c730,#gspb_image-id-gsbp-718c730 img{height:auto}}@media (max-width:575.98px){#gspb_image-id-gsbp-718c730,#gspb_image-id-gsbp-718c730 img{height:auto}}#gspb_container-id-gsbp-c67b998.gspb_container{margin-bottom:0}","inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/neologicdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neologicdesign.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neologicdesign.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neologicdesign.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neologicdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":187,"href":"https:\/\/neologicdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":416,"href":"https:\/\/neologicdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/neologicdesign.com\/index.php?rest_route=\/wp\/v2\/media\/49"}],"wp:attachment":[{"href":"https:\/\/neologicdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}