projects.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>nitrox projects.</title>
  <!--<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=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Geist+Mono:wght@100..900&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">-->
  <script src="./theme.js"></script>
  <meta name="theme-color" content="#3232ff">
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="assets/fonts/inter/inter.css">
    
  <link rel="icon" type="image/svg+xml" href="./assets/white-logo-svg.svg">
  <link rel="icon" type="image/png" href="./assets/white-logo-png.png">
</head>
<body>
    <main class="page">
        <!-- Navigation -->
        <div id="nav-placeholder"></div>

        <!-- Projects Hero -->
        <section class="hero">
          <h1 class="hero-tagline">a better kind of <span class="underline">technology</span>.
          <br>built around <span class="underline italic">you</span>.</h1>
        </section>
        
        <!-- Projects Introduction -->
        <section class="yap">
          <p>nitrox is exploring what software and hardware could be if we started with people, not platforms. tools that work together instead of trapping you in disconnected silos or confined ecosystems. interfaces that adapt to you, instead of the other way around.</p>
      
          <p>from organizing your thoughts to creating something entirely new, we're building toward a world where technology feels less like something you have to manage and more like an extension of what you want to do.</p>
          <br>

          <h2>our guiding principles are simple:</h2>
          <p>
          <!--<br>-->
            — <b>the application is the interface to your data, not the owner of your data.</b> your work should remain yours — portable, interconnected, and accessible on your terms.
            <br>
            <br>
            — <b>tools should remove friction where it's negative and add friction where it's positive.</b> you shouldn't have to remember to use a todo list app or even paper planner; that means it's not helping in its current state. however, making distractions harder to access can improve focus.
            <br>
            <br>
            — <b>everything is an object. every object is a file. every property is a tag.</b> humans think in objects, not files. however, those objects should be stored in files, especially files that are human-readable where possible. all properties are tags, which is just a type of object.
          </p>
        </section>

        <br>
        
        <!-- Core Suite -->
        <section class="yap">
          <h2>the core suite</h2>
          <p>the main tools we use for thinking and working efficiently. separate experiences, designed to work better together.</p>
      
          <p><a href="https://nitroxhq.github.io/tesseract"><b><u>tesseract</u></b></a> — your productivity supertool. turn knowledge, plans, and goals into output, action, and habits by bringing notes, tasks, projects, events, and ideas into one interconnected environment, without sacrificing flexibility or control.</p>
      
          <p><a href="https://nitroxhq.github.io/prism"><b><u>prism</u></b></a> — content consumption, on your terms. bring newsletters, RSS, saved content, and the feeds you care about - together, without letting endless scrolling dictate your attention.</p>
      
          <p><b>niko</b> — ai like the movies. a collaborative assistant and friend that helps you explore ideas, untangle your workload, automate busywork, and coordinate your agents, all in a unified workspace.</p>
      
          <p><b>astrid</b> — the best way to use web apps and explore the web. a browser that puts you back in control of the web, with thoughtful tab management, broad extension support, and quality-of-life improvements that make both web apps browsing feel seamless.</p>
      
          <p><b>airwaves</b> — your music, all in one place. a seamless way to manage and enjoy your local and streaming music libraries without splitting your listening experience across disconnected apps.</p>

          <p class="ps-label">communication</p>

          <p><b>airmail</b> — your email, solved. from a classic inbox to an agentic and informational hub to actually stay informed, no matter the unread count.</p>

          <p><b>bubble</b> — unified messaging, finally. a messaging app that unifies your texts across platforms and stay up-to-date with group chats without getting overwhelmed.</p>
          
        </section>

        <!-- Creative Suite -->
        <section class="yap">
            <h2>the creative suite</h2>
            <p>creative software should get out of your way without limiting what you can make. we're exploring powerful, approachable tools for the entire creative process — from the first idea to the finished work.</p>
        
            <p><b>orchid</b> — design to fit your workflow. a modern design environment for interfaces, graphics, and visual ideas, with the flexibility of professional design software and the freedom of local-first workflows.</p>
        
            <p><b>blueberry</b> — a music production environment that brings approachable creation together with the depth and flexibility serious projects demand.</p>
        
            <p><b>cobalt</b> — a code editor that grows with you, from a fast, lightweight writing environment to a fully equipped development workspace.</p>
        
            <p>we're also exploring dedicated tools for illustration, vector graphics, digital painting, pixel art, and animation. different crafts deserve great tools of their own.</p>
        </section>

        <!-- Operating Systems & Utilities -->
        <section class="yap">
          <h2>systems & utilities</h2>
          <p>your devices should feel like yours, too. we're interested in making operating systems more customizable, software easier to access, and everyday computing less restrictive.</p>
      
          <p><b>nexOS</b> — an exploration of a more open computing experience; bringing useful software, deeper customization, and new life to devices across operating systems.</p>
      
          <p><b>the nitrox hardware vision</b> — eventually, we'd love to explore devices of our own, from personal computers to mobile and audio hardware. technology shouldn't stop being thoughtfully designed when it leaves the screen.</p>
        </section>
        

        <!-- Closing -->
        <section class="ps-section">
          <p class="ps-label">p.s...</p>
          <p>not everything here exists yet, and that's okay. these are ideas we're developing, directions we're exploring, and problems we want to solve.</p>
          <p>we're building toward better technology, one project at a time, so stay tuned.</p>
        </section>

        <!-- Footer -->
        <footer class="site-footer">
          <p><span class="italic underline">technology is broken</span>. we're gonna <span class="italic underline">fix</span> it. &nbsp;&nbsp;&#9632;&nbsp;&nbsp; &copy; 2026 nitrox.</p>
        </footer>
    </main>
    <script src="script.js"></script>
</body>
</html>