Brief

Brief gives design, brand and creative studios a place to present case studies, explain services and collect project inquiries, with numbered sections and a week-by-week project timeline.

$47 USD

Buy now

Secure payment via Stripe

Live preview ↗
Best for
Best for design, brand and creative studios, small agencies, design practices and freelance teams
Platform
Astro
Status
On sale
Price
$47 USD
Version
1.0.0
License
Astro edition: Peachfin Themes Astro License (LICENSE in the download). Photographs CC0 1.0 (ASSETS.json). Bundled font SIL OFL 1.1 (public/fonts/OFL.txt).
Demo photography is licensed separately from theme code

Page inventory

Home
Home
Work
Archive
sector pages
Archive
case studies
Detail
Services
Archive
service pages
Detail
Studio
About
Start a project
Contact
Contact
Contact
Journal
Journal
journal entries
Post
tag pages
Archive
Search
Utility
Privacy
Utility
Terms of engagement
Utility
Photo credits
Utility
404
Utility

Design controls

Studio identity
identity.name sets the studio name across the header, footer, page titles and structured data.
Colors and type
theme.colors sets the palette, and theme.fonts.display sets the heading font; theme.preloadFont can disable the bundled font preload.
Home content
home.title, home.text and home.facts set the introduction; home.leadStudy, home.workLimit and home.journalLimit choose the featured content.
Timeline and extras
signature.timeline switches off the project timelines and studio process row; search and analytics switches are in src/site.config.ts.
Project intake
intake.formAction sets the form endpoint; intake.email and intake.subject address the email fallback.
Footer
footer.attribution changes the credit or hides it with show: false; footer.note holds the removable demo notice.

Features

  • Home has a short headline over a full-bleed photo hero, then a lead case study, selected work, services, team members and journal entries.
  • The work index lists projects with sector filters and a sort menu for studio order, date or client name.
  • Case studies combine a project fact sheet, a Markdown story, captioned pictures, deliverables and credits.
  • The signature timeline shows project phases by week and can be switched off with the studio process row.
  • The project intake form posts to your configured endpoint or opens an email draft containing the visitor's answers.
  • The included optional EmDash edition was tested with EmDash 1.1.0 on Node.js and locally on Cloudflare, as documented in EMDASH.md.

What the download includes

  • Brief 1.0.0 includes Astro source with typed content collections for case studies, services, team members, sectors, journal entries and pages.
  • The demo contains six fictional case studies for a brand and signage studio.
  • The theme includes 16 CC0 photographs with source records in ASSETS.json and a Photo credits page.
  • The bundled Brief Display font is a renamed Latin subset of Schibsted Grotesk Bold (700) under SIL Open Font License 1.1; body text uses system fonts.
  • README and GETTING-STARTED explain content editing, configuration, form setup and deployment.

Setup

  1. Install Node 24 LTS or Node 22 LTS, version 22.19.0 or later.
  2. Run npm ci followed by npm run dev, then visit the address Astro prints.
  3. Set your studio details and HTTPS site URL in src/site.config.ts, then replace the fictional text and photographs.
  4. Configure intake.formAction for your form service, or set the email address and subject used by the fallback.
  5. Use CUSTOMIZE.md and AGENTS.md when editing with any coding agent.
  6. Run npm run check, npm test and npm run build, then upload dist/ to a static host at your domain root with normal 404 handling.
  7. For the included optional EmDash edition, switch with npm run emdash:setup on Node.js or Cloudflare; npm run emdash:revert restores the Markdown edition.

Brief is an Astro site template for design, brand and creative studios, including small agencies, design practices and freelance teams. Numbered sections organize your work, services, process and team below a short opening headline over a full-bleed photo hero and a lead case study. The demo uses Wren Ferro, a fictional brand and signage studio, as example content you replace. Brief 1.0.0 costs $47 USD one-time.

The work index lets visitors browse by sector and sort projects by studio order, date or client name. Each case study brings together a sticky project fact sheet, the story, photographs with captions, deliverables and credits. Brief’s signature feature is a week-by-week timeline that shows the phases of a project. Set signature.timeline to false in src/site.config.ts to remove both the timelines and the studio process row. Other extras, including search and analytics, have switches in the same file.

Service pages describe what you offer and connect to relevant case studies. The Start a project page asks eight groups of intake questions. Set intake.formAction to post the answers to a configurable HTTPS endpoint; that service handles its confirmation page. Without an endpoint, the form opens the visitor’s email app with the answers filled in and explains that nothing has been sent yet. The email address remains visible beside the form. The Contact page can also show a message form when contact.formAction is set.

Edit case studies, services, team members, sectors and pages in Markdown, and write journal entries in Markdown or MDX. Use CUSTOMIZE.md and AGENTS.md to guide edits with any coding agent. For the optional EmDash edition, switch with npm run emdash:setup on Node.js or Cloudflare, where menus and site settings are edited in EmDash. Brief’s download includes EMDASH.md and the emdash/ folder, with content, menu and site settings changes appearing on the next request. Replace the sample privacy and terms text before publishing, then run the documented checks and build your site.

Similar themes