Obsidian Design studio website template
Obsidian is for a boutique creative agency, a brand identity studio or a freelance designer growing into a studio. Warm cream pages, deep green accents and big serif headlines make it feel closer to a magazine than a tech startup.
Who Obsidian is for
- Boutique creative agencies running brand + web work
- Brand-identity studios with three to six designers
- Freelance designers ready to step up to a real studio site
- Content agencies managing social, email, and SEO for clients
- Social-media and creator-economy agencies
What’s included
- Pages
- 4 pages, written and laid out
- Grows with you
- 9 project entries at /works/, 9 blog entries at /blog/ — add one and its index and detail page both update
- Enquiries
- A working form — messages land in your Sitelas inbox
- Fonts
- Playfair Display and Inter · light theme
Build Obsidian by asking your AI agent
- 1Connect Sitelas to Claude, ChatGPT or another AI agent that supports MCP. How to connect
- 2Ask for it in plain words: “Build my brand studio website with the Obsidian template: we're a three-person identity studio in Bristol, with our six best rebrands, two monthly retainers at £1,500 and £2,800, and a blog about briefing a designer.”
- 3Open the preview link it sends back, ask for changes, and publish when it reads right.
Then keep changing it from the same chat
- Rewrite the copy“Rewrite the ‘Works’ page with my details, in a warmer voice.”
- Change the design“Keep the layout, but swap Playfair Display for another typeface and use my brand colours.”
- Add project entries“Add three project entries from these notes, each with its own page.”
- Swap the photos“Replace the photos on the ‘Blog’ page with my own.”
Everything here can also be done by hand in the visual editor.
About the Obsidian template
Built for a boutique creative studio
Obsidian suits studios that sell taste as much as output. The pages feel printed and unhurried, which helps a small team look considered.
What's on the site
- Home with your services, selected work, a client testimonial and retainer pricing
- Works, with a page for every project
- Blog, with a page for every post
- Contact, with an enquiry form
Keeping it current
Projects and posts are collections: add one in the editor, or ask your AI agent, and the index, the home page teaser and its own page all update. The retainer pricing section can be edited or removed if you prefer to quote per project.
When to pick something else
Obsidian is the wrong template for these. Where there is a better one, it is linked.
Free to use · No credit card required
Key Highlights
Questions about Obsidian
Can I publish my prices?
Yes. There is a retainer pricing section that puts the price front and centre. Change or remove it in the editor.
Can I add projects and blog posts myself?
Yes. Both are collections: add one from the editor, or ask your AI agent, and the index, the teaser and its own page all update.
Who is Obsidian for?
Obsidian is for a boutique creative agency or brand identity studio that sells monthly design retainers. The home page lists six services, a grid of selected projects, client testimonials and three retainer plans with their monthly price, design hours and what is included, then an FAQ. Each project has its own page under Works, a blog carries your articles, and the contact form asks for the project type and budget. A brand and web studio that wants a team photo grid fits Spire, a studio that leads with a showreel fits Cornice, and a small agency that wants an About page with its team and process fits Tessel.
What pages come with Obsidian?
4 pages, already written and laid out: Home, Works, Blog and Contact. Add, rename or remove pages whenever you like.
Can Claude or ChatGPT build my site from Obsidian?
Yes. Connect Sitelas to your AI agent and ask for a site that uses Obsidian. It fills in your details, sends you a preview link, and publishes when you approve. The same chat can keep running the site afterwards.
Can I change Obsidian without code?
Yes. The Playfair Display and Inter type, all 4 pages and the project entries, every photo and every colour can be changed in the visual editor, or by asking your AI agent.
What does it cost?
Nothing to start, with no trial clock. A free site runs on a sitelas.com address; Pro is $9 a month per site ($90 a year) for your own domain, analytics and more room.
Guides that use Obsidian
How to Choose Website Colors and Fonts (and Change Them)
Simple rules for choosing website colors and fonts, then three ways to change them on a Sitelas site: ask your AI agent, use the editor's AI, or the Theme panel.
How to Clone a Website With AI — and Make It Your Own
How to clone a website with AI: paste a URL in Claude, get an editable Sitelas copy of the page, replace the words and images with your own, and publish only when it's yours.
How to Edit a Website: A Plain-English Guide
How to edit a website on any builder: find out what it's built on, sign in, change the words, check the preview and publish. Plus plain-code sites, the browser trick, and editing with AI.
Make Obsidian yours
All 4 pages open in the editor already written, with 9 starter project entries. Make the words and photos yours, then publish.
Free to use · No credit card required
Related templates
All agencies & firms templates →
Shortlist
For staffing companies and temp agencies: a jobs board by job type, CV applications and a page per service.
Spire
For brand and web design studios: a full-width project mosaic, a team photo grid, a journal and an enquiry form.
Tessel
A bright, friendly site for small web and marketing agencies: services, projects, team and contact.
Awning
For an independent insurance agency: a page per kind of cover, a quote form, a claims page and your license number.
Ballast
For a fee-only financial advisor or small practice: services, advisors, fees, client stories and a consultation form.
Bollard
For freight forwarders and logistics firms: a rate form up front, lanes and transit times, and service pages.