Tessel

A website template for a small digital agency selling brand, web, marketing and apps under one roof

Tessel is built for small design, web and marketing agencies: the home page states the offer, lists the four services as numbered rows, shows four projects in a staggered grid, introduces the team and closes on a review and a call to action.

Loading preview...

Who Tessel is for

Built for these, and tested against them.

  • Small digital agency selling brand, web, marketing and apps under one roof
  • Branding and web design studio with a handful of case studies
  • Web development studio that wants to show projects and a team
  • Marketing agency with a small in-house team
  • App design and development studio
  • Creative studio that wants a bright, friendly agency site rather than a dark brochure

What’s included

Everything below ships with the template, already filled in.

Pages
5 pages, written and laid out
Grows with you
4 project entries at /work/ — add one and its index and detail page both update
Enquiries
A working form — messages land in your Sitelas inbox
Type
Merriweather and Inter · light theme
Everywhere
Built and checked at phone, tablet and desktop widths
Yours to change
Every colour, word and photograph — in the editor or by asking an AI agent

About This Template

A studio site that shows the work and asks for the call

One signature, every page

Every page opens on a navy, grid-lined hero whose photograph, card grid or contact form overhangs into the sage band beneath it, so the site reads as one family from the first page to the last.

Projects are a collection

Add a project and it appears on the home grid, the Work page and its own detail page, with client, services, year, a short story and an optional outcome box.

When to pick something else

Tessel is the wrong template for these. Where there is a better one, it is linked.

  • Creative agency wanting a dark, dramatic brochure — try Flagship
  • Agency whose buyer wants dated engagements with named clients and results — try Daybook
  • Brand identity studio bought purely on imagery and mood — try Obsidian
  • Solo freelancer or agency-of-one — try Park or Dossier
  • SaaS or developer product marketing site — try Nimbus, Slate or Reed
  • Ecommerce

Free to use · No credit card required

  1. 1Opens in the editor with the starter content in place
  2. 2Change the words and pictures to yours
  3. 3Publish to a sitelas.com address, or your own domain

Key Highlights

Every page opens on the same navy grid hero, with the content overhanging into the sage ground beneath it
Projects are a real collection: home grid, Work index and a detail page each, from one form
Numbered service rows and detailed service cards that name deliverables, not invented percentages
A client review card and count-up figures, all in one consistent set you replace once
A contact form with room to breathe, plus address, phone and email as tap-to-call and tap-to-mail links
agencydesign-agencydigital-agencybrandingweb-designmarketingstudioportfoliob2bseriflimenavy

Questions about Tessel

Can I change how Tessel looks?

All of it. Colours, type, spacing, photographs and every word are yours to edit — in the visual editor, or by asking an AI agent to do it for you. Nothing is locked.

Do I need to know how to code to use Tessel?

No. You edit the page by clicking the thing you want to change. There is no code to write and nothing to install.

Can I add more project entries later?

Yes — that is what the project collection is for. Adding one from the editor creates its own page at /work/ and updates the index automatically. You are not editing a list by hand.

What does Tessel cost?

Nothing to start, and there is no trial clock. A free site runs on a sitelas.com address; Pro is $16 a month per site (or $160 a year) when you want your own domain, analytics and more room.

Can I use my own domain?

Yes, on Pro. Point your domain at the site and SSL is issued automatically — there is no certificate to buy or renew.

Make Tessel yours

It opens in the editor with every page already written. Change what you want, publish when it reads like you.

Free to use · No credit card required

Related Templates

Foundry template

Foundry

Utilitarian-trustworthy industrial services GROUP template — an umbrella brand over N specialist divisions. Harlan Industrial Group persona. Deep petrol green + hi-vis lime, Oswald condensed on IBM Plex Sans with IBM Plex Mono spec codes. The signature structure is a collection-driven DIVISION REGISTER: full-width numbered rows (petrol code chip, division name, one-line tagline, sector pills, arrow) that scale from 3 divisions to 12 with zero structural edits and no per-division photography. Certifications are a first-class section, not an afterthought. Multi-page (Home / Divisions / Group / Contact) plus a per-division detail page at /divisions/<slug>.

Gable template

Gable

Residential renovation contractor template. Spectral contemporary slab-serif display + Inter body, cool slate blue with oxidized rust accent on warm bone — craftsmanship-forward without rustic cliché. Introduces the before/after project-portfolio pattern: projects are a content collection, so the same six starter jobs drive the featured pair on the home page, the index on /work and a page of their own. Small-caps metadata strips (year · size · scope · duration · neighborhood). No commerce. Quote-intake contact form instead of booking. Generalizes across the trades-with-portfolio archetype: general contractors, custom home builders, remodelers, interior designers, landscape architects, millwork and cabinetry shops.

Hatch template

Hatch

Company careers page for funded tech / AI startups (Series A–C, 20–80 person teams). Deep slate navy + warm cream + coral accent, Fraunces serif on Inter — modern-tech-company register that reads as confident-but-human. Three pages plus role-detail (collection-driven): Home / Open roles / Life at Hatch / per-role detail with apply form. Conversion is candidate application (formType `application`, submissions land in your inbox, with optional webhook forwarding). Distinct from `whitford` (law firm authority-formal) and `flagship` (agency / B2B sell) — this is a hiring page, not a sales page or a recruiting agency.