Loam Sweet Loam is a fictional real estate agency. The website is real, and Loam Agency can build yours. Get a site like this
Loam Sweet Loam Realty
Book a ShowingWhat's My Home Worth?

An annotated tour of this very page

This is an H1.

It's the page's headline in the code, not just in looks. Search engines, AI answer engines and screen readers all use it to decide what a page is about, so a page with no H1, or five of them, confuses all three. Think of it as the front door: every page has exactly one, and it tells you where you are.

What this page proves

One H1, headings in order

Every layout sets its own heading levels, so the outline is right on every page.

Everything here is editable

Each section on this page is a CMS block the owner can change.

Search and AI can read it

Meta, canonical URL, structured data and llms.txt on every page.

Locked down by default

No plugins, no public data API, no secrets in the page.

You're reading the paragraph under an H2 right now.

This is an H2.

H2s split a page into topics, the way chapters split a book, and H3s sit under them. Search engines and screen readers navigate by that outline, so the order matters: an H2 should never jump straight to an H5 just because the smaller text looked nicer.

Every layout on this site sets its heading levels for you. That's why its outline is correct on every page, including the ones the owner adds next year.

Things on this page you can't see (but Google can)

View the page source and you'll find all of these. You never have to type any of them.

A meta description

The two-line pitch under this page's link in search results. Leave it blank and the site writes one from the page's own content.

A canonical URL

Tells search engines which address is the real one, so www, non-www and preview copies never compete.

Structured data

Machine-readable labels for the business, breadcrumbs, FAQs, products and articles, generated from the content.

A share image

The picture that appears when someone shares this page in a text message, on LinkedIn or on Facebook.

A live sitemap

An always-current list of every page for search engines, updated the moment something is published.

Breadcrumbs

The trail on inner pages, marked up so search results show where a page lives on the site.

By the numbers

Counted from the website template itself when this sample was built, so they stay true.

1
H1 on every page
0
plugins to patch
34
types of section to build with
204
designed layouts for those sections
2
light and dark modes, each designed

AEO: answer engine optimization.

Built for AI answers, not just search results

People increasingly ask an assistant instead of searching. This site is written to be understood by both.

An llms.txt file

A plain-language guide to this site for AI crawlers, at /llms.txt. Go ahead and open it.

FAQ markup

Every question on the Why This Website page is marked up so assistants can quote the answer directly.

WebMCP

In browsers that support it, AI agents can ask this site for its services, articles and contact details directly.

AI crawler counts

Visits from ChatGPT, Claude, Perplexity and other AI crawlers are counted page by page.

Security: what isn't here, on purpose

Most website break-ins come through something that didn't need to be there.

No plugin marketplace

Every feature is built in and maintained together, so there's no stack of third-party add-ons to keep patched.

No public data API

Anonymous visitors get the pages, not a download of the site's content and structure.

No secrets in the page

Integration keys stay on the server, and data is scrubbed before it reaches your browser.

No default passwords

Admin accounts are never created with a known password, not even on day one.

No open door for spam

Forms carry a hidden honeypot, a same-site check and a per-visitor rate limit.

No guesswork

A person reviews security and dependencies every month, and the owner gets the report.

Try the light and dark switch in the header.

A design system keeps it on brand

Everything you see (colors, type, spacing, buttons, cards) comes from a design system designed in Figma, where the brand is defined once as tokens that every page reads. That is why a page added next year still looks like it belongs, and why nobody has to remember the exact shade of the buttons.

Light and dark mode are both part of that system: each one designed, and every text and background pair contrast-checked in both. Until a visitor picks one, the site follows their device.

When a business needs something the existing layouts do not cover, we design and build it rather than bending the business to fit the layouts.

Built for everyone who visits

Accessibility isn't a plugin you add later. It's checked in the design system before a page exists.

Contrast that passes

Every text and background color pair, in light and dark mode, is audited against WCAG contrast guidelines.

Real headings and labels

Screen readers get a true outline and labeled controls, not styled text pretending to be headings.

Motion you can stop

Anything that moves pauses on hover and respects your device's reduce-motion setting.

Keyboard friendly

Menus, dropdowns and accordions all work without a mouse.

Fast on a phone

Images are sized per screen in modern formats, and pages are cached close to visitors.

Lightweight by design

No slider libraries or plugin scripts. Interactive pieces use the browser's own scrolling.

How a Loam site gets built

1

Discovery

We learn the business, its customers and what the website has to do for both.

2

Design system

Your brand becomes a design system in Figma: colors, type and styles as tokens, in light and dark.

3

Layouts

Pages are composed from audited, accessible layouts, then customized wherever your business needs something new.

4

Content

Content arrives from spreadsheets in one pass. This whole sample site was imported from 14 CSV files.

5

Launch and care

Launch, then a monthly security and maintenance review with a plain-language report.

Website jargon, decoded

Definitions are one of the things AI assistants quote most. So here are ours.

Now picture it with your name on it.

Everything on this page comes standard on a Loam website. Loam Sweet Loam is make-believe. Yours wouldn't be.

Make mine realWhy this beats the alternatives