{"id":902,"date":"2026-08-31T15:01:58","date_gmt":"2026-08-31T15:01:58","guid":{"rendered":"https:\/\/new.be-ant.com\/?page_id=902"},"modified":"2026-08-31T15:03:01","modified_gmt":"2026-08-31T15:03:01","slug":"blog-2","status":"publish","type":"page","link":"https:\/\/new.be-ant.com\/?page_id=902","title":{"rendered":"Blog1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"902\" class=\"elementor elementor-902\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6131246 e-flex e-con-boxed e-con e-parent\" data-id=\"6131246\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-612947e elementor-widget elementor-widget-html\" data-id=\"612947e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  beAnt \u2014 Blog listing page, packaged for a WordPress Custom HTML block.\n  Same conventions as wordpress-home.html \u2014 see that file's header comment.\n\n  REPLACE BEFORE GOING LIVE\n  Images:\n    REPLACE_WITH_WP_MEDIA\/logo-teal.png\n    REPLACE_WITH_WP_MEDIA\/logo-teal-white.png\n  Links: every href=\"#REPLACE_WITH_..._URL\" below. Each entry points at\n  REPLACE_WITH_ARTICLE_URL_<slug> \u2014 the original site's four articles were\n  one shared template (article.html?slug=...); in WordPress each becomes\n  its own page\/post, so point every entry at its real URL once those\n  exist.\n-->\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');\n\n  #ba-root{\n    --ba-ink:#101111; --ba-paper:#f3f2ed; --ba-white:#fff; --ba-teal:#21c9b4;\n    --ba-muted:#aaa9a4; --ba-line:#d8d7d1; --ba-nav-gutter:4.4vw;\n  }\n  #ba-root, #ba-root *, #ba-root *:before, #ba-root *:after{ box-sizing:border-box; }\n  #ba-root{\n    width:100vw; max-width:100vw; position:relative; left:50%; right:50%;\n    margin-left:-50vw; margin-right:-50vw; overflow-x:hidden;\n    background:var(--ba-white); color:var(--ba-ink);\n    font-family:\"DM Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n    font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased;\n  }\n  #ba-root a{ color:inherit; text-decoration:none; background:none; }\n  #ba-root h1, #ba-root h2, #ba-root h3, #ba-root h4, #ba-root h5, #ba-root h6, #ba-root p{\n    margin:0; padding:0; color:inherit; font-family:inherit; font-size:inherit;\n    font-weight:inherit; font-style:inherit; line-height:inherit; letter-spacing:inherit;\n    text-align:inherit; text-transform:inherit;\n  }\n  #ba-root ul, #ba-root ol{ margin:0; padding:0; list-style:none; color:inherit; }\n  #ba-root li{ color:inherit; }\n  #ba-root button{\n    font:inherit; color:inherit; background:none; border:0; padding:0; margin:0;\n    -webkit-appearance:none; appearance:none; cursor:pointer; text-align:inherit;\n  }\n  #ba-root img{ max-width:100%; display:block; border:0; }\n  #ba-root input, #ba-root textarea, #ba-root select{ font-family:inherit; color:inherit; }\n\n  \/* ---- header \/ nav ---- *\/\n  #ba-root .ba-site-header{\n    height:86px; padding:0 var(--ba-nav-gutter); display:flex; align-items:center; gap:48px;\n    background:rgba(243,242,237,.97); backdrop-filter:blur(14px);\n    position:fixed; z-index:20; top:0; left:0; right:0; border-bottom:1px solid rgba(0,0,0,.08);\n  }\n  #ba-root .ba-logo{ font-family:Manrope,sans-serif; display:flex; align-items:center; line-height:1; }\n  #ba-root .ba-logo-image{ display:block; width:97px; height:auto; object-fit:contain; }\n  #ba-root .ba-site-header nav{ display:flex; gap:35px; margin-left:auto; font-size:14px; position:relative; }\n  #ba-root .ba-site-header nav a{ transition:color .2s; }\n  #ba-root .ba-nav-contact-mobile{ display:none; }\n  #ba-root .ba-site-header nav a:hover{ color:var(--ba-teal); }\n  #ba-root .ba-site-header nav a.ba-active{ color:var(--ba-teal); }\n  #ba-root .ba-nav-indicator{\n    position:absolute; left:0; bottom:-8px; height:1.5px; background:var(--ba-teal); opacity:0;\n    transition:transform .35s cubic-bezier(.22,.61,.36,1), width .35s cubic-bezier(.22,.61,.36,1), opacity .2s ease;\n    pointer-events:none;\n  }\n  #ba-root .ba-header-cta{\n    background:var(--ba-ink); color:#fff; padding:14px 20px; font-size:13px;\n    border:1px solid var(--ba-ink); transition:.25s; display:inline-block;\n  }\n  #ba-root .ba-header-cta:hover{ background:var(--ba-teal); color:var(--ba-ink); border-color:var(--ba-teal); }\n  #ba-root .ba-header-cta span{ margin-left:18px; display:inline-block; transition:transform .3s cubic-bezier(.22,.61,.36,1); }\n  #ba-root .ba-header-cta:hover span{ transform:translate(3px,-3px); }\n  #ba-root .ba-menu-toggle{ display:none; }\n  #ba-root .ba-kicker{\n    display:inline-flex; align-items:center; gap:10px; text-transform:uppercase; letter-spacing:.16em;\n    font-size:11px; font-weight:600; margin-bottom:28px; color:#8d908e;\n  }\n  #ba-root .ba-reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }\n  #ba-root .ba-reveal.ba-visible{ opacity:1; transform:none; }\n  @media (prefers-reduced-motion:reduce){ #ba-root .ba-reveal{ opacity:1; transform:none; transition:none; } }\n\n  \/* ---- blog hero ---- *\/\n  #ba-root .ba-blog-hero{\n    padding:clamp(155px,16vw,220px) 8.5vw clamp(85px,10vw,145px); background:var(--ba-ink); color:#fff;\n  }\n  #ba-root .ba-blog-hero-copy h1{ margin-top:22px; font:500 clamp(48px,6.2vw,92px)\/.98 Manrope,sans-serif; letter-spacing:-.06em; }\n  #ba-root .ba-blog-hero-copy h1 em{ font-weight:400; color:var(--ba-teal); font-style:normal; }\n  #ba-root .ba-blog-hero-copy > p:last-child{ margin-top:28px; max-width:470px; color:var(--ba-muted); font-size:17px; line-height:1.6; }\n\n  \/* ---- entries ---- *\/\n  #ba-root .ba-blog-list{ background:var(--ba-white); padding:clamp(75px,9vw,125px) 8.5vw clamp(90px,10vw,145px); }\n  #ba-root .ba-blog-entry{ display:grid; grid-template-columns:24% 1fr; gap:40px; padding:34px 0; border-top:1px solid var(--ba-line); }\n  #ba-root .ba-blog-entry:last-child{ border-bottom:1px solid var(--ba-line); }\n  #ba-root .ba-blog-date{ text-transform:uppercase; letter-spacing:.13em; font-size:10px; color:#777772; }\n  #ba-root .ba-blog-entry h2{ font:500 clamp(25px,3vw,42px)\/1.1 Manrope,sans-serif; letter-spacing:-.045em; transition:color .3s; }\n  #ba-root .ba-blog-entry > div > p{ margin-top:15px; max-width:560px; color:#64645f; font-size:15px; line-height:1.6; }\n  #ba-root .ba-blog-entry a.ba-blog-read{\n    display:inline-flex; gap:20px; align-items:center; margin-top:24px; border-bottom:1px solid var(--ba-ink);\n    padding-bottom:7px; font-size:12px; text-transform:uppercase; letter-spacing:.07em; transition:color .3s, border-color .3s;\n  }\n  #ba-root .ba-blog-entry a.ba-blog-read span{ font-size:17px; transition:transform .3s; }\n  #ba-root .ba-blog-entry:hover h2, #ba-root .ba-blog-entry a.ba-blog-read:hover{ color:var(--ba-teal); }\n  #ba-root .ba-blog-entry a.ba-blog-read:hover{ border-color:var(--ba-teal); }\n  #ba-root .ba-blog-entry a.ba-blog-read:hover span{ transform:translate(3px,-3px); }\n\n  @media (max-width:1024px){\n    #ba-root .ba-blog-hero{ padding-top:130px; padding-left:7vw; padding-right:7vw; }\n    #ba-root .ba-blog-hero-copy h1{ font-size:clamp(46px,13vw,68px); }\n    #ba-root .ba-blog-hero-copy > p:last-child{ font-size:15px; }\n    #ba-root .ba-blog-list{ padding-left:7vw; padding-right:7vw; }\n    #ba-root .ba-blog-entry{ grid-template-columns:1fr; gap:18px; padding:28px 0; }\n  }\n  @media (max-width:480px){\n    #ba-root .ba-blog-hero{ padding-left:6vw; padding-right:6vw; }\n    #ba-root .ba-blog-list{ padding-left:6vw; padding-right:6vw; }\n  }\n\n  \/* ---- footer ---- *\/\n  #ba-root .ba-footer{ background:#0e1010; color:#fff; padding:75px var(--ba-nav-gutter) 35px; }\n  #ba-root .ba-footer-top{ display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:75px; border-bottom:1px solid #353737; }\n  #ba-root .ba-footer-top p{ color:#969996; max-width:600px; text-align:right; line-height:1.8; font-size:13px; }\n  #ba-root .ba-footer-bottom{ padding-top:28px; display:grid; grid-template-columns:1fr auto 1fr; gap:40px; font-size:11px; color:#858985; }\n  #ba-root .ba-footer-bottom div{ display:flex; gap:25px; color:#ddd; }\n  #ba-root .ba-footer-bottom div a{ transition:color .2s; }\n  #ba-root .ba-footer-bottom div a:hover{ color:var(--ba-teal); }\n  #ba-root .ba-footer-bottom span{ text-align:right; }\n  #ba-root .ba-footer-mark{ display:inline-flex; align-items:center; justify-content:flex-end; gap:8px; }\n  #ba-root .ba-motif{ display:inline-block; flex:none; border-left:1.4px solid currentColor; border-top:1.4px solid currentColor; transform:rotate(45deg); }\n  #ba-root .ba-footer-mark .ba-motif{ width:8px; height:8px; color:#6c706e; }\n\n  @media (max-width:1024px){\n    #ba-root .ba-footer-top, #ba-root .ba-footer-bottom{ display:flex; flex-direction:column; }\n    #ba-root .ba-footer-top p{ text-align:left; }\n    #ba-root .ba-footer-bottom span, #ba-root .ba-footer-mark{ text-align:left; justify-content:flex-start; }\n  }\n\n  \/* ---- mobile nav ---- *\/\n  @media (max-width:1024px){\n    #ba-root .ba-site-header{ height:70px; }\n    #ba-root .ba-site-header nav{\n      position:fixed; inset:70px 0 auto; background:var(--ba-paper); padding:40px 7vw; display:none;\n      flex-direction:column; font-size:21px; z-index:19; color:var(--ba-ink);\n    }\n    #ba-root .ba-nav-contact-mobile{ display:block; }\n    #ba-root .ba-site-header nav.ba-open{ display:flex; }\n    #ba-root .ba-nav-indicator{ display:none; }\n    #ba-root .ba-header-cta{ display:none; }\n    #ba-root .ba-menu-toggle{ display:block; margin-left:auto; width:35px; height:30px; }\n    #ba-root .ba-menu-toggle span{ display:block; height:1px; background:#111; margin:8px 0; }\n  }\n  @media (max-width:480px){ #ba-root .ba-logo-image{ width:80px; } }\n<\/style>\n\n<div id=\"ba-root\">\n\n  <header class=\"ba-site-header\">\n    <a class=\"ba-logo\" href=\"#REPLACE_WITH_HOME_PAGE_URL\" aria-label=\"beAnt home\">\n      <img decoding=\"async\" class=\"ba-logo-image\" src=\"REPLACE_WITH_WP_MEDIA\/logo-teal.png\" alt=\"beAnt\">\n    <\/a>\n    <button class=\"ba-menu-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"ba-nav\"><span><\/span><span><\/span><\/button>\n    <nav id=\"ba-nav\" aria-label=\"Main navigation\">\n      <a href=\"#REPLACE_WITH_HOME_PAGE_URL\">Home<\/a>\n      <a href=\"#REPLACE_WITH_WORK_PAGE_URL\">Work<\/a>\n      <a href=\"#REPLACE_WITH_SERVICES_URL\">Services<\/a>\n      <a href=\"#REPLACE_WITH_ABOUT_PAGE_URL\">About<\/a>\n      <a href=\"#\" class=\"ba-active\" aria-current=\"page\">Blog<\/a>\n      <a href=\"#REPLACE_WITH_CONTACT_PAGE_URL\" class=\"ba-nav-contact-mobile\">Contact<\/a>\n    <\/nav>\n    <a class=\"ba-header-cta\" href=\"#REPLACE_WITH_CONTACT_PAGE_URL\">Start a project <span>&#8599;<\/span><\/a>\n  <\/header>\n\n  <main>\n    <section class=\"ba-blog-hero\">\n      <div class=\"ba-blog-hero-copy ba-reveal\">\n        <p class=\"ba-kicker\">05 \/ Notes from beAnt<\/p>\n        <h1>Ideas worth<br><em>sharing.<\/em><\/h1>\n        <p>Thoughts on design, technology and the work of making digital experiences useful.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"ba-blog-list\">\n      <article class=\"ba-blog-entry ba-reveal\">\n        <p class=\"ba-blog-date\">Web Development \/ 23.08.26<\/p>\n        <div>\n          <h2><a href=\"#REPLACE_WITH_ARTICLE_URL_webflow-vs-wordpress-why-i-prefer-webflow\">Webflow vs. WordPress: why I prefer Webflow.<\/a><\/h2>\n          <p>WordPress and Webflow can both build great websites, but for modern business, portfolio and agency sites, I keep reaching for Webflow.<\/p>\n          <a class=\"ba-blog-read\" href=\"#REPLACE_WITH_ARTICLE_URL_webflow-vs-wordpress-why-i-prefer-webflow\">Read article <span>&#8599;<\/span><\/a>\n        <\/div>\n      <\/article>\n      <article class=\"ba-blog-entry ba-reveal\">\n        <p class=\"ba-blog-date\">Design \/ 22.08.26<\/p>\n        <div>\n          <h2><a href=\"#REPLACE_WITH_ARTICLE_URL_design-is-a-way-of-making-decisions\">Design is a way of making decisions.<\/a><\/h2>\n          <p>Good design brings clarity to the things that matter, from the first sketch to the final interaction.<\/p>\n          <a class=\"ba-blog-read\" href=\"#REPLACE_WITH_ARTICLE_URL_design-is-a-way-of-making-decisions\">Read article <span>&#8599;<\/span><\/a>\n        <\/div>\n      <\/article>\n      <article class=\"ba-blog-entry ba-reveal\">\n        <p class=\"ba-blog-date\">Technology \/ 15.08.26<\/p>\n        <div>\n          <h2><a href=\"#REPLACE_WITH_ARTICLE_URL_build-the-useful-thing-first\">Build the useful thing first.<\/a><\/h2>\n          <p>Digital products become stronger when they start with a real need and leave room for people to use them naturally.<\/p>\n          <a class=\"ba-blog-read\" href=\"#REPLACE_WITH_ARTICLE_URL_build-the-useful-thing-first\">Read article <span>&#8599;<\/span><\/a>\n        <\/div>\n      <\/article>\n      <article class=\"ba-blog-entry ba-reveal\">\n        <p class=\"ba-blog-date\">Process \/ 08.08.26<\/p>\n        <div>\n          <h2><a href=\"#REPLACE_WITH_ARTICLE_URL_small-details-considered-properly\">Small details, considered properly.<\/a><\/h2>\n          <p>Consistency is not decoration. It is how a thoughtful product earns trust one moment at a time.<\/p>\n          <a class=\"ba-blog-read\" href=\"#REPLACE_WITH_ARTICLE_URL_small-details-considered-properly\">Read article <span>&#8599;<\/span><\/a>\n        <\/div>\n      <\/article>\n    <\/section>\n  <\/main>\n\n  <footer class=\"ba-footer\">\n    <div class=\"ba-footer-top\">\n      <a class=\"ba-logo\" href=\"#REPLACE_WITH_HOME_PAGE_URL\">\n        <img decoding=\"async\" class=\"ba-logo-image\" src=\"REPLACE_WITH_WP_MEDIA\/logo-teal-white.png\" alt=\"beAnt\">\n      <\/a>\n      <p>Websites &middot; Web Applications &middot; Mobile Apps &middot; AI &amp; Automation &middot; Branding &amp; Design &middot; Digital Support<\/p>\n    <\/div>\n    <div class=\"ba-footer-bottom\">\n      <p>UK-founded. Working with businesses in the UK and beyond.<\/p>\n      <div>\n        <a href=\"#REPLACE_WITH_HOME_PAGE_URL\">Home<\/a>\n        <a href=\"#REPLACE_WITH_WORK_PAGE_URL\">Work<\/a>\n        <a href=\"#REPLACE_WITH_SERVICES_URL\">Services<\/a>\n        <a href=\"#REPLACE_WITH_ABOUT_PAGE_URL\">About<\/a>\n        <a href=\"#\">Blog<\/a>\n      <\/div>\n      <span class=\"ba-footer-mark\"><span class=\"ba-motif\" aria-hidden=\"true\"><\/span>&copy; beAnt. All rights reserved.<\/span>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\n(function () {\n  'use strict';\n  var root = document.getElementById('ba-root');\n  if (!root) return;\n  var q = function (sel, ctx) { return (ctx || root).querySelector(sel); };\n  var qa = function (sel, ctx) { return Array.prototype.slice.call((ctx || root).querySelectorAll(sel)); };\n\n  var toggle = q('.ba-menu-toggle');\n  var nav = q('#ba-nav');\n  if (toggle && nav) {\n    toggle.addEventListener('click', function () {\n      var open = toggle.getAttribute('aria-expanded') === 'true';\n      toggle.setAttribute('aria-expanded', String(!open));\n      nav.classList.toggle('ba-open');\n    });\n    qa('a', nav).forEach(function (link) {\n      link.addEventListener('click', function () {\n        nav.classList.remove('ba-open');\n        toggle.setAttribute('aria-expanded', 'false');\n      });\n    });\n  }\n\n  var revealObserver = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('ba-visible');\n        revealObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: .12 });\n  qa('.ba-reveal').forEach(function (el) { revealObserver.observe(el); });\n\n  (function () {\n    var navEl = q('.ba-site-header nav');\n    if (!navEl) return;\n    var indicator = document.createElement('span');\n    indicator.className = 'ba-nav-indicator';\n    indicator.setAttribute('aria-hidden', 'true');\n    navEl.appendChild(indicator);\n\n    function moveIndicatorTo(link, instant) {\n      if (!link) { indicator.style.opacity = '0'; return; }\n      if (instant) indicator.style.transition = 'none';\n      var navRect = navEl.getBoundingClientRect();\n      var linkRect = link.getBoundingClientRect();\n      indicator.style.opacity = '1';\n      indicator.style.width = linkRect.width + 'px';\n      indicator.style.transform = 'translateX(' + (linkRect.left - navRect.left) + 'px)';\n      if (instant) { void indicator.offsetWidth; indicator.style.transition = ''; }\n    }\n    var pinnedLink = null;\n    function activeLink() { return pinnedLink || q('a.ba-active', navEl) || null; }\n    function syncToActive(instant) { moveIndicatorTo(activeLink(), instant); }\n    qa('a', navEl).forEach(function (link) {\n      link.addEventListener('mouseenter', function () { moveIndicatorTo(link); });\n      link.addEventListener('focus', function () { moveIndicatorTo(link); });\n      link.addEventListener('click', function () { pinnedLink = link; moveIndicatorTo(link); });\n    });\n    navEl.addEventListener('mouseleave', function () { syncToActive(); });\n    syncToActive(true);\n    if (document.fonts && document.fonts.ready) { document.fonts.ready.then(function () { syncToActive(true); }); }\n    window.addEventListener('resize', function () { syncToActive(true); });\n  })();\n})();\n<\/script>\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>Home Work Services About Blog Contact Start a project &#8599; 05 \/ Notes from beAnt Ideas worthsharing. Thoughts on design, technology and the work of making digital experiences useful. Web Development \/ 23.08.26 Webflow vs. WordPress: why I prefer Webflow. WordPress and Webflow can both build great websites, but for modern business, portfolio and agency [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-902","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/pages\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/new.be-ant.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=902"}],"version-history":[{"count":5,"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/pages\/902\/revisions"}],"predecessor-version":[{"id":907,"href":"https:\/\/new.be-ant.com\/index.php?rest_route=\/wp\/v2\/pages\/902\/revisions\/907"}],"wp:attachment":[{"href":"https:\/\/new.be-ant.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}