--- title: "Winner of \"Best Use of AI Technology\" award for Interprefy AI" description: "Interprefy won the Best Use of AI Technology award at the 2023 Event Tech Awards, recognising Interprefy AI for real-time multilingual event translation." image: https://www.interprefy.com/hubfs/eta_23_winner_FB.jpg canonical: https://www.interprefy.com/resources/press/companynews/interprefy-wins-best-use-of-ai-technology-award-for-interprefy-ai url: https://ai.interprefy.com/resources/press/companynews/interprefy-wins-best-use-of-ai-technology-award-for-interprefy-ai.md last_converted: 2026-10-12T20:56:45.849Z --- ```json { "@context": "https://schema.org", "@graph": [ { "@type": "VideoObject", "caption": { "@type": "MediaObject", "contentUrl": "https://www.interprefy.com/media-transcripts/159495977591/en.vtt", "inLanguage": "en", "name": "en Captions" }, "contentUrl": "https://6564114.fs1.hubspotusercontent-na1.net/hubfs/6564114/What%20Is%20Interprefy.mp4", "dateModified": "2025-09-16T13:30:13.207Z", "duration": "PT2M46.24S", "height": 2160, "name": "What Is Interprefy", "thumbnailUrl": "https://6564114.fs1.hubspotusercontent-na1.net/hubfs/6564114/What%20Is%20Interprefy.mp4/medium.jpg", "uploadDate": "2024-03-05T12:28:36.137Z", "width": 3840 }, { "@type": "BlogPosting", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.interprefy.com/resources/press/companynews/interprefy-wins-best-use-of-ai-technology-award-for-interprefy-ai" }, "headline": "Winner of \"Best Use of AI Technology\" award for Interprefy AI", "datePublished": "2023-11-20T09:48:35Z", "dateModified": "2026-05-15T07:51:41.035Z", "publisher": { "@type": "Organization", "name": "Interprefy AG", "logo": { "@type": "ImageObject", "url": "https://www.interprefy.com/hubfs/Interprefy%20Logo_Orange.png" } }, "image": [ "https://6564114.fs1.hubspotusercontent-na1.net/hubfs/6564114/eta_23_winner_FB.jpg" ], "author": { "@type": "Person", "name": "Markus Aregger", "url": "https://www.interprefy.com/resources/blog/author/markus-aregger" } } ] } ``` . `content:none` is the default, so a blog with no entry below simply gets no pill rather than a wrong or empty one — add a line for each new blog that adopts this stylesheet. */ body.hs-blog-listing.hs-blog-id-18068290575 .subscribe-strip-left::before{content:"Learning area"} /* Learning Area / blog */ body.hs-blog-listing.hs-blog-id-30970945904 .subscribe-strip-left::before{content:"Company news"} /* Press / Company News */ body.hs-blog-listing .subscribe-strip-left::before{ content:none; display:inline-flex;align-items:center;gap:8px; font-family:var(--f-ui);font-size:12px;font-weight:600; letter-spacing:.14em;text-transform:uppercase; color:rgba(255,255,255,.82); background:rgba(255,255,255,.07); border:1px solid var(--line-d); border-radius:999px;padding:7px 15px;margin:0 0 20px; } body.hs-blog-listing .subscribe-strip-left h1{ font-family:var(--f-head) !important; font-size:clamp(34px,5vw,64px) !important; line-height:1.05 !important; font-weight:700 !important; letter-spacing:-.025em; color:var(--white) !important; margin:0 0 16px !important; text-wrap:balance; } body.hs-blog-listing .subscribe-strip-left h5{ font-family:var(--f-body); font-size:clamp(16px,1.35vw,18.5px) !important; line-height:1.6 !important; font-weight:400 !important; color:rgba(255,255,255,.72) !important; margin:0 !important; max-width:52ch; } /* -------------------------------------------------------------------------- 3. TOPIC FILTER — neutral chips, ink active state -------------------------------------------------------------------------- */ body.hs-blog-listing .topics-or-title{ padding:0 0 clamp(22px,3vw,36px) !important; } /* tinynav's mobile is dropped — the pill row scrolls instead */ body.hs-blog-listing select.tinynav, body.hs-blog-listing .tinynav1{display:none !important} body.hs-blog-listing ul.l_tinynav1{ display:flex !important; flex-wrap:wrap; gap:9px; margin:0;padding:0; list-style:none; } body.hs-blog-listing ul.l_tinynav1 li{ display:block; margin:0 !important; } body.hs-blog-listing ul.l_tinynav1 li a{ display:inline-flex;align-items:center; font-family:var(--f-ui); font-size:14px !important; font-weight:500; line-height:1; white-space:nowrap; color:var(--muted) !important; background:var(--chip) !important; border:1px solid transparent; border-radius:999px !important; padding:11px 18px !important; text-decoration:none; transition:background .25s var(--ease),color .25s var(--ease), border-color .25s var(--ease),transform .25s var(--ease); } body.hs-blog-listing ul.l_tinynav1 li a:hover, body.hs-blog-listing ul.l_tinynav1 li a:focus-visible{ color:var(--orange-text) !important; background:var(--orange-tint) !important; border-color:rgba(248,83,28,.35); transform:translateY(-1px); } body.hs-blog-listing ul.l_tinynav1 li.active a{ color:var(--white) !important; background:var(--ink) !important; border-color:var(--ink); } body.hs-blog-listing ul.l_tinynav1 li.active a:hover{ background:var(--ink-2) !important; color:var(--white) !important; border-color:var(--ink-2); } /* -------------------------------------------------------------------------- 4. POST GRID — real grid, equal-height cards -------------------------------------------------------------------------- */ body.hs-blog-listing .hhs-blog-post-mod{ background:var(--white) !important; padding:0 0 clamp(30px,4vw,48px) !important; } body.hs-blog-listing .hhs-blog-post-mod .row{ display:grid !important; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:clamp(20px,2.4vw,30px); margin:0 !important; height:auto !important; } body.hs-blog-listing .hhs-blog-post-mod .row::before, body.hs-blog-listing .hhs-blog-post-mod .row::after{display:none !important} body.hs-blog-listing .hhs-blog-post-mod .col-sm-4{ width:100% !important; max-width:none !important; float:none !important; padding:0 !important; margin:0 !important; height:auto !important; display:flex; } /* the card */ body.hs-blog-listing .hhs-blog-post-card{ position:relative; display:flex; flex-direction:column; width:100%; height:auto !important; margin:0 !important; background:var(--white) !important; border:1px solid var(--line); border-radius:var(--r-card) !important; box-shadow:0 1px 2px rgba(12,12,13,.04) !important; overflow:hidden; transition:transform .35s var(--ease),box-shadow .35s var(--ease), border-color .35s var(--ease); } body.hs-blog-listing .hhs-blog-post-card:hover{ transform:translateY(-4px); border-color:rgba(248,83,28,.30); box-shadow:0 26px 48px -26px rgba(12,12,13,.34), 0 0 0 4px rgba(248,83,28,.06); } /* image link */ body.hs-blog-listing .hhs-blog-post-card > a{ display:block; overflow:hidden; background:var(--paper-2); } body.hs-blog-listing .hhs-post-feat-img{ height:auto !important; aspect-ratio:16/10; width:100%; border-radius:0 !important; background-size:cover !important; background-position:center !important; transition:transform .6s var(--ease); } body.hs-blog-listing .hhs-blog-post-card:hover .hhs-post-feat-img{ transform:scale(1.045); } /* card body */ /* The module's own script writes an inline height on every .hhs-post-content to equalise cards. The grid does that now, and the inline height leaves a dead 90px gap above the read-more, so it has to be overridden — an author !important beats a non-important inline style. */ body.hs-blog-listing .hhs-post-content{ height:auto !important; display:flex; flex-direction:column; flex:1 1 auto; padding:clamp(18px,1.8vw,24px) clamp(18px,1.8vw,24px) clamp(20px,2vw,26px) !important; } /* reading time -> eyebrow with a pulsing orange dot */ body.hs-blog-listing .hhs-post-content .reading-minutes{ display:inline-flex;align-items:center;gap:8px; font-family:var(--f-ui) !important; font-size:11.5px !important; font-weight:600 !important; letter-spacing:.14em; text-transform:uppercase !important; color:var(--muted-2) !important; margin:0 0 12px !important; } body.hs-blog-listing .hhs-post-content .reading-minutes::before{ content:"";width:6px;height:6px;border-radius:50%;flex:0 0 auto; background:var(--orange); box-shadow:0 0 0 3px var(--orange-tint); } body.hs-blog-listing .hhs-post-content > a{ text-decoration:none; /* stretch the title link over the whole card so the summary is clickable */ } body.hs-blog-listing .hhs-post-content > a::after{ content:"";position:absolute;inset:0;z-index:1; } body.hs-blog-listing .hhs-post-content h4{ font-family:var(--f-head) !important; font-size:clamp(18px,1.45vw,20.5px) !important; line-height:1.3 !important; font-weight:700 !important; letter-spacing:-.015em; color:var(--text) !important; margin:0 0 12px !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; transition:color .25s var(--ease); } body.hs-blog-listing .hhs-blog-post-card:hover h4{color:var(--orange-text) !important} /* the meta row renders empty on this blog — collapse it */ body.hs-blog-listing .hhs-post-meta{display:none} body.hs-blog-listing .hhs-post-summary{margin:0} body.hs-blog-listing .hhs-post-summary p{ font-family:var(--f-body) !important; font-size:15px !important; line-height:1.62 !important; color:var(--muted) !important; margin:0 !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } /* read-more affordance, pinned to the bottom of every card */ body.hs-blog-listing .hhs-post-content::after{ content:"Read article →"; margin-top:auto; padding-top:18px; font-family:var(--f-ui); font-size:13.5px;font-weight:600; color:var(--orange-text); transition:transform .25s var(--ease); } body.hs-blog-listing .hhs-blog-post-card:hover .hhs-post-content::after{ transform:translateX(3px); } /* -------------------------------------------------------------------------- 5. EMPTY HUBSPOT LISTING SHELL The stock blog_content module renders nothing on this template (the custom module above prints the posts) — stop it reserving vertical space. -------------------------------------------------------------------------- */ body.hs-blog-listing .blog-section{padding:0 !important} body.hs-blog-listing .blog-listing-wrapper{margin:0 !important;padding:0 !important} /* The shell is empty on /resources/blog and /resources/blog/all (the custom card module prints the posts there) — collapse it. On TOPIC pages it holds the posts instead; section 11 turns those into the same card grid. */ body.hs-blog-listing .post-listing:empty{display:none !important} /* -------------------------------------------------------------------------- 6. "ALL POSTS" BUTTON -------------------------------------------------------------------------- */ body.hs-blog-listing .blog-pagination{ display:flex;justify-content:center; padding:clamp(8px,1.6vw,18px) var(--gut) clamp(40px,5vw,72px); } body.hs-blog-listing .btn-all-posts, body.hs-blog-listing .all-posts-link{ display:inline-flex !important; align-items:center;gap:9px; width:auto; font-family:var(--f-ui) !important; font-size:15px !important; font-weight:600 !important; line-height:1; color:#fff !important; background:var(--orange) !important; border:0 !important; border-radius:999px !important; padding:15px 28px !important; text-decoration:none; transition:transform .25s var(--ease),box-shadow .25s var(--ease), background .25s var(--ease); } body.hs-blog-listing .btn-all-posts::after{content:"→";font-size:16px;line-height:1} body.hs-blog-listing .btn-all-posts:hover{ background:var(--orange-2) !important; transform:translateY(-2px); box-shadow:0 16px 32px -14px rgba(248,83,28,.7); color:#fff !important; } /* -------------------------------------------------------------------------- 7. MOTION — entrance only, no JS -------------------------------------------------------------------------- */ @media (prefers-reduced-motion:no-preference){ body.hs-blog-listing .subscribe-strip-left, body.hs-blog-listing .topics-or-title, body.hs-blog-listing .ifp-sub-copy, body.hs-blog-listing .ifp-sub-card{ animation:ifpListRise .8s var(--ease) both; } body.hs-blog-listing .topics-or-title{animation-delay:.1s} body.hs-blog-listing .ifp-sub-card{animation-delay:.08s} } @keyframes ifpListRise{ from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} } /* -------------------------------------------------------------------------- 8. FOOT-OF-PAGE SUBSCRIBE BAND Styles the .ifp-sub block from the header comment, and falls back to any bare HubSpot Form module dropped in the last row of the page. -------------------------------------------------------------------------- */ body.hs-blog-listing .ifp-sub, body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child .hs_cos_wrapper_type_form{ position:relative; isolation:isolate; overflow:hidden; display:block; float:none; width:calc(100% - 30px); max-width:var(--max); margin:clamp(10px,1.6vw,20px) auto clamp(48px,6vw,88px); border-radius:var(--r-panel); background:var(--ink); color:var(--white); padding:clamp(34px,4.6vw,72px) clamp(24px,4vw,64px); } body.hs-blog-listing .ifp-sub::before, body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child .hs_cos_wrapper_type_form::before{ content:"";position:absolute;inset:0;z-index:-2;pointer-events:none; background: radial-gradient(48% 66% at 84% 8%,rgba(248,83,28,.32),transparent 62%), radial-gradient(40% 52% at 6% 96%,rgba(248,83,28,.13),transparent 66%); } body.hs-blog-listing .ifp-sub::after{ content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:64px 64px; -webkit-mask-image:radial-gradient(70% 70% at 50% 26%,#000,transparent 78%); mask-image:radial-gradient(70% 70% at 50% 26%,#000,transparent 78%); } body.hs-blog-listing .ifp-sub-in{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(26px,3.6vw,56px); align-items:center; } body.hs-blog-listing .ifp-sub-eyebrow{ display:inline-flex;align-items:center;gap:8px; font-family:var(--f-ui);font-size:11.5px;font-weight:600; letter-spacing:.16em;text-transform:uppercase; color:var(--orange-2); margin:0 0 14px; } body.hs-blog-listing .ifp-sub-eyebrow::before{ content:"";width:6px;height:6px;border-radius:50%; background:var(--orange-2);box-shadow:0 0 0 4px rgba(248,83,28,.22); } body.hs-blog-listing .ifp-sub-copy h2{ font-family:var(--f-head); font-size:clamp(24px,2.8vw,38px); line-height:1.14;font-weight:700;letter-spacing:-.02em; color:var(--white); margin:0 0 14px; text-wrap:balance; } body.hs-blog-listing .ifp-sub-lede{ font-family:var(--f-body); font-size:clamp(15.5px,1.2vw,17px); line-height:1.65; color:rgba(255,255,255,.72); margin:0; max-width:46ch; } /* translucent card holding the form */ body.hs-blog-listing .ifp-sub-card{ background:rgba(255,255,255,.05); border:1px solid var(--line-d); border-radius:var(--r-ink); padding:clamp(22px,2.6vw,32px); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); } /* --- HubSpot form reset (the site theme paints its own skin — see claude/design-system.md → "styling embedded HubSpot forms") ----------- */ body.hs-blog-listing .ifp-sub .hbspt-form, body.hs-blog-listing .ifp-sub .hs-form-frame, body.hs-blog-listing .ifp-sub form.hs-form, body.hs-blog-listing .ifp-sub form.hs-form fieldset, body.hs-blog-listing .ifp-sub .hs-form-field, body.hs-blog-listing .ifp-sub .hs_submit, body.hs-blog-listing .ifp-sub .actions, body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child .hbspt-form, body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child form.hs-form, body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child form.hs-form fieldset{ background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; margin-inline:0 !important; max-width:none !important; width:100% !important; } body.hs-blog-listing .ifp-sub .hs-form-field{ display:flex;flex-direction:column; margin-bottom:16px !important; } body.hs-blog-listing .ifp-sub .form-columns-2, body.hs-blog-listing .ifp-sub .form-columns-3{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:0 14px; } body.hs-blog-listing .ifp-sub .hs-form-field > label, body.hs-blog-listing .ifp-sub .hs-form-field > label span{ font-family:var(--f-ui) !important; font-size:11.5px !important; font-weight:600 !important; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.62) !important; margin:0 0 8px !important; } body.hs-blog-listing .ifp-sub .hs-form-required{color:var(--orange-2) !important} body.hs-blog-listing .ifp-sub input.hs-input:not([type=checkbox]):not([type=radio]), body.hs-blog-listing .ifp-sub select.hs-input, body.hs-blog-listing .ifp-sub textarea.hs-input{ width:100% !important; box-sizing:border-box; font-family:var(--f-body) !important; font-size:15.5px !important; color:var(--white) !important; background:rgba(255,255,255,.06) !important; border:1px solid var(--line-d) !important; border-radius:var(--r-tile) !important; padding:13px 16px !important; box-shadow:none !important; transition:border-color .25s var(--ease),background .25s var(--ease); } body.hs-blog-listing .ifp-sub input.hs-input::placeholder, body.hs-blog-listing .ifp-sub textarea.hs-input::placeholder{ color:rgba(255,255,255,.38) !important; } body.hs-blog-listing .ifp-sub input.hs-input:focus, body.hs-blog-listing .ifp-sub select.hs-input:focus, body.hs-blog-listing .ifp-sub textarea.hs-input:focus{ outline:none !important; border-color:rgba(248,83,28,.65) !important; background:rgba(255,255,255,.09) !important; } /* consent checkboxes */ body.hs-blog-listing .ifp-sub .hs-form-booleancheckbox-display, body.hs-blog-listing .ifp-sub .legal-consent-container, body.hs-blog-listing .ifp-sub .hs-richtext{ font-family:var(--f-body) !important; font-size:12.5px !important; line-height:1.55 !important; color:rgba(255,255,255,.60) !important; text-transform:none !important; letter-spacing:0 !important; } body.hs-blog-listing .ifp-sub .hs-form-booleancheckbox-display{ display:flex;align-items:flex-start;gap:10px; } body.hs-blog-listing .ifp-sub input[type=checkbox]{ flex:0 0 auto;margin-top:2px;accent-color:var(--orange); width:16px;height:16px; } body.hs-blog-listing .ifp-sub .hs-richtext a, body.hs-blog-listing .ifp-sub .legal-consent-container a{ color:var(--orange-2) !important;text-decoration:underline; } /* submit — pin every state, or the theme repaints the label on hover */ body.hs-blog-listing .ifp-sub input[type=submit].hs-button, body.hs-blog-listing .ifp-sub .hs-button, body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child input[type=submit].hs-button{ display:inline-flex;align-items:center;justify-content:center; width:auto !important; margin-top:6px; font-family:var(--f-ui) !important; font-size:15px !important; font-weight:600 !important; line-height:1 !important; cursor:pointer; color:#fff !important; -webkit-text-fill-color:#fff !important; background:var(--orange) !important; background-image:none !important; border:1px solid var(--orange) !important; border-radius:999px !important; padding:14px 30px !important; box-shadow:none !important; opacity:1 !important; transition:transform .25s var(--ease),box-shadow .25s var(--ease), background .25s var(--ease); } body.hs-blog-listing .ifp-sub input[type=submit].hs-button:hover, body.hs-blog-listing .ifp-sub input[type=submit].hs-button:focus, body.hs-blog-listing .ifp-sub input[type=submit].hs-button:active, body.hs-blog-listing .ifp-sub .hs-button:hover, body.hs-blog-listing .ifp-sub .hs-button:focus, body.hs-blog-listing .ifp-sub .hs-button:active{ color:#fff !important; -webkit-text-fill-color:#fff !important; background:var(--orange-2) !important; background-image:none !important; border-color:var(--orange-2) !important; opacity:1 !important; transform:translateY(-2px); box-shadow:0 16px 32px -14px rgba(248,83,28,.7); } /* validation + success */ body.hs-blog-listing .ifp-sub .hs-error-msg, body.hs-blog-listing .ifp-sub .hs-error-msgs label{ font-family:var(--f-ui) !important; font-size:12.5px !important; color:#FF8A66 !important; margin-top:6px !important; } body.hs-blog-listing .ifp-sub .hs-error-msgs{list-style:none;margin:0;padding:0} body.hs-blog-listing .ifp-sub .submitted-message{ font-family:var(--f-body); font-size:16px;line-height:1.6; color:rgba(255,255,255,.86); } /* the inline reCAPTCHA badge renders as a full blue block mid-form. Delete this rule if submissions ever start failing. */ body.hs-blog-listing .ifp-sub .hs-recaptcha, body.hs-blog-listing .ifp-sub .grecaptcha-badge{display:none !important} /* -------------------------------------------------------------------------- 9. RESPONSIVE -------------------------------------------------------------------------- */ @media (max-width:1080px){ body.hs-blog-listing .subscribe-strip-left{max-width:min(600px,78%)} } @media (max-width:860px){ body.hs-blog-listing .ifp-sub-in{grid-template-columns:1fr} body.hs-blog-listing .subscribe-strip-wrap{ background-position:center 22% !important; } body.hs-blog-listing .subscribe-strip-wrap::before{ background: linear-gradient(180deg,rgba(12,12,13,.90) 0%,rgba(12,12,13,.80) 55%,rgba(12,12,13,.62) 100%), radial-gradient(60% 50% at 80% 6%,rgba(248,83,28,.30),transparent 64%); } body.hs-blog-listing .subscribe-strip-left{max-width:none} } @media (max-width:760px){ body.hs-blog-listing{--r-panel:26px;--r-ink:20px;--r-card:16px} /* pills become a single scrolling row */ body.hs-blog-listing ul.l_tinynav1{ flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:none; margin-inline:calc(-1 * var(--gut)); padding-inline:var(--gut); padding-bottom:4px; } body.hs-blog-listing ul.l_tinynav1::-webkit-scrollbar{display:none} body.hs-blog-listing ul.l_tinynav1 li{scroll-snap-align:start} } @media (max-width:560px){ body.hs-blog-listing .hhs-blog-post-mod .row{ grid-template-columns:1fr; } body.hs-blog-listing .subscribe-strip-wrap{ padding:38px 0 42px !important; } body.hs-blog-listing .subscribe-strip-left h5{font-size:15.5px !important} body.hs-blog-listing .ifp-sub{padding:28px 20px} } /* -------------------------------------------------------------------------- 10. HEADER NAV — strikethrough fix (version-2 blog menu) The theme draws the nav hover underline as an absolutely positioned bar on `a.item-number-one:hover:before`, sitting at `bottom:20px` with `width:calc(100% - 60px)`. Those numbers are tuned for the MAIN site header, where the same theme rule gives the link `padding:10px 25px 25px`. The blog templates use the version-2 menu, where the link's padding is only `9px 14px` — so the link's box is 38.4px tall instead of ~46px, and a bar 20px up from the bottom lands straight through the middle of the label. That is the "strikethrough on hover" seen on blog pages; nothing in this stylesheet causes it, it is a pre-existing mismatch this file corrects. Bar repositioned to sit ~5px under the text and to span the label rather than the wider main-site padding box. Both blog body classes are covered, so the same block can be pasted into the blog POST header HTML as well. -------------------------------------------------------------------------- */ body.hs-blog-listing .hd_menu a.item-number-one:hover::before, body.hs-blog-post .hd_menu a.item-number-one:hover::before{ bottom:4px !important; left:0 !important; right:0 !important; width:calc(100% - 28px) !important; /* link padding is 9px 14px */ margin:auto !important; } /* -------------------------------------------------------------------------- 11. TOPIC LISTINGS — stock HubSpot markup, rendered as the same card grid /resources/blog and /resources/blog/all print their posts through the custom card module (.hhs-blog-post-mod, section 4). Topic pages — /resources/blog/tag/ — do NOT: HubSpot falls back to its stock .post-listing markup there. That is why switching category turned the grid into a plain list. GOTCHA: the template writes class="“post-item”" with CURLY quotes, so `.post-item` matches nothing at all. Target `.post-listing > div`. Source order inside an item is: reading time, title, author, image, summary, topics. `order` re-stacks it as image → reading time → title → summary → read-more, and author + topics are hidden so these cards read identically to the main grid. -------------------------------------------------------------------------- */ body.hs-blog-listing .post-listing{ display:grid !important; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:clamp(20px,2.4vw,30px); width:100%; max-width:var(--max); margin:0 auto clamp(30px,4vw,48px) !important; padding:0 15px !important; /* matches the theme container inset */ box-sizing:border-box; float:none !important; } /* the card */ body.hs-blog-listing .post-listing > div{ position:relative; display:flex; flex-direction:column; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; float:none !important; background:var(--white); border:1px solid var(--line); border-radius:var(--r-card); box-shadow:0 1px 2px rgba(12,12,13,.04); overflow:hidden; transition:transform .35s var(--ease),box-shadow .35s var(--ease), border-color .35s var(--ease); } body.hs-blog-listing .post-listing > div:hover{ transform:translateY(-4px); border-color:rgba(248,83,28,.30); box-shadow:0 26px 48px -26px rgba(12,12,13,.34), 0 0 0 4px rgba(248,83,28,.06); } /* featured image — the theme caps it at max-height:170px / max-width:210px and floats it right, so all four have to be unset before it can fill */ body.hs-blog-listing .post-listing .hs-featured-image-wrapper{ order:1; width:100%; aspect-ratio:16/10; margin:0 !important; padding:0 !important; overflow:hidden; background:var(--paper-2); } body.hs-blog-listing .post-listing .hs-featured-image-link{ display:block;width:100%;height:100%; } body.hs-blog-listing .post-listing img.hs-featured-image{ display:block !important; width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; float:none !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; object-fit:cover; transition:transform .6s var(--ease); } body.hs-blog-listing .post-listing > div:hover img.hs-featured-image{ transform:scale(1.045); } /* reading time -> eyebrow. The theme puts 50px of top padding on it here. */ body.hs-blog-listing .post-listing .reading-minutes{ order:2; display:inline-flex;align-items:center;gap:8px; margin:20px 22px 12px !important; padding:0 !important; font-family:var(--f-ui) !important; font-size:11.5px !important; font-weight:600 !important; line-height:1.2 !important; letter-spacing:.14em; text-transform:uppercase !important; color:var(--muted-2) !important; } body.hs-blog-listing .post-listing .reading-minutes::before{ content:"";width:6px;height:6px;border-radius:50%;flex:0 0 auto; background:var(--orange); box-shadow:0 0 0 3px var(--orange-tint); } /* title */ body.hs-blog-listing .post-listing h2{ order:3; margin:0 22px 12px !important; padding:0 !important; font-family:var(--f-head) !important; font-size:clamp(18px,1.45vw,20.5px) !important; line-height:1.3 !important; font-weight:700 !important; letter-spacing:-.015em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } body.hs-blog-listing .post-listing h2 a{ color:var(--text) !important; text-decoration:none; transition:color .25s var(--ease); } /* stretch the title link over the card */ body.hs-blog-listing .post-listing h2 a::after{ content:"";position:absolute;inset:0;z-index:1; } body.hs-blog-listing .post-listing > div:hover h2 a{color:var(--orange-text) !important} /* author byline and topic chips are dropped, to match the main grid */ body.hs-blog-listing .post-listing .post-header, body.hs-blog-listing .post-listing .topic-list{display:none !important} /* summary */ body.hs-blog-listing .post-listing .post-body{ order:4; margin:0 22px !important; padding:0 !important; font-family:var(--f-body) !important; font-size:15px !important; line-height:1.62 !important; color:var(--muted) !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } body.hs-blog-listing .post-listing .post-body p{ margin:0 !important;font:inherit !important;color:inherit !important; } body.hs-blog-listing .post-listing .post-body a{ color:inherit !important;text-decoration:none; } /* read-more affordance, pinned to the bottom of every card */ body.hs-blog-listing .post-listing > div::after{ content:"Read article →"; order:5; margin:auto 22px 24px !important; padding-top:18px; font-family:var(--f-ui); font-size:13.5px;font-weight:600; color:var(--orange-text); transition:transform .25s var(--ease); } body.hs-blog-listing .post-listing > div:hover::after{transform:translateX(3px)} @media (max-width:560px){ body.hs-blog-listing .post-listing{grid-template-columns:1fr} } /* -------------------------------------------------------------------------- 11b. THE "SIMPLE" LISTING VARIANT (Company News /all, and any blog like it) Not every blog nests the stock listing the same way. The Learning Area's topic pages give one flat container: .post-listing > div."post-item" div."post-item" > .post-listing > div.post-item so the grid landed on 71 separate .post-listing containers holding one post each, and everything stacked into a single column. The fix is to move the grid up to .post-listing-simple and flatten the two wrappers with display:contents — the innermost div still matches `.post-listing > div`, so every card rule in section 11 applies unchanged. -------------------------------------------------------------------------- */ body.hs-blog-listing .post-listing-simple{ display:grid !important; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:clamp(20px,2.4vw,30px); width:100%; max-width:var(--max); margin:0 auto clamp(30px,4vw,48px) !important; padding:0 15px !important; box-sizing:border-box; float:none !important; } body.hs-blog-listing .post-listing-simple > div, body.hs-blog-listing .post-listing-simple .post-listing{display:contents !important} /* Company News posts carry no reading time, so the title would sit hard against the image. Give it back the 20px the eyebrow would have contributed. */ body.hs-blog-listing .post-listing > div:not(:has(.reading-minutes)) h2{ margin-top:20px !important; } @media (max-width:560px){ body.hs-blog-listing .post-listing-simple{grid-template-columns:1fr} } The multilingual communication experience that gives you confidence at every step. [Start Experiencing the Interprefy Difference!](https://www.interprefy.com/interprefy-agent) [Solutions](https://www.interprefy.com/solutions) [Our Solutions](https://www.interprefy.com/solutions) - [Remote Simultaneous Interpretation](https://www.interprefy.com/solutions/remote-simultaneous-interpretation) - [AI Speech Translation](https://www.interprefy.com/solutions/ai-speech-translation) - [Live Captions](https://www.interprefy.com/solutions/multilingual-live-captions-and-subtitles) [Who We Serve](https://www.interprefy.com/who-we-serve) - [Event Organisers](https://www.interprefy.com/organisation-event-organisers) - [Corporate & Enterprise](https://www.interprefy.com/organisation-industry-corporates) - [Institutions](https://www.interprefy.com/organisation-institutions) - [Partners](https://www.interprefy.com/about-us/partners) [Access Modes](https://www.interprefy.com/access-modes) - [Interprefy Web Platform](https://www.interprefy.com/web-platform) - [Interprefy Mobile App](https://www.interprefy.com/solutions/access-modes/interprefy-now) - [Integrations](https://www.interprefy.com/solutions/integrations) [Use Cases](https://www.interprefy.com/solutions/use-cases) - [In-person & hybrid events](https://www.interprefy.com/solutions/use-cases/in-person-hybrid-events) - [Webinars & virtual events](https://www.interprefy.com/solutions/use-cases/webinars-and-online-events) - [Online meetings](https://www.interprefy.com/solutions/use-cases/online-meetings) [Professional Services](https://www.interprefy.com/about/professional-services) [Professional Services](https://www.interprefy.com/about/professional-services) - [Project Management](https://www.interprefy.com/project-management) - [Remote Support](https://www.interprefy.com/professional-remote-support-services-interprefy) - [Media Services](https://www.interprefy.com/media-services) [More Insights](https://www.interprefy.com/) - [Can I get a report of my meeting?](https://knowledge.interprefy.com/can-i-get-a-report-of) - [How does Interprefy source and vet professional interpreters?](https://knowledge.interprefy.com/interpreter-recruitment) - [What training does Interprefy provide?](https://knowledge.interprefy.com/what-is-inteprefy-training-services?) - [Can you record my meeting or event?](https://knowledge.interprefy.com/can-you-record-my-event) [Professional Services in a Nutshell](https://www.interprefy.com/) [About Interprefy](https://www.interprefy.com/about-us) [Company](https://www.interprefy.com/) - [About Us](https://www.interprefy.com/about-us) - [Why Choose Interprefy](https://www.interprefy.com/why-interprefy-expert-support-for-multilingual-events) - [The Interprefy Experience](https://www.interprefy.com/the-interprefy-experience) - [Careers](https://www.interprefy.com/about-us/careers) [Security](https://www.interprefy.com/entreprise-grade-security) - [ISO 27001 Certified](https://www.interprefy.com/entreprise-grade-security) - [End-to-End Encryption](https://www.interprefy.com/entreprise-grade-security) - [Controlled Access](https://www.interprefy.com/entreprise-grade-security) - [Interpreters and NDA's](https://www.interprefy.com/entreprise-grade-security) [Events](https://www.interprefy.com/resources/upcoming-public-events) [TEDAI Vienna 2026](https://tedai-vienna.ted.com/) [Check the latest event calendar](https://www.interprefy.com/resources/upcoming-public-events) [Resources](https://www.interprefy.com/resources) [News and Inspiration](https://www.interprefy.com/news-and-information) - [Blog](https://www.interprefy.com/resources/blog) - [Success Stories](https://www.interprefy.com/customer-stories) - [Company News](https://www.interprefy.com/resources/press/companynews) - [Webinars and Ebooks](https://www.interprefy.com/resources/webinars-and-ebooks) - [Video Library](https://www.interprefy.com/product-demo-videos) [Help Center](https://www.interprefy.com/faq) - [Knowledge Base](https://knowledge.interprefy.com/) - [FAQs](https://www.interprefy.com/faq) - [Contact Us](https://www.interprefy.com/contact-us) [What is interprefy](https://www.interprefy.com/) [Pricing](https://www.interprefy.com/pricing) [Contact us](https://www.interprefy.com/contact-us) # Winner of "Best Use of AI Technology" award for Interprefy AI By [Markus Aregger](https://www.interprefy.com/resources/press/companynews/author/markus-aregger) on November 20, 2023 ###### Topics: Industry News & Trends ![Event Tech Awards 2023 Interprefy AI](https://www.interprefy.com/hs-fs/hubfs/eta_23_winner_FB.jpg?width=1040&height=800&name=eta_23_winner_FB.jpg) Winner of "Best Use of AI Technology" award for Interprefy AI2:48 Zurich, Switzerland, November, 20, 2023 — Multilingual event technology and services provider Interprefy, was awarded the[Best Use of AI technology Award](https://eventtechnologyawards.co.uk/eventtechnologyawards2023/en/page/2023-winners) for its groundbreaking Interprefy AI solution at the eleventh edition of The Event Technology Awards 2023. The Event Technology Awards honour the achievements of companies delivering digital and technological solutions to the events industry. The Interprefy AI solution, a revolutionary advancement in the field of language services, harnesses the power of artificial intelligence to eliminate language barriers in multilingual events. With AI speech translation and AI multilingual subtitles available in hundreds of language combinations, Interprefy AI ensures seamless communication for a diverse and global audience. "We are honoured to receive the Best Use of AI Technology award at the Event Tech Awards 2023," said Oddmund Braaten, CEO at Interprefy. "This recognition underscores our commitment to innovation and our dedication to breaking down language barriers in the fast-paced world of events and meetings. The Interprefy AI solution empowers organisations to connect with audiences worldwide, fostering collaboration and understanding." Interprefy AI speech translation feature provides real-time interpretation of spoken language, allowing participants to engage in conversations and discussions without language limitations. Additionally, the AI multilingual subtitles feature enhances accessibility by providing on-screen translations during presentations or events. The Event Tech Awards celebrate excellence and innovation in event technology, recognising companies that have demonstrated outstanding contributions to the industry. Interprefy is proud to be acknowledged for its cutting-edge Interprefy AI solution, which is revolutionising how organisations approach multilingual communication. ### About Interprefy [Interprefy](https://www.interprefy.com/about-us) supports global businesses, institutions, NGOs, and even SMEs in reaching global audiences and facilitating truly multilingual conversations. The powerful combination of cloud-based and AI technology, linguistic talent, and world-class support makes it easy to add real-time interpretation from vetted professional interpreters and AI-powered live translation to any meeting, conference, or event. Since 2015, Interprefy's remote-first global team has supported over 50,000 meetings and events all over the world - for a large range of clients, including the White House, UEFA, Google, and GlaxoSmithKline. - [Tweet](https://twitter.com/share) - - ![Markus Aregger](https://www.interprefy.com/hs-fs/hubfs/Team/Markus%20Aregger_Interprefy.png?width=100&height=100&name=Markus%20Aregger_Interprefy.png) #### Written by Markus Aregger Head of Marketing at Interprefy [Download from the App Store](https://apps.apple.com/us/app/interprefy/id971176635) [Download from Google Play](https://play.google.com/store/apps/details?id=com.interprefy.interprefy&hl=en&gl=US) [More download links](https://www.interprefy.com/download-interprefy-app) - - - - Our Solutions - [Remote Interpreting](https://www.interprefy.com/solutions/remote-simultaneous-interpretation) - [AI Speech Translation](https://www.interprefy.com/solutions/ai-speech-translation) - [Live Captions & Subtitles](https://www.interprefy.com/solutions/multilingual-live-captions-and-subtitles) - [Integrations](https://www.interprefy.com/solutions/integrations) - [Book an Interpreter](https://www.interprefy.com/about-us/interpreter-sourcing) About Us - [Why Us?](https://www.interprefy.com/about-us/why-interprefy) - [About Us](https://www.interprefy.com/about-us-old) - [How We Work](https://www.interprefy.com/about-us/how-we-work) - [Customer Stories](https://www.interprefy.com/customer-stories) - [Our Partners](https://www.interprefy.com/javascript:void(0);) - [Careers](https://www.interprefy.com/about-us/careers-old) Resources - [Blog](https://www.interprefy.com/resources/blog) - [News](https://www.interprefy.com/resources/press/companynews) - [eBooks & Webinars](https://www.interprefy.com/resources/webinars-and-ebooks) - [Knowledge Base](https://knowledge.interprefy.com) - [Join your meeting](https://interprefy.interpret.world/user/sign-in) - [Join mailing list](https://www.interprefy.com/join-our-mailing-list) - [Contact Us](https://www.interprefy.com/contact-us) @2026 Interprefy. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. - [Term of Use](https://www.interprefy.com/terms-of-use) - [Privacy Policy](https://www.interprefy.com/privacy-policy) - [Run a Speed Test](https://interprefy.speedtestcustom.com/)