Alatriste & Cortes   acmeridian·co
Talk to a person →
← Showcase   ·   Case 03 of 03
Live · 2026   Custom build

Case study · § 03 · The studio site itself

acmeridian.co

The page you're standing on is the case study. We built the site to be poked at: every tool on it does real work, and every page loads in under a second on a phone. Open DevTools and check.

Stack
HTML · CSS · JS

Static HTML
Canvas · Web Audio · SVG

Pages
7 custom pages

Studio · Audit · Pricing · Glossary
404 page · Two case studies

Lighthouse
100 / 100 / 100 / 100

LCP 0.6s · CLS 0 · INP <100ms
JS bundle <30 KB · 3 fonts subset

Author
Stephen + Mike

Both names on the work
No outside team

ALATRISTE & CORTES — VOL. I · STUDIO PLATE 001 Custom build. Two people. PALETTE — BONE · INK · CINNABAR TYPE — FRAUNCES · NEWSREADER · JETBRAINS MONO STACK — HTML · CSS · JS · CANVAS · WEB AUDIO · SVG WORKING TOOLS ON THIS SITE The Audit PASTE ANY URL · LIGHTHOUSE · 7 CHECKS The Plate AUDIT EXPORTS AS A 1200×1500 PNG The Calculator PICK A TIER · SEE YOUR REAL ESTIMATE The Glossary 20 WEB TERMS · PLAIN ENGLISH · TAP TO FLIP LIGHTHOUSE 100 / 100 / 100 / 100 · LCP 0.6s · <30 KB JS · CLS 0 · WCAG AA

I   Tools that actually work

Four live things on this site.

§ 01 · The Audit

A real Lighthouse runner.

Paste any URL. We run it through Google's PageSpeed Insights API, then fetch and parse the raw HTML to check for JSON-LD schema and contact-info gaps. You get back the same seven-point report we'd walk through on a first call. Free, no sign-up.

PSI v5 · CORS-proxied HTML · Run it on your site
§ 02 · The Plate

The audit, as a downloadable PNG.

Every audit run can be saved as a 1200×1500 letterpress-style PNG. It puts your URL, the four scores, the seven checks, and the grade onto one shareable image. On mobile it fires the native share sheet; on desktop it downloads. Useful if you want to forward the report to a developer or hang it on your fridge.

Canvas API · Web Share API · runs after any audit
§ 03 · The Calculator

A working price estimate.

Pick a tier, choose managed-plan or day-one-ownership, drag the buyout slider to see when the math zeros out. Add photo capture, blog setup, online ordering, or any of the other add-ons. When you're ready, send yourself the estimate by email. No commitment, no salesperson.

Real math · Real email · Try it on the homepage
§ 04 · The Glossary

Web jargon, in plain English.

Twenty terms a web company will throw at you (Buyout, CMS, Hosting, Schema, SSL, Responsive, Local SEO, and so on) translated into the words an actual business owner uses. Each term flips on tap. So you can read the rest of this site without having to look anything up.

20 terms · Tap to flip · Open the glossary

II   Performance, with notes

Why these numbers matter.

Lighthouse is Google's free site-audit tool. It scores any page on four categories from 0 to 100 and measures how fast the page loads. Here's what each column in the table below is checking, and why it matters to a business:

Perf · Performance
How fast the page loads on a real phone. Slow pages lose visitors before they see your prices. 100 means a customer sees content within a second.
A11y · Accessibility
Whether the site works for visitors using screen readers, keyboard navigation, or with limited color vision. 100 means everyone can read your menu.
SEO · Search-engine readiness
Whether Google can read and index the page. 100 means your business info is structured so Google can put you in local results.
BP · Best Practices
Whether the site uses modern, secure patterns. 100 means proper HTTPS, no insecure links, no broken images, no deprecated APIs.
LCP · Largest Contentful Paint
Seconds until the visitor sees something useful on screen. Google considers under 2.5s acceptable. Our worst page is 0.7s.

§ Performance · Studio site · production · 02 May 2026

PagePerfA11ySEOBPLCP
Studio (homepage)1001001001000.6s
Audit page991001001000.7s
Glossary1001001001000.5s
This case study1001001001000.6s

Measured on a simulated Moto G Power on a 4G connection: roughly the slowest realistic case for a visitor on their phone. JS budget across all pages stays under 30 KB.

You don't have to take our word for it. Open DevTools, click the Lighthouse tab, and run it yourself. The numbers reproduce.

&

Want a site like this for your business?

Same studio. Same two people. Talk to us.

Get in touch →
← All cases Back to the studio   ·   acmeridian.co →