Big Iron — Landing Site

The public landing site and app shell for Big Iron, a cloud hardware-in-the-loop (HIL) testing platform. Built from the Big Iron Design System.

What's inside

Page	Route	Description
Landing	/	Hero, value prop, 3-step solution walkthrough
Pricing	/pricing	Three-tier pricing (Hobby / Startup / Enterprise) with yearly/monthly toggle and feature comparison table
App	/app	Interactive platform dashboard — test runs, device matrix, run detail with signal traces and live logs, new test submission. Powered by HTMX partials

Tech stack

• Astro — static site generation
• HTMX — client-side navigation without full page reloads (app shell)
• Custom CSS — all styles live in public/styles.css; no Tailwind, no framework CSS
• Lucide icons — inlined as SVG; no icon font dependency
• Design tokens from colors_and_type.css — Space Grotesk + JetBrains Mono, green-on-dark palette

Project structure

public/
  styles.css           # All component + page styles
  colors_and_type.css   # Big Iron design tokens
  fonts/                # Space Grotesk, JetBrains Mono
  assets/               # Logo marks
src/
  layouts/Layout.astro   # Shell: HTMX, tokens CSS, global animations
  components/           # Astro atoms: Button, Card, Logo, Eyebrow, StatusDot, etc.
  pages/
    index.astro         # Landing page
    pricing.astro      # Pricing page with billing toggle
    app.astro          # App shell (sidebar + topbar + runs list)
    partials/           # HTMX swap targets: runs, detail, devices, newtest

Development

npm install
npm run dev      # localhost:4321
npm run build    # static export to dist/
npm run preview  # preview the build

License

MIT — see LICENSE.