code-anything.com
Log inStart free

Developer

Beacon

Beacon is a landing template for shipping a developer CLI, not documenting one. The ink-black canvas and a single vivid beacon-orange accent put the install command and a realistic terminal session front and centre, so the tool demonstrates itself above the fold. A copy-to-clipboard install box, a windowed terminal showing real commands with token-coloured output, a three-step quickstart, and a metric-led features grid turn "it just works" into something an engineer can read in seconds.

Dark terminal calm — a command-line tool that proves itself by running, not by promising.

cli-tool.code-anything.app
>_
Beaconv3.2.0
v3.2 · zero-config

Your project, shipped
from the terminal.

Beacon builds, previews, and deploys with one command. No YAML to memorise, no dashboard to babysit — just the shell you already live in.

$npm i -g @beacon/clicopy
# verified · sha256 a1b2c3…9f0e · 4.2 MB · MIT
~/apps/storefront — beacon
$ beacon ship --prod
  ◦ detecting framework … vite + react
  ✓ build complete dist/ (1.8 MB, 412 modules)
  ✓ uploaded 47 files in 2.1s
  ✓ live at https://storefront.beacon.app

$ beacon status --json
  { "env": "production", "healthy": true }
$
beacon~/new-project$beacon quickstart# three commands to your first deploy · ~3 min
01
Install once$ npm i -g @beacon/cli

One global binary, no runtime to manage. Works the same on macOS, Linux, and Windows shells.

02
Initialise$ beacon init

Beacon detects your framework and writes a single sensible config — edit it later, or never.

03
Ship it$ beacon ship

Build, preview, and deploy in one pass. The command exits non-zero on failure, so CI just works.

beacon~/storefront$beacon bench --all# measured on v3.2.0, M2 Air · 2026-07-09
38ms
cold start

A single static binary boots before your prompt blinks — no Node spin-up, no JIT warm-up.

0
config files

Conventions over ceremony. Beacon infers your setup and only asks when it truly cannot guess.

exit 0/1
scriptable

Clean exit codes, JSON output behind --json, and stable flags make it safe to pipe and automate.

5
platforms

Prebuilt for macOS (arm64 + x64), Linux, Windows, and Alpine — checksummed on every release.

beacon~$beacon --help# the full surface fits on one screen
usage: beacon <command> [--flags]
initScaffold a beacon.toml from the project it finds in the current directory.
devLocal preview with hot reload on :4000 and typed environment injection.
ship --prodBuild, upload, and go live in a single pass. Exits non-zero on any failure.
status --jsonCurrent release, health, and region — machine-readable for CI gates.
rollbackRestore the previous release instantly; deploys are content-addressed.
logs -fStream production logs to the shell, follow mode for live tails.
# run beacon <command> --help for per-command flags

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • Stay dark and near-monochrome: an ink-black canvas (#0B0E14) with a marginally lighter panel surface (#141925), and reserve the single vivid beacon-orange accent (#FF7A45) for the primary CTA, the prompt sigil, and command names — never as a background wash.
  • Lead with the command, not a photo: the hero centres on a copy-able install line and a windowed terminal session, so the tool runs in front of the reader before any prose. Ship no images at all.
  • Set everything technical in monospace: the install box, terminal session, flags, paths, exit codes, and metric numerals all use a monospace stack (ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo), while body copy stays in a clean sans-serif (Inter).
  • Token-colour the terminal: give commands the orange accent, flags and options the teal secondary (#2DD4BF), strings a warm amber, paths and comments a desaturated grey, and success marks a muted green — so output reads like a real shell.
  • Favour hairline borders (#222A38) and small 10px radii over shadows; separate sections with thin rules and generous vertical rhythm instead of heavy cards or gradients.
  • Keep contrast high and copy terse: bright text (#E6EAF0) on dark, muted grey (#7E8AA0) for secondary lines, short imperative labels, and no decorative filler.

Ships with

Top navigation with mark, wordmark, Docs / GitHub links, and an install buttonCentred dark hero with eyebrow, headline, subtext, and a copy-able install command boxTerminal window mock showing several commands with token-coloured outputGet-started in three steps (install, init, ship)Features grid (speed, zero-config, scriptable, cross-platform) with metricsFooter with product, developer, and community link columns plus a status line

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Inter

Body

Inter

Radius

10px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.