2026-08-28 15:33:37 +00:00
<!DOCTYPE html> < html lang = "en" class = "scroll-smooth rhymesdisplay_b8087fb8-module__8EKiAG__variable public_sans_d4e4ef0f-module__-oWnya__variable open_sans_a7d9b752-module___eEi8W__variable fira_code_57d878b-module__TfNSkG__variable fira_mono_37c6529c-module__5lrg9q__variable" >< head >< meta charSet = "utf-8" />< meta name = "viewport" content = "width=device-width, initial-scale=1" />< link rel = "preload" href = "/_next/static/media/788ad271f9d0b1c8-s.p.0ozfxe_l0spp4.woff2" as = "font" crossorigin = "" type = "font/woff2" />< link rel = "preload" href = "/_next/static/media/8f50c616ff21aafd-s.p.04xpi8-p5fibe.woff2" as = "font" crossorigin = "" type = "font/woff2" />< link rel = "preload" href = "/_next/static/media/9ce9a4a38ba25966-s.p.0ai088f2k10g..woff2" as = "font" crossorigin = "" type = "font/woff2" />< link rel = "preload" href = "/_next/static/media/b8b552e8609c5636-s.p.0vinx1niofu4y.woff2" as = "font" crossorigin = "" type = "font/woff2" />< link rel = "preload" href = "/_next/static/media/fa0520225c6f3d07-s.p.0_88erakuzr64.woff2" as = "font" crossorigin = "" type = "font/woff2" />< link rel = "preload" href = "/_next/static/media/rhymes_display_regular-s.p.14b85k4~uv6qn.woff2" as = "font" crossorigin = "" type = "font/woff2" />< link rel = "preload" as = "image" href = "/images/home/figma-refresh/basecamp.webp" />< link rel = "stylesheet" href = "/_next/static/chunks/03hmkjx649szf.css" data-precedence = "next" />< link rel = "stylesheet" href = "/_next/static/chunks/04cm.w0twky0p.css" data-precedence = "next" />< link rel = "preload" as = "script" fetchPriority = "low" href = "/_next/static/chunks/0pcyg8q97k1ft.js" />< script src = "/_next/static/chunks/0mzbolz.0_dg3.js" async = "" ></ script >< script src = "/_next/static/chunks/13o9yen6h3d-_.js" async = "" ></ script >< script src = "/_next/static/chunks/0ye_.~oi__8qr.js" async = "" ></ script >< script src = "/_next/static/chunks/turbopack-0petc6_93~q3h.js" async = "" ></ script >< script src = "/_next/static/chunks/17hkzjx44u3dy.js" async = "" ></ script >< script src = "/_next/static/chunks/0-cgqeykwauj~.js" async = "" ></ script >< script src = "/_next/static/chunks/17n8x2dvjvy8u.js" async = "" ></ script >< script src = "/_next/static/chunks/0kxztukdpg3gd.js" async = "" ></ script >< script src = "/_next/static/chunks/113cbtzy2q3sb.js" async = "" ></ script >< script src = "/_next/static/chunks/0ryof3~3uu6ua.js" async = "" ></ script >< script src = "/_next/static/chunks/0cnxl~oft49l..js" async = "" ></ script >< script src = "/_next/static/chunks/10x45wppvw40p.js" async = "" ></ script >< script src = "/_next/static/chunks/14otxyl5k5kdt.js" async = "" ></ script >< script src = "/_next/static/chunks/023tkce2.p93n.js" async = "" ></ script >< link rel = "preload" href = "https://umami.bi.status.im/script.js" as = "script" />< meta name = "next-size-adjust" content = "" />< title > The Logos Technology Stack</ title >< meta name = "description" content = "A modular, plugin-based stack for building private, decentralised applications. Assemble your own platform from Logos modules, with privacy at every layer." />< meta name = "keywords" content = "logos,technology stack,storage,messaging,blockchain,modules" />< meta name = "creator" content = "Logos" />< meta name = "robots" content = "noindex, follow" />< link rel = "canonical" href = "https://dev.logos.co/technology-stack" />< link rel = "alternate" hrefLang = "en" href = "https://dev.logos.co/technology-stack" />< link rel = "alternate" hrefLang = "x-default" href = "https://dev.logos.co/technology-stack" />< meta property = "og:title" content = "The Logos Technology Stack" />< meta property = "og:description" content = "A modular, plugin-based stack for building private, decentralised applications. Assemble your own platform from Logos modules, with privacy at every layer." />< meta property = "og:url" content = "https://dev.logos.co/technology-stack" />< meta property = "og:site_name" content = "Logos" />< meta property = "og:locale" content = "en" />< meta property = "og:image" content = "https://dev.logos.co/og.jpeg" />< meta property = "og:image:width" content = "1200" />< meta property = "og:image:height" content = "630" />< meta property = "og:image:alt" content = "The Logos Technology Stack" />< meta property = "og:type" content = "website" />< meta name = "twitter:card" content = "summary_large_image" />< meta name = "twitter:title" content = "The Log
2026-06-02 07:55:23 +00:00
(function() {
try {
var theme = localStorage.getItem('theme');
var systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
var initialTheme = theme || systemTheme;
document.documentElement.setAttribute('data-theme', initialTheme);
} catch (e) {}
})();
2026-08-05 16:21:06 +00:00
</script><script src=" / _next / static / chunks / 03 ~ yq9q893hmn . js " noModule = "" ></ script ></ head >< body >< div hidden = "" > <!--$--><!--/$--> </ div >< header class = "left-0 right-0 top-0 z-50 sticky" >< div class = "relative transition-colors duration-300 md:hidden h-10 text-brand-dark-green" >< a href = "/" class = "absolute left-3 inline-flex cursor-pointer items-center transition-opacity hover:opacity-70 top-1/2 -translate-y-1/2 gap-1" >< span class = "sr-only" > LOGOS</ span >< svg aria-hidden = "true" class = "inline-block fill-current shrink-0" fill = "none" style = "width:8.461538461538462px;height:11px" viewBox = "0 0 20 26" xmlns = "http://www.w3.org/2000/svg" >< path d = "M14.6386 26C13.728 26 12.945 25.7854 12.2881 25.3549C11.6312 24.9244 11.1344 24.2467 10.7962 23.3233C10.5841 22.7003 10.4359 21.9368 10.3513 21.0328C10.2668 20.1302 10.2134 19.1833 10.1926 18.1948C10.1718 17.1842 10.1497 16.2061 10.1289 15.2592C10.1289 15.0017 10.0651 14.8716 9.93897 14.8716C9.83361 14.8716 9.72695 14.9575 9.62159 15.1292C9.21967 15.8822 8.74359 16.742 8.19208 17.7097C7.66268 18.6773 7.13328 19.645 6.60388 20.6127C6.07447 21.5804 5.5984 22.4518 5.17436 23.2257C4.77243 23.9788 4.48627 24.5264 4.31717 24.871C4.10515 25.3445 3.76696 25.6449 3.3013 25.7737C2.85644 25.9246 2.29582 25.9571 1.61814 25.8699C0.940452 25.7841 0.464381 25.5149 0.188624 25.0635C-0.107945 24.5901 -0.0546142 24.0958 0.347315 23.5795C0.623072 23.2348 1.01459 22.7198 1.52188 22.0317C2.03047 21.3216 2.6015 20.5269 3.23626 19.645C3.87102 18.7424 4.51749 17.8176 5.17306 16.8707C5.85075 15.9031 6.48551 14.9783 7.07865 14.0964C7.67178 13.1938 8.16867 12.4082 8.5706 11.7423C8.99464 11.0542 9.26909 10.5483 9.39657 10.2257C9.52404 9.92526 9.66062 9.591 9.8089 9.22551C9.95719 8.86003 10.0313 8.48414 10.0313 8.09655C10.0313 6.67754 9.89345 5.61231 9.61899 4.90345C9.36535 4.17249 9.01545 3.68864 8.5706 3.45193C8.14655 3.1944 7.68089 3.06433 7.1736 3.06433C6.79248 3.06433 6.38015 3.13977 5.9353 3.29065C5.51125 3.44152 5.2368 3.58069 5.10933 3.70945C4.87649 3.94617 4.65407 3.98909 4.44205 3.83822C4.23002 3.68734 4.16629 3.44022 4.25214 3.09685C4.48497 2.30085 4.90901 1.592 5.52296 0.967684C6.13951 0.322561 6.9967 0 8.09713 0C9.26129 0 10.1822 0.332967 10.8599 1.0002C11.5376 1.66743 12.0241 2.73137 12.3206 4.1933C12.6172 5.65523 12.7655 7.5906 12.7655 9.9994C12.7655 12.8374 12.8084 15.1071 12.893 16.8057C12.9775 18.5044 13.1154 19.7842 13.3053 20.6439C13.4952 21.4828 13.7606 22.0421 14.0987 22.3218C14.459 22.6014 14.9026 22.7406 15.432 22.7406C15.9614 22.7406 16.4167 22.6326 16.8615 22.418C17.3272 22.2034 17.7291 21.9238 18.0686 21.5791C18.2169 21.4074 18.386 21.3424 18.5772 21.3853C18.7671 21.4282 18.9154 21.5466 19.022 21.7404C19.1495 21.9121 19.1495 22.1384 19.022 22.418C18.5772 23.4078 17.9841 24.2571 17.2439 24.966C16.5246 25.654 15.6557 25.9987 14.6399 25.9987L14.6386 26Z" ></ path ></ svg >< svg xmlns = "http://www.w3.org/2000/svg" width = "38" height = "13" viewBox = "0 0 38 13" fill = "none" aria-hidden = "true" class = "inline-block fill-current translate-y-[1px]" >< path d = "M7.63 10.22H0V9.814C0.938 9.814 1.33 9.422 1.33 8.54V1.68C1.33 0.798 0.938 0.406 0 0.406V0H4.088V0.406C3.15 0.406 2.744 0.798 2.744 1.68V9.59H5.012C6.622 9.59 7.378 8.904 8.148 7.336H8.554L7.63 10.22Z" ></ path >< path d = "M12.5608 10.388C10.5028 10.388 9.27084 8.652 9.27084 6.734C9.27084 4.48 10.8668 2.982 12.6868 2.982C14.7308 2.982 15.9628 4.718 15.9628 6.65C15.9628 8.904 14.3668 10.388 12.5608 10.388ZM12.7848 9.814C13.8908 9.814 14.5628 8.876 14.5628 7.182C14.5628 5.488 13.8908 3.556 12.4488 3.556C11.3428 3.556 10.6848 4.508 10.6848 6.202C10.6848 7.896 11.3428 9.814 12.7848 9.814Z" ></ path >< path d = "M22.3245 3.304C22.1285 3.304 21.9045 3.458 21.7365 3.654C22.1705 4.06 22.4365 4.62 22.4365 5.236C22.4365 6.468 21.6385 7.588 19.9305 7.588C19.5945 7.588 19.2865 7.532 18.9925 7.448C18.5305 7.616 18.2645 7.854 18.2645 8.078C18.2645 8.4 18.6145 8.498 19.2725 8.554L21.2185 8.708C22.4085 8.82 23.3185 9.17 23.3185 10.262C23.3185 11.606 21.5125 12.74 19.3845 12.74C17.8865 12.74 16.9205 12.152 16.9205 11.228C16.9205 10.57 17.4385 9.926 18.2785 9.45C17.7745 9.296 17.4665 8.988 17.
2026-06-19 09:36:50 +00:00
truly decentralised applications with
2026-06-19 07:25:11 +00:00
the modular Logos Technology Stack.</p><div class=" w-full md:w- [ 464px ] md:self-center xl:ml- [ 464px ] xl:self-start " style = "opacity:0;transform:translateY(12px)" >< h1 class = "text-h2 text-center whitespace-pre-line text-brand-dark-green" > The Logos
2026-08-10 15:45:27 +00:00
Technology Stack</ h1 ></ div >< div class = "ml-[calc(50%+6px)] flex w-[calc(50%-18px)] max-w-[178px] flex-col items-start gap-6 md:max-w-[226px] xl:w-[226px] xl:max-w-none" >< p class = "text-mono-s text-brand-dark-green" > The Logos technology stack is a unified ecosystem of distinct modules. The whole stack is modular, allowing developers to assemble their own desired stack from their selection of modules.</ p >< div class = "flex flex-col items-start gap-2.5 xl:flex-row" >< a href = "https://github.com/logos-co/logos-basecamp/releases#release-0.2.3" class = "inline-flex items-center justify-center rounded-xl bg-brand-dark-green px-3 py-2 text-brand-off-white backdrop-blur-[5px] transition-colors hover:bg-accent-steel-teal cursor-pointer" target = "_blank" rel = "noopener noreferrer" >< span class = "inline-flex items-center gap-1.5" >< span class = "font-mono text-xs leading-[1.35] font-semibold uppercase whitespace-nowrap " > Install basecamp</ span >< span aria-hidden = "true" class = "inline-block shrink-0 bg-current size-[15px]" style = "mask:url(/icons/download.svg) center / contain no-repeat;-webkit-mask:url(/icons/download.svg) center / contain no-repeat" ></ span ></ span ></ a >< a class = "inline-flex items-center justify-center border border-brand-dark-green/50 px-3 py-2 text-brand-dark-green transition-colors hover:bg-gray-02 hover:border-transparent cursor-pointer" href = "/get-started" >< span class = "inline-flex items-center gap-1.5" >< span class = "font-mono text-xs leading-[1.35] font-semibold uppercase whitespace-nowrap " > Start Building</ span >< svg aria-hidden = "true" xmlns = "http://www.w3.org/2000/svg" width = "10" height = "10" viewBox = "0 0 10 10" fill = "none" >< path d = "M10 5L5 10L4.08262 9.08261L7.51647 5.64876H0V4.35124H7.51647L4.08262 0.917385L5 0L10 5Z" fill = "currentColor" ></ path ></ svg ></ span ></ a >< a href = "https://docs.logos.co/" class = "inline-flex items-center justify-center border border-brand-dark-green/50 px-3 py-2 text-brand-dark-green transition-colors hover:bg-gray-02 hover:border-transparent cursor-pointer" target = "_blank" rel = "noopener noreferrer" >< span class = "inline-flex items-center gap-1.5" >< span class = "font-mono text-xs leading-[1.35] font-semibold uppercase whitespace-nowrap " > Documentation</ span >< svg aria-hidden = "true" xmlns = "http://www.w3.org/2000/svg" width = "10" height = "10" viewBox = "0 0 10 10" fill = "none" >< path d = "M10 5L5 10L4.08262 9.08261L7.51647 5.64876H0V4.35124H7.51647L4.08262 0.917385L5 0L10 5Z" fill = "currentColor" ></ path ></ svg ></ span ></ a ></ div >< div class = "mt-4 hidden h-px w-[calc(100vw-24px)] -translate-x-[calc(50vw-6px)] bg-brand-dark-green/10 lg:block xl:hidden" ></ div ></ div >< div class = "md:hidden" >< div class = "h-px w-full bg-brand-dark-green/10" ></ div >< div class = "mt-6" >< div class = "relative w-full rounded-xl py-3" >< div class = "flex flex-col items-start gap-2" >< span class = "text-eyebrow font-semibold leading-[1.35] rounded bg-[#ffd328] px-1 py-0.5 text-brand-dark-green uppercase" > Current Status</ span >< p class = "text-mono-s text-brand-dark-green w-full max-w-[680px]" > Testnet v0.2 launched June 2026. It is focused on the developer experience and the usability of the stack.</ p >< a href = "https://github.com/logos-co/logos-basecamp/releases#release-0.2.3" class = "inline-flex items-center justify-center border border-brand-dark-green/50 px-3 py-2 text-brand-dark-green transition-colors hover:bg-gray-02 hover:border-transparent cursor-pointer" target = "_blank" rel = "noopener noreferrer" >< span class = "inline-flex items-center gap-1.5" >< span class = "font-mono text-xs leading-[1.35] font-semibold uppercase whitespace-nowrap " > Install Testnet v0.2.3</ span >< span aria-hidden = "true" class = "inline-block shrink-0 bg-current size-[15px]" style = "mask:url(/icons/download.svg) center / contain no-repeat;-webkit-mask:url(/icons/download.svg) center / contain no-repeat" ></ span ></ span ></ a ></ div ></ div ></ div ></ div ></ div ></ section >< section id = "stack" >< div class = "bg-brand-off-white px-0 pb-6 md:pb-25" >< div class = "mx-auto px-3 max-w-[1440px] " >< div class = "p-3 bg-gray-01 relative left-1/2 mb-10 w-screen -translate-x-1/2 md:static md:left-auto md:mb-35 md:w-auto md:-translate-x-0 md
Discovery, peering, and mixnet</span><p class=" text-mono-s min- [ 1367px ] :hidden text-center " > This layer handles how Logos nodes find each other, establish connections, and communicate while preserving user privacy.</ p >< span class = "-mt-3 hidden grid-rows-[0fr] opacity-0 transition-all duration-200 ease-out group-hover/stack-item:mt-0 group-hover/stack-item:grid-rows-[1fr] group-hover/stack-item:opacity-100 min-[1367px]:grid" >< span class = "text-mono-s overflow-hidden text-center" > This layer handles how Logos nodes find each other, establish connections, and communicate while preserving user privacy.</ span ></ span ></ div ></ a >< div class = "group/stack-item relative flex flex-col overflow-hidden rounded-3xl border border-brand-dark-green text-center text-brand-dark-green transition-[border-color] duration-200 ease-out hover:border-brand-dark-green/30 focus-visible:border-brand-dark-green/30 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-dark-green items-center justify-center px-3 min-[1367px]:px-6 h-[196px] w-full min-[1367px]:h-[196px]" >< span class = "pointer-events-none absolute inset-0 rounded-3xl bg-accent-light-blue opacity-0 transition-opacity duration-200 ease-out group-hover/stack-item:opacity-100" ></ span >< span class = "pointer-events-none absolute top-3 left-3 z-[1] hidden h-[57px] w-[46px] overflow-hidden opacity-0 transition-opacity duration-200 ease-out group-hover/stack-item:opacity-100 min-[1367px]:block" >< img alt = "" loading = "lazy" decoding = "async" data-nimg = "fill" class = "object-cover" style = "position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src = "/images/technology-stack/thumb-foundation.webp" /></ span >< div class = "relative z-[1] flex max-w-[222px] flex-col gap-3 transition-transform duration-200 ease-out items-center " >< span class = "text-subhead-sans flex items-start gap-2.5 " >< span class = "hidden h-[1.15em] shrink-0 items-center min-[1367px]:flex" >< svg aria-hidden = "true" class = "inline-block fill-current -translate-y-px text-gray-03" fill = "none" style = "width:10.76923076923077px;height:14px" viewBox = "0 0 20 26" xmlns = "http://www.w3.org/2000/svg" >< path d = "M14.6386 26C13.728 26 12.945 25.7854 12.2881 25.3549C11.6312 24.9244 11.1344 24.2467 10.7962 23.3233C10.5841 22.7003 10.4359 21.9368 10.3513 21.0328C10.2668 20.1302 10.2134 19.1833 10.1926 18.1948C10.1718 17.1842 10.1497 16.2061 10.1289 15.2592C10.1289 15.0017 10.0651 14.8716 9.93897 14.8716C9.83361 14.8716 9.72695 14.9575 9.62159 15.1292C9.21967 15.8822 8.74359 16.742 8.19208 17.7097C7.66268 18.6773 7.13328 19.645 6.60388 20.6127C6.07447 21.5804 5.5984 22.4518 5.17436 23.2257C4.77243 23.9788 4.48627 24.5264 4.31717 24.871C4.10515 25.3445 3.76696 25.6449 3.3013 25.7737C2.85644 25.9246 2.29582 25.9571 1.61814 25.8699C0.940452 25.7841 0.464381 25.5149 0.188624 25.0635C-0.107945 24.5901 -0.0546142 24.0958 0.347315 23.5795C0.623072 23.2348 1.01459 22.7198 1.52188 22.0317C2.03047 21.3216 2.6015 20.5269 3.23626 19.645C3.87102 18.7424 4.51749 17.8176 5.17306 16.8707C5.85075 15.9031 6.48551 14.9783 7.07865 14.0964C7.67178 13.1938 8.16867 12.4082 8.5706 11.7423C8.99464 11.0542 9.26909 10.5483 9.39657 10.2257C9.52404 9.92526 9.66062 9.591 9.8089 9.22551C9.95719 8.86003 10.0313 8.48414 10.0313 8.09655C10.0313 6.67754 9.89345 5.61231 9.61899 4.90345C9.36535 4.17249 9.01545 3.68864 8.5706 3.45193C8.14655 3.1944 7.68089 3.06433 7.1736 3.06433C6.79248 3.06433 6.38015 3.13977 5.9353 3.29065C5.51125 3.44152 5.2368 3.58069 5.10933 3.70945C4.87649 3.94617 4.65407 3.98909 4.44205 3.83822C4.23002 3.68734 4.16629 3.44022 4.25214 3.09685C4.48497 2.30085 4.90901 1.592 5.52296 0.967684C6.13951 0.322561 6.9967 0 8.09713 0C9.26129 0 10.1822 0.332967 10.8599 1.0002C11.5376 1.66743 12.0241 2.73137 12.3206 4.1933C12.6172 5.65523 12.7655 7.5906 12.7655 9.9994C12.7655 12.8374 12.8084 15.1071 12.893 16.8057C12.9775 18.5044 13.1154 19.7842 13.3053 20.6439C13.4952 21.4828 13.7606 22.0421 14.0987 22.3218C14.459 22.6014 14.9026 22.7406 15.432 22.7406C15.9614 22.7406 16.4167 22.6326 16.8615 22.418C17.3272 22.2034 17.7291 21.9238 18.0686
2026-06-02 07:55:23 +00:00
@media (min-width: 80rem) {
.giant-switch--install-hover .giant-switch__image {
transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}
.giant-switch--install-hover:has([data-giant-switch-install-trigger]:hover) .giant-switch__image,
.giant-switch--install-hover:has([data-giant-switch-install-trigger]:focus-within) .giant-switch__image,
.giant-switch--install-hover:has([data-giant-switch-install-trigger]:focus-visible) .giant-switch__image {
transform: translateX(12px);
}
}
2026-08-30 02:24:07 +00:00
</style><div class=" relative flex w-full flex-col overflow-hidden rounded- [ 100px ] p-3 pb-14 xl:block xl:h- [ 590px ] xl:rounded- [ 200px ] xl:p-0 bg-gray-01 " >< div class = "giant-switch__image aspect-square w-full overflow-hidden rounded-[88px] md:aspect-auto md:h-[400px] xl:absolute xl:top-3 xl:aspect-auto xl:h-[566px] xl:w-[566px] xl:rounded-[188px] xl:left-3" >< div class = "relative size-full [&>*]:size-full [&>*]:object-cover" >< img alt = "" decoding = "async" data-nimg = "fill" class = "object-top-left" style = "position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src = "/images/home/figma-refresh/basecamp.webp" /></ div ></ div >< div class = "giant-switch__content flex flex-col items-center gap-10 pt-20 xl:pt-0 xl:absolute xl:top-1/2 xl:-translate-y-1/2 xl:items-start xl:left-[714px] xl:w-[583px]" >< div class = "flex w-full flex-col items-center gap-6 xl:items-start" >< p class = "w-full text-center font-display text-[30px] leading-none tracking-[-0.03em] text-brand-dark-green xl:text-left xl:text-[36px]" >< span class = "md:hidden" > Logos Basecamp</ span >< span class = "hidden md:inline" > Logos Basecamp</ span ></ p >< div class = "flex w-full flex-col items-center gap-5 xl:items-start" >< p class = "w-full text-center font-sans text-[14px] leading-[1.2] text-brand-dark-green xl:max-w-[464px] xl:text-left" > Basecamp is the launcher and unified surface of the Logos stack. It is an executable that wraps the Logos runtime, initialises the Logos Core environment, and discovers and loads plugins from installed modules.</ p >< div class = "flex w-full flex-wrap items-center justify-center gap-1.5 xl:justify-start" >< span class = "inline-flex items-center justify-center gap-2 rounded-xl bg-brand-off-white/50 px-2.5 py-2" >< span class = "inline-block size-[14.4px] shrink-0 [&>*]:size-full" >< img alt = "" loading = "lazy" width = "15" height = "15" decoding = "async" data-nimg = "1" class = "size-[14.4px]" style = "color:transparent" src = "/design-systems/wallet.svg" /></ span >< span class = "font-sans text-[14px] leading-[1.2] text-brand-dark-green whitespace-nowrap" > Wallet</ span ></ span >< span class = "inline-flex items-center justify-center gap-2 rounded-xl bg-brand-off-white/50 px-2.5 py-2" >< span class = "inline-block size-[14.4px] shrink-0 [&>*]:size-full" >< img alt = "" loading = "lazy" width = "15" height = "15" decoding = "async" data-nimg = "1" class = "size-[14.4px]" style = "color:transparent" src = "/design-systems/chat.svg" /></ span >< span class = "font-sans text-[14px] leading-[1.2] text-brand-dark-green whitespace-nowrap" > Chat Interface</ span ></ span >< span class = "inline-flex items-center justify-center gap-2 rounded-xl bg-brand-off-white/50 px-2.5 py-2" >< span class = "inline-block size-[14.4px] shrink-0 [&>*]:size-full" >< img alt = "" loading = "lazy" width = "15" height = "15" decoding = "async" data-nimg = "1" class = "size-[14.4px]" style = "color:transparent" src = "/design-systems/file.svg" /></ span >< span class = "font-sans text-[14px] leading-[1.2] text-brand-dark-green whitespace-nowrap" > Filesharing Tool</ span ></ span >< span class = "inline-flex items-center justify-center gap-2 rounded-xl bg-brand-off-white/50 px-2.5 py-2" >< span class = "inline-block size-[14.4px] shrink-0 [&>*]:size-full" >< img alt = "" loading = "lazy" width = "15" height = "15" decoding = "async" data-nimg = "1" class = "size-[14.4px]" style = "color:transparent" src = "/design-systems/globe.svg" /></ span >< span class = "font-sans text-[14px] leading-[1.2] text-brand-dark-green whitespace-nowrap" > Block Explorer</ span ></ span ></ div ></ div ></ div >< div class = "flex w-full items-center justify-center gap-2.5 xl:w-auto xl:items-baseline xl:justify-start" >< span class = "inline-flex" data-giant-switch-install-trigger = "true" >< a href = "https://github.com/logos-co/logos-basecamp/releases#release-0.2.3" class = "inline-flex items-center justify-center border border-brand-dark-green/50 px-3 py-2 text-brand-dark-green transition-colors hover:bg-gray-02 hover:border-transparent" target = "_blank" rel = "noopener noreferrer" >< span class = "inline-flex items-center gap-1.5" >< span class = "font-mono text-xs leading- [ 1 . 35 ] font-semibold uppercase whitespace