Task: Build a simple, static website for SuperColony

Overview SuperColony is a local agent that makes it easy to post tasks on IMD (https://imd.fun). You describe your idea in plain language. The agent picks the right task settings, shows you the price, and posts the task after you confirm.

The sensitive parts happen on your own computer:

• A small local AI model reads your idea and picks the task settings. Your idea is not sent to any AI service for this step, and no AI API key is needed.
• Your wallet's private key is stored on your computer, encrypted with your password. Payments are signed locally. The key is never uploaded.

What leaves your computer: the final task description (posted to IMD so workers can do the job) and the signed payment.

Project links

• Brand kit (logo files, colors, usage rules): https://claude.ai/artifact/UrkTeQ9of4t46WL2jR8WUz
• X (Twitter): https://x.com/supercolony_ai
• GitHub: https://github.com/Duggy-AI/supercolony
• npm: https://www.npmjs.com/package/supercolony

Brand

• Use the SC honeycomb logo from the brand kit link above. It has SVG and PNG files for light and dark backgrounds, plus a square avatar. Use the SVG versions in the site, and the mark alone as the favicon.
• Colors: Colony Navy #0B1B3F and Core Amber #FFB21E. Use amber sparingly, for the primary button and highlights.
• Font: Space Grotesk for headings (system font fallback). The logo files already have the wordmark outlined, so they don't need the font.
• Follow the usage rules on the brand kit page: keep clear space, keep the two amber cells amber, don't stretch or recolor the logo.
• Inline or bundle the logo with the site so it works offline. Don't hotlink it from the brand kit page.

Facts to use on the site (from the npm README)

• Install: npm install -g supercolony
• Requires Node.js 22 or newer. Same install command on Windows, macOS and Linux.
• Two equivalent commands after install: supercolony and colony.
• Local model: Qwen3.5-0.8B (Q4_K_M), about 533 MB. Downloaded once on first use from Hugging Face (falls back to hf-mirror.com automatically), checked with SHA-256, then reused from the local cache.
• Runs on the CPU on Windows, Linux and Intel Macs; uses Metal on Apple Silicon.
• Browsing tasks and dry runs need no wallet. Posting a task needs a wallet with funds.
• Payment networks: Ethereum (IMD, ETH, USDT, USDC) and Robinhood Chain (IMD, ETH, USDG). The agent picks a coin and network that has enough balance; you can change it. Network fees are paid in ETH.
• Every payment shows the official fee, the coin and network, and the network fee cap before signing. The confirmation defaults to Cancel.
• Don't hardcode the version number; link to npm for the latest.

How to run (show these on the site)

1. Open the dashboard (the easiest way): colony This opens a terminal app with My tasks, Explore, Workers and Wallets. On first launch it offers to create a wallet (you set a local password). Press n to describe a new task.

2. Set up a wallet: colony wallet create # new wallet, encrypted with your password colony wallet import # or import an existing private key (hidden input) colony wallet receive # show your address / QR code to add funds colony wallet backup --out colony-wallet-backup.json

3. Try an idea for free first (no wallet, no payment): colony task create "Build a landing page for my bakery" --dry-run

4. Post the task: colony task create "Build a landing page for my bakery"

5. Follow and download results: colony task mine colony task wait colony task download --out ./output

6. Ask for changes to a finished task: colony task continue "Add a contact form"

What the website should include

1. Hero section Short explanation of SuperColony with the logo. Highlight:

   • "Just describe your idea"
   • Your idea is understood by a local AI model on your computer
   • Your private key stays on your computer, encrypted
   • You see the exact price and confirm before anything is paid Primary button: copy the install command. Secondary: GitHub.

2. Install section

   • The npm install command with a copy button
   • Node.js 22+ requirement
   • First use downloads the local model (about 533 MB, one time)
   • Both supercolony and colony work

3. How it works (3 steps)

   • Describe your idea in plain language
   • The local model picks the task settings on your computer, and you review the price
   • You confirm, the payment is signed locally, and the task is posted to IMD

4. How to run The commands from "How to run" above, each with a short one-line explanation and a copy button.

5. Examples Show 2–3 example ideas, for example:

   • "Build a landing page for my bakery"
   • "Write a research report comparing three EVM testing tools, with sources"
   • "Build a website for my coffee shop" For each, show what the agent displays before payment: a short summary, the deliverable type (e.g. website, report), and the payment review (fee, coin and network, network fee cap). Use real output from colony task create "<idea>" --dry-run if possible. Otherwise mark the values as examples and do not invent prices.

6. Links

   • npm: https://www.npmjs.com/package/supercolony
   • GitHub: https://github.com/Duggy-AI/supercolony
   • X: https://x.com/supercolony_ai
   • IMD: https://imd.fun (confirm the docs URL before linking) Put GitHub and X in the header or footer too. Icon-only links need an aria-label.

7. FAQ (emphasize safety, keep answers short)

   • Does my private key ever leave my computer? No. It is stored encrypted with your password and only used to sign payments locally.
   • What stays on my computer? Your private key, your password, and the AI step that reads your idea.
   • What is sent out? The final task description (posted publicly to IMD) and the signed payment.
   • How big is the model download? About 533 MB, one time.
   • Which systems are supported? Windows, macOS and Linux with Node.js 22+. Apple Silicon Macs use Metal for speed.
   • What do I need to post a task? A wallet with funds on Ethereum or Robinhood Chain, plus some ETH for network fees. You can create or import a wallet in the app.
   • Can I try it without paying? Yes. Use --dry-run to see the plan with no wallet and no payment.
   • What does it cost? The official IMD task fee plus the network fee. The app may offer an optional 10% tip to support SuperColony. It is clearly shown and you can choose the original price.
   • Is completion guaranteed? No. Posting the task means IMD accepted it; IMD workers do the work.

Design requirements

• Clean, modern and mobile-friendly
• Light and dark themes (preferred)
• Fast loading: no frameworks, no external scripts
• A single static HTML file with inline CSS and JavaScript
• Accessible: good contrast, full keyboard navigation, visible focus, alt text for images, real buttons for copy actions

Tone

• Plain language and short sentences
• Explain any technical term the first time it appears (e.g. "private key", "network fee")
• Lead with ease and safety: "Just describe your idea. Your key stays on your computer."
• Be accurate: do not say "everything runs on your computer". The task itself is posted to IMD and done by IMD workers.

Out of scope

• Account creation or login
• Payment flows on the website
• Running the AI model in the browser
• Worker setup (the CLI can run IMD workers, but this site is for people posting tasks; a single "Run a worker? See GitHub" link is enough)

Deliverables

• One index.html that works offline once opened, with the logo inlined as SVG (system fonts as fallback if Google Fonts can't load)
• A short README with how to preview locally and how to deploy

Confirm the hosting target (e.g. an EC2 server, GitHub Pages) before finalizing.

(Submitted via Supercolony)