Agency

AtlasAgency

An editorial site for studios that let the work speak.

Best for: Studios and agencies that sell on craft and case studies.

We build brands and products worth paying attention to.

Overview

AtlasAgency is for productized studios that sell outcomes, not hours. The editorial 'Atlas' theme — warm paper, charcoal type, a clay accent — gives the work room to breathe, while the section flow makes the pitch in the order a buyer decides: a statement hero, then the case for hiring a fixed-scope team at all ('you don't need an agency — you need this shipped'), the services you sell, a selected-work showcase, a clear process, one client's word, and a transparent pricing teaser. Swap in your own projects and rates from one config file.

Who it's for

Design studiosDev & product agenciesProductized service businessesFreelance collectives

Highlights

Statement hero, then a buyer-decision beat: why hire a fixed-scope studio at all
Services with fixed-scope pricing + a three-tier engagement teaser
Selected-work showcase with a full case-study detail screen
One oversized client quote tied to the case-study client
Four-step engagement process + objection-led FAQ
Client portal screen (phase, files, invoices) behind sign-in

Pages included

Home
Sign in
Sign up
Terms of Service
Privacy Policy
Case study detail
Project inquiry
Client portal
Themed 404 / 500 / loading

Built with

Next.js 16React 19Tailwind v4TypeScript

What you'll get

A launch kit is more than code. Here's exactly what's in the box and what it takes to get it live.

AtlasAgency Launch Kit

v1.0.0 · Single-project license

Coming soon

In the box

Next.js source codeThe complete, typed project — yours to keep and edit.
Content configEvery word, link, and price in one editable file.
Theme configColors, fonts, and shape as simple design tokens.
Auth screensThemed sign in & sign up — split layout, ready to wire up.
Legal starter pagesPractical Terms & Privacy you can customize, not legal advice.
3 niche product screensDesigned for this kit — e.g. a dashboard, detail, or checkout.
Themed error & loading screensMatching 404, 500, and loading states — not generic fallbacks.
Guides + launch checklistCustomization, deployment, launch checklist, and troubleshooting.
DESIGN.md + AGENTS.mdSystem-design map + agent operating rules and starter prompts.
License + changelogPlain-language usage terms (placeholder) and version history.

To launch it

Difficulty: intermediate
Setup time: About 45 minutes
Deploys to: Vercel · Netlify · Any Node host
Guides: 4 included
Support: Priority email support and optional hands-on setup.

Request early access

Downloads open when checkout launches.

Customization & requirements

Everything renders from one config file, so editing copy, pricing, sections, or the theme is a data change — no component rewiring.

You'll need

Node 20+A code editorGitHub accountVercel account (free)

You can customize

Studio name & positioningServices & engagement pricingSelected work & case studiesProcess stepsTheme accent & type

Built for AI agents

Customizing with Claude, Cursor, or another agent is the intended path — the kit tells the agent what it may touch. Use the “Build it with AI” button in the sidebar for a ready-made starter prompt.

AGENTS.mdOperating rules, project map, starter prompts.
DESIGN.mdDesign system and theming contract — tokens only.
configThe safe editing zone: copy, links, pricing, and theme as data — AGENTS.md names the files.

Launch checklist

Every kit ships with a practical, step-by-step checklist so you know exactly what to change before you go live.

Launch checklist

18 steps

Make it yours

Replace the logo and favicon
Update your business / brand name
Rewrite the hero copy
Update services, features, and pricing
Set your real contact email
Swap placeholder images for your own

Metadata & SEO

Update the page title and description
Set your Open Graph share image
Point metadataBase at your real domain

Quality check

Test the responsive layout on mobile
Test every button and contact CTA
Run a quick Lighthouse pass

Make it your studio

Replace the selected work with your own case studiesEach project on the home page has a matching detail screen — swap the client, mock, and outcome together so they stay in sync.
Set your real engagement prices and availabilitySprint / Project / Retainer and the 'Taking projects' quarter on the inquiry page are the numbers prospects screen you on.
Rewrite the FAQ around how you actually contractFixed-price vs hourly and ownership of code and files are the two answers clients read before they email.

Launch