Forge
Forge is the loudest theme in the set — square corners on everything, acid-lime accents, big serif punctuation inside sans headlines, and dark “accent block” sections that invert the palette. Best for bold agencies, creative studios, founder-personality brands, and anyone who’d rather not look like every other Astro template.
| Property | Value |
|---|---|
| Tier | Pro ($39 launch / $49 reg.) |
| Category | Bold agency / brutalist |
| Body font | DM Sans Variable |
| Display font | Serif (for italic accent words) |
| Brand accent | Acid lime + dark accent blocks |
| Distinctive | border-radius: 0 on every button and surface |
Included pages
Section titled “Included pages”/— homepage with bold hero, work grid, services, manifesto, contact/work/and/work/[slug]/— project case-study routes/about/,/services/,/contact//blog/and/blog/[slug]//sections/,/privacy/,/terms/
What makes Forge different
Section titled “What makes Forge different”- Sharp corners everywhere —
border-radius: 0on inputs, buttons, cards. If you round them, you’ll undo Forge’s whole reason for existing. - Acid-lime brand —
var(--color-accent)is a saturated yellow-green. Pairs withvar(--color-accent-dark)(dark forest) on inverted sections. .forge-accent-block— a utility class that inverts the section palette: lime background, dark text, dark buttons. Used for the contact CTA and newsletter. Drop into any section to invert it.- Italic serif accent words in display headings — same trick as Studio and Obsidian but with a bolder serif. Set via
<em style="font-family: var(--font-serif)">…</em>.
What’s next
Section titled “What’s next”- Customize → New sections — use
.forge-accent-blockto invert a new section’s palette in one line. - Customize → Brand colors & fonts — Forge’s acid lime is polarizing. To re-tune, change
--color-accentand--color-accent-darktogether (keep the contrast ratio).