Forge
Bold, high-contrast digital agency theme with massive serif headings, acid lime accents, and sharp edges.
See Forge in action
Every page and section is part of the download. Use these as launch-day templates — keep the structure, swap the copy.
Forge is for digital agencies and studios that want to look as bold as the work they produce. Massive DM Serif Display headings, acid lime accent blocks, numbered service lists, and edge-to-edge photography create a theme that commands attention.
Best Fit For
- Digital agencies
- Creative studios
- Branding firms
- Design consultancies
- Marketing agencies
- Web development studios
Full Page Set
Every page is real and editable — no placeholders, no "coming soon" stubs.
25 Sections Included
Every section is a ready-to-use Astro component. Add it to any page, customize via config, or remove what you don't need.
What's Included
Typography as Architecture
Forge uses DM Serif Display at extreme scale — headings that fill the viewport and create visual gravity. Paired with Inter for body text, the typographic contrast is the entire design system. No decoration needed when the type is this strong.
Sharp, Not Soft
Zero border radius. Hard offset shadows. Black borders instead of subtle grays. Forge rejects the rounded-corner softness that makes most themes interchangeable. Every edge is intentional, every contrast is maximal.
Acid Lime That Works
The accent color isn't decorating buttons — it fills entire content blocks. Half a section in vivid lime with black serif text creates a visual impact that subtle accent colors cannot achieve. Bold enough to remember, controlled enough to trust.
Forms, newsletter, and analytics — pre-wired
Forge is ready to connect to your preferred providers. Pick from the options below, drop in a single API key, and your contact form, newsletter signup, and analytics are live — no backend, no JavaScript, no glue code.
Contact form
The Contact section's <form> renders with no JS. Set one provider in site.ts; the form action wires automatically.
- Formspree50 free submissions / month, no domain restriction
- FormSubmitFree, no signup — just an email confirmation
- Netlify FormsFree 100/month — Netlify hosting only
Newsletter
The Newsletter form sends subscribers directly to your ESP. The email input name auto-adjusts per provider.
- MailchimpStandard EMAIL field; honeypot supported
- ConvertKit (Kit)email_address field; works with any form ID
- Buttondownemail field; lightest, indie-friendly
Analytics
Layout.astro injects the right script tag based on the provider you choose. No client-side branching.
- Google Analytics 4Paste your G-XXXXXXXXXX measurement ID
- PlausiblePrivacy-friendly, ~1 KB script, no cookies
- UmamiSelf-hostable, also cookie-free
Tech Stack
Config-Driven Setup
Every theme uses a single src/config/site.ts file
for customization. Change your brand, navigation, form providers, analytics, and section content
without touching component code.
// src/config/site.ts
export const siteConfig = {
name: "Your Company",
tagline: "Your tagline here",
url: "https://yourdomain.com",
navigation: { sticky: true, links: [...], cta: {...} },
social: { twitter: "...", github: "...", linkedin: "..." },
seo: { title: "...", description: "...", ogImage: "/og.png" },
// ── Provider switches ────────────────────────────────
contactForm: { provider: "formspree", formspreeId: "your-id" },
newsletter: { provider: "convertkit", actionUrl: "https://..." },
analytics: { provider: "plausible", plausibleDomain: "you.com" },
// ── Section data ─────────────────────────────────────
team, video, timeline, comparison, gallery,
carousel, tabs, appDownload, map, footer,
} as const;Full documentation, ready before you buy
Browse the install guide, the site.ts reference, provider setup, deploy instructions, and the Forge-specific page — all live now.