Archway Get Started Free

Ship APIs in minutes, not months

Archway generates production-ready API endpoints from your database schema. Type-safe clients, automatic documentation, and built-in rate limiting out of the box.

Get Started Free →

Features

Schema-first API generation, TypeScript & Go client SDKs, Automatic OpenAPI docs, Built-in rate limiting & auth, One-click deploy to Cloudflare

<div style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111">
  <header style="padding:20px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee">
    <span style="font-weight:700;font-size:1rem">{{product_name:string}}</span>
    <a href="{{cta_url:link}}" style="background:#111;color:#fff;padding:8px 20px;font-size:0.8rem;text-decoration:none;font-weight:500">{{cta_label:string}}</a>
  </header>
  <div style="display:grid;grid-template-columns:1fr 1fr;min-height:80vh;align-items:center">
    <div style="padding:80px 48px">
      <h1 style="font-size:2.8rem;font-weight:700;line-height:1.15;letter-spacing:-0.02em;margin:0 0 20px">{{headline:string}}</h1>
      <p style="font-size:1.1rem;color:#555;line-height:1.7;margin:0 0 32px">{{description:text}}</p>
      <a href="{{cta_url:link}}" style="display:inline-block;background:#111;color:#fff;padding:14px 32px;font-size:0.9rem;text-decoration:none;font-weight:500">{{cta_label:string}} &rarr;</a>
    </div>
    <div style="height:100%;overflow:hidden">
      <img src="{{hero_image:image}}" alt="" style="width:100%;height:100%;object-fit:cover;display:block" />
    </div>
  </div>
  <section style="padding:80px 48px;background:#fafafa;border-top:1px solid #eee">
    <h2 style="font-size:0.75rem;text-transform:uppercase;letter-spacing:0.15em;color:#888;margin-bottom:32px;text-align:center">Features</h2>
    <p style="text-align:center;font-size:1rem;color:#333;line-height:2.2;max-width:600px;margin:0 auto">{{features:list&lt;string&gt;}}</p>
  </section>
</div>

Product Landing Page

Clean SaaS-style landing page with headline, features list, CTA link, and hero image.

by DesignGenerate 0 stars 1 renders 0 forks

Use This Template View Full Page Sign in to star

Schema

Field	Type
`product_name`	`string`
`headline`	`string`
`description`	`text`
`hero_image`	`image`
`cta_url`	`link`
`cta_label`	`string`
`features`	`list<string>`

Apply Values

POST JSON to the API endpoint:

POST /api/templates/product-landing/apply
Content-Type: application/json

{
  "product_name": "Archway",
  "headline": "Ship APIs in minutes, not months",
  "description": "Archway generates production-ready API endpoints from your database schema. Type-safe clients, automatic documentation, and built-in rate limiting out of the box.",
  "hero_image": "/images/defaults/hero-product.webp",
  "cta_url": "https://example.com/signup",
  "cta_label": "Get Started Free",
  "features": [
    "Schema-first API generation",
    "TypeScript & Go client SDKs",
    "Automatic OpenAPI docs",
    "Built-in rate limiting & auth",
    "One-click deploy to Cloudflare"
  ]
}

AI Prompt

Copy this prompt to generate a compatible template with any LLM:

You are an expert frontend designer.
Create a beautiful, modern HTML template for "Product Landing Page" that strictly follows the constraints and schema below.

## Constraints
- Style everything using inline style="" attributes only (no external CSS, no <link>, no <style> tags)
- Do NOT use: <script>, <iframe>, <form>, <input>, <textarea>, <button>, <select>, <object>, <embed>, <details>, <dialog>
- Place data placeholders using this syntax: {{product_name:string}}, {{headline:string}}, {{description:text}}
- The template must be a single HTML fragment (no <html>, <head>, or <body> tags)
- Use system fonts: font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif (or Georgia, serif for editorial)

## JSON Schema
```json
{
  "product_name": "string",
  "headline": "string",
  "description": "text",
  "hero_image": "image",
  "cta_url": "link",
  "cta_label": "string",
  "features": [
    "string"
  ]
}
```

## Placeholder Syntax
Each data point uses `{{key:type}}` — for example:
- `{{product_name:string}}` → string
- `{{headline:string}}` → string
- `{{description:text}}` → text
- `{{hero_image:image}}` → image
- `{{cta_url:link}}` → link
- `{{cta_label:string}}` → string
- `{{features:list<string>}}` → list<string>

Output ONLY the HTML code block. No explanation.

← All Templates