Files
hammerfest/public/element/index.html
T
2026-10-20 07:51:19 -06:00

483 lines
18 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Element · Federated Computer</title>
<meta name="description" content="End-to-end encrypted team chat, voice, and video on the Matrix protocol — without vendor lock-in.">
<meta name="theme-color" content="#001a2b">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../css/style.css">
</head>
<body id="top">
<a class="skip" href="#content">Skip to content</a>
<header class="site-head">
<div class="wrap head-bar">
<a href="../" class="brand" aria-label="Federated Computer, home">
<img src="../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
</a>
<nav class="head-nav" aria-label="Site">
<div class="nav-item has-drop">
<a href="../solutions/" class="nav-link">Solutions<svg class="nav-caret" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true"><path d="M1 1l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5"/></svg></a>
<div class="drop">
<div class="drop-panel">
<a href="../solutions/open-source-apps/" class="drop-link">
<span class="drop-name">Open-Source Apps</span>
<span class="drop-desc">For teams leaving Google Workspace or Microsoft 365</span>
</a>
<a href="../solutions/apps-and-ai-development/" class="drop-link">
<span class="drop-name">Apps &#43; AI Development</span>
<span class="drop-desc">Build AI on your own business data</span>
</a>
<a href="../solutions/ai-for-your-apps/" class="drop-link">
<span class="drop-name">AI for Your Own Apps</span>
<span class="drop-desc">Connect the open-source apps you already host</span>
</a>
<a href="../solutions/full-stack/" class="drop-link">
<span class="drop-name">The Full Stack</span>
<span class="drop-desc">Apps, AI development, and agents that do real work</span>
</a>
<a href="../solutions/#compare" class="drop-link">
<span class="drop-name">Compare All Four</span>
<span class="drop-desc">See all four paths side by side</span>
</a>
</div>
</div>
</div>
<div class="nav-item has-drop">
<a href="../product/" class="nav-link">Product<svg class="nav-caret" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true"><path d="M1 1l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5"/></svg></a>
<div class="drop">
<div class="drop-panel">
<a href="../product/federated-core/" class="drop-link">
<span class="drop-name">Federated Core</span>
<span class="drop-desc">Provisioning, storage, backup, federated learning</span>
</a>
<a href="../product/software-library/" class="drop-link">
<span class="drop-name">Software Library</span>
<span class="drop-desc">100&#43; AI-ready open-source apps</span>
</a>
<a href="../product/agent-sandbox/" class="drop-link">
<span class="drop-name">Agent Sandbox</span>
<span class="drop-desc">High-density, instant-wake AI agents</span>
</a>
<a href="../product/data-controls/" class="drop-link">
<span class="drop-name">Data &amp; Controls</span>
<span class="drop-desc">Version control, testing, and monitoring</span>
</a>
</div>
</div>
</div>
<a href="../ai-brain/" class="nav-link">AI Brain</a>
<a href="../ai-privacy-advantage/" class="nav-link">AI Privacy Advantage</a>
<a href="../pricing/" class="nav-link">Pricing</a>
<a href="../about/" class="nav-link">About</a>
</nav>
<div class="head-actions">
<a href="../sign-in/" class="head-signin">Sign in</a>
<a href="../start-now/" class="btn btn-primary btn-sm">Start now</a>
</div>
<details class="menu">
<summary><span class="menu-word">Menu</span><span class="menu-glyph" aria-hidden="true"><i></i><i></i></span></summary>
<nav class="menu-panel" aria-label="Site">
<a href="../" class="menu-top">Home</a>
<a href="../solutions/" class="menu-top">Solutions</a>
<div class="menu-sub">
<a href="../solutions/open-source-apps/">Open-Source Apps</a><a href="../solutions/apps-and-ai-development/">Apps &#43; AI Development</a><a href="../solutions/ai-for-your-apps/">AI for Your Own Apps</a><a href="../solutions/full-stack/">The Full Stack</a><a href="../solutions/#compare">Compare All Four</a>
</div>
<a href="../product/" class="menu-top">Product</a>
<div class="menu-sub">
<a href="../product/federated-core/">Federated Core</a><a href="../product/software-library/">Software Library</a><a href="../product/agent-sandbox/">Agent Sandbox</a><a href="../product/data-controls/">Data &amp; Controls</a>
</div>
<a href="../ai-brain/" class="menu-top">AI Brain</a>
<a href="../ai-privacy-advantage/" class="menu-top">AI Privacy Advantage</a>
<a href="../pricing/" class="menu-top">Pricing</a>
<a href="../about/" class="menu-top">About</a>
<div class="menu-actions">
<a href="../start-now/" class="btn btn-primary">Start Now<span class="arrow" aria-hidden="true">→</span></a>
<a href="../sign-in/" class="btn btn-secondary">Sign In<span class="arrow" aria-hidden="true">→</span></a>
</div>
</nav>
</details>
</div>
</header>
<main id="content" tabindex="-1">
<header class="hero hero-compact">
<div class="wrap"><div class="hero-copy">
<p class="note" data-reveal><span class="note-live" aria-hidden="true"></span><span class="note-text">Software Library · Worldwide Chat</span></p>
<h1 class="statement" data-reveal style="--d:80ms">Element: Secure Messaging &amp; Collaboration for Business</h1>
<p class="dek" data-reveal style="--d:140ms">End-to-end encrypted team chat, voice, and video on the Matrix protocol — without vendor lock-in.</p>
<div class="actions" data-reveal style="--d:200ms">
<a href="../start-now/" class="btn btn-primary">Start 7-Day Free Trial<span class="arrow" aria-hidden="true">→</span></a>
<a href="https://calcom.federated.computer/david/60-min-meeting" class="btn btn-secondary">Book a Demo<span class="arrow" aria-hidden="true">↗</span></a>
</div>
</div></div>
</header>
<section class="section section-facts" data-reveal>
<div class="wrap">
<dl class="app-facts">
<div><dt>Replaces</dt><dd>Slack, Signal, Microsoft Teams</dd></div>
<div><dt>Hosted plans</dt><dd>Included in Better and Best · $25/mo on its own</dd></div>
<div><dt>Self-hosted</dt><dd>Any tier (Free includes up to 3 apps)</dd></div>
<div><dt>Project</dt><dd><a href="https://element.io/" target="_blank" rel="noopener">element.io<span class="arrow" aria-hidden="true">↗</span></a></dd></div>
</dl>
<p class="app-facts-more"><a class="more" href="../pricing/">See pricing<span class="arrow" aria-hidden="true">→</span></a> <a class="more" href="../product/software-library/">Browse the Software Library<span class="arrow" aria-hidden="true">→</span></a></p>
</div>
</section>
<section class="section section-doc" data-reveal>
<div class="wrap"><div class="prose doc"><h2 id="boost-productivity--security-with-federated-computers-element-integration">Boost Productivity &amp; Security with Federated Computer&rsquo;s Element Integration</h2>
<p>In today&rsquo;s digital landscape, businesses need secure, decentralized messaging apps that protect sensitive communications while enhancing team collaboration. Federated Computer integrates Element, the leading encrypted messaging app built on the Matrix protocol, into its suite of productivity tools. With end-to-end encryption (E2EE), self-hosting capabilities, and seamless business chats, Element ensures your team communicates safely and efficiently—without vendor lock-in.</p>
<h2 id="why-element-is-the-best-chat-app-for-business">Why Element is the Best Chat App for Business</h2>
<ul>
<li>
<p><strong>Secure &amp; Private Communication</strong></p>
<ul>
<li><strong>End-to-end encryption messenger</strong> — All private chats and rooms are E2EE by default</li>
<li><strong>Self-hosted or federated servers</strong> — Maintain full control over your data</li>
</ul>
</li>
<li>
<p><strong>Powerful Business Collaboration</strong></p>
<ul>
<li><strong>Texting apps for PC, Mac, Linux, iOS &amp; Android</strong> — Unified messaging across devices</li>
<li><strong>Threaded conversations (Spaces)</strong> — Organize team discussions efficiently</li>
<li><strong>File sharing, voice &amp; video calls</strong> — All within a secure messaging app</li>
</ul>
</li>
<li>
<p><strong>Open Source &amp; Decentralized</strong></p>
<ul>
<li><strong>No vendor lock-in</strong> — Interoperable with other Matrix-based texting applications</li>
<li><strong>Self-hosting friendly</strong> — Deploy on-premises or via Federated Computer&rsquo;s infrastructure</li>
</ul>
</li>
</ul>
<h2 id="how-element-helps-businesses-make-more-money">How Element Helps Businesses Make More Money</h2>
<ul>
<li><strong>Reduces security risks</strong> — Protects sensitive business chats from breaches</li>
<li><strong>Enhances productivity</strong> — Combines chatting apps, video calls, and file sharing in one platform</li>
<li><strong>Lowers costs</strong> — Avoid expensive proprietary solutions like Slack or Teams</li>
<li><strong>Future-proof communication</strong> — Decentralized architecture ensures long-term flexibility</li>
</ul>
<h2 id="element-vs-other-messaging-apps">Element vs. Other Messaging Apps</h2>
<table>
<thead>
<tr>
<th>Feature</th>
<th>Element</th>
<th>Slack</th>
<th>Microsoft Teams</th>
<th>Discord</th>
</tr>
</thead>
<tbody>
<tr>
<td>End-to-end encryption</td>
<td>✔ Yes (default)</td>
<td>❌ No</td>
<td>❌ No</td>
<td>❌ No</td>
</tr>
<tr>
<td>Self-hosting</td>
<td>✔ Yes</td>
<td>❌ No</td>
<td>❌ No</td>
<td>❌ No</td>
</tr>
<tr>
<td>Open-source</td>
<td>✔ Yes</td>
<td>❌ No</td>
<td>❌ No</td>
<td>❌ No</td>
</tr>
<tr>
<td>Federation</td>
<td>✔ Yes</td>
<td>❌ No</td>
<td>❌ No</td>
<td>❌ No</td>
</tr>
<tr>
<td>Business-ready</td>
<td>✔ Yes</td>
<td>✔ Yes</td>
<td>✔ Yes</td>
<td>❌ Limited</td>
</tr>
</tbody>
</table>
</div></div>
</section>
<aside class="cta" data-reveal>
<div class="wrap cta-inner">
<div class="cta-copy">
<h2 class="cta-title">Run Element on Federated</h2>
<p class="cta-text">Private, single-tenant, and integrated with the rest of your apps. Talk to us, or start your free trial.</p>
</div>
<div class="actions">
<a href="https://calcom.federated.computer/david/60-min-meeting" class="btn btn-primary">Book a Demo<span class="arrow" aria-hidden="true">↗</span></a>
<a href="../start-now/" class="btn btn-secondary">Start 7-Day Free Trial<span class="arrow" aria-hidden="true">→</span></a>
</div>
</div>
</aside>
</main>
<footer class="foot">
<div class="wrap">
<div class="foot-top-row">
<div class="foot-brand">
<a href="../" class="foot-mark" aria-label="Federated Computer, home">
<img src="../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
</a>
<p class="foot-line">The open-source operating system for your business — and the private AI that runs on it.</p>
<span class="foot-place">Colorado Springs, Colorado</span>
<ul class="foot-social">
<li><a href="https://www.linkedin.com/company/federated-computer" target="_blank" rel="noopener">LinkedIn<span class="arrow" aria-hidden="true">↗</span></a></li><li><a href="https://x.com/federatedcomp" target="_blank" rel="noopener">X<span class="arrow" aria-hidden="true">↗</span></a></li>
</ul>
</div>
<div class="foot-grid">
<nav class="foot-group" aria-label="Solutions">
<span class="foot-head">Solutions</span>
<ul class="foot-links">
<li><a href="../solutions/open-source-apps/">Open-Source Apps</a></li>
<li><a href="../solutions/apps-and-ai-development/">Apps &#43; AI Development</a></li>
<li><a href="../solutions/ai-for-your-apps/">AI for Your Own Apps</a></li>
<li><a href="../solutions/full-stack/">The Full Stack</a></li>
<li><a href="../solutions/#compare">Compare All Four</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Product">
<span class="foot-head">Product</span>
<ul class="foot-links">
<li><a href="../product/federated-core/">Federated Core</a></li>
<li><a href="../product/software-library/">Software Library</a></li>
<li><a href="../product/agent-sandbox/">Agent Sandbox</a></li>
<li><a href="../product/data-controls/">Data &amp; Controls</a></li>
<li><a href="../ai-brain/">AI Brain</a></li>
<li><a href="../ai-privacy-advantage/">AI Privacy Advantage</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Company">
<span class="foot-head">Company</span>
<ul class="foot-links">
<li><a href="../about/">About</a></li>
<li><a href="../about/#team">Team</a></li>
<li><a href="../about/#jobs">Jobs</a></li>
<li><a href="https://freescout.federated.computer/help/3593186542">Support</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Get Started">
<span class="foot-head">Get Started</span>
<ul class="foot-links">
<li><a href="../start-now/">Start Now</a></li>
<li><a href="../sign-in/">Sign In</a></li>
<li><a href="../pricing/">Pricing</a></li>
</ul>
</nav>
</div>
</div>
<div class="foot-legal">
<span class="foot-copy">© 2026 Federated Computer, Inc. FedQ'd in Colorado Springs — built on Federated Computer by a team around the world.</span>
<a class="foot-policy" href="../privacy-policy/">Privacy Policy</a><a class="foot-policy" href="../terms-and-conditions/">Terms &amp; Conditions</a>
<a class="foot-top" href="#top">Back to top<span class="foot-up" aria-hidden="true">↑</span></a>
</div>
</div>
</footer>
<script>
(function () {
var root = document.documentElement;
var head = document.querySelector('.site-head');
function onScroll() { if (head) head.classList.toggle('is-scrolled', scrollY > 8); }
addEventListener('scroll', onScroll, { passive: true });
onScroll();
if (!('IntersectionObserver' in window)) return;
root.classList.add('js');
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting) { e.target.classList.add('is-visible'); io.unobserve(e.target); }
});
}, { rootMargin: '0px 0px -8% 0px' });
document.querySelectorAll('[data-reveal]').forEach(function (el) { io.observe(el); });
})();
(function () {
function openPanel() {
var panel = location.hash && document.getElementById(decodeURIComponent(location.hash.slice(1)));
if (!panel || !panel.classList.contains('plan-panel')) return;
var i = [].indexOf.call(panel.parentNode.children, panel);
var radio = panel.closest('.plan-switch').querySelectorAll('.plan-radio')[i];
if (radio) { radio.checked = true; (panel.closest('.section') || panel).scrollIntoView(); }
}
addEventListener('hashchange', openPanel);
openPanel();
})();
</script>
</body>
</html>