One-page studio template

Soft, tactile design for a studio that builds calm digital products.

A single-page showcase built entirely from hand-authored components — every card, button, and panel styled with soft neomorphic shadows instead of a graphic design system.

Fast builds

Every section ships as a reusable pattern, so new pages assemble in hours, not weeks.

Editable content

Markdown front matter means every word and image is editable directly in a text file, no admin panel required.

Hosted anywhere

Built on Phoca CMS, so it runs comfortably on any standard shared or cloud PHP hosting plan.

Accessible by default

Semantic markup, focus states, and readable contrast are considered on every soft-shadow surface.

About

Find out more about the studio

Studio workspace

A small team, a considered process, work that lasts.

We pair structural discipline — Nucleus's grid system, a small library of hand-authored components — with a soft, tactile visual language that still feels distinctive rather than templated.

  • Structured foundations

    Every build follows the same proven section and grid conventions, so nothing is reinvented per project.

  • A distinct finish

    Soft shadows, generous spacing, and a considered type pairing keep every build visually unique.

The result is a page that reads as considered and calm, without sacrificing the editability a client needs day to day.

Home

Why a Soft, Tactile Interface Still Works

Presque tous les petits projets commencent de la même façon : un index.php, un style.css, un script.js - et six mois plus tard, deux projets ne se ressemblent plus. Phoca CMS répond à ça : un seul petit squelette que vous copiez dans chaque nouveau projet, pour que la plomberie soit déjà résolue et que vous puissiez aller directement à ce qui change vraiment cette fois-ci.

Il reste volontairement discret - pas d'étape de build, pas de dépendance à un framework, juste du PHP, du CSS natif et du JavaScript natif, prêts à être façonnés pour votre prochain projet.

HTML & CSS100%
Nucleus Grid Components95%
JavaScript80%
Phoca CMS100%
Alpine.js90%
Accessibility85%
0
Happy Clients
0
Projects
0
Support Hours
0
Team Members
Client logo
Client logo
Client logo
Client logo
Client logo
Client logo
Services

What the studio builds

Web design

Full one-page and multi-page builds, designed and hand-coded around a small component library.

Content strategy

Copy structured around how visitors actually scan a page, not how a template happens to lay out.

Performance tuning

Image optimisation, font loading strategy, and lean CSS keep pages fast without cutting the polish.

SEO foundations

Semantic structure and considered heading hierarchy, built in from the first section onward.

Ongoing support

Markdown content keeps every section editable long after handover, without touching code.

Brand systems

A cohesive palette, type pairing, and shadow language, documented so it stays consistent as it grows.

Web design preview
Web design

A page structure that scales past one page

The same section conventions that build this one-page demo extend cleanly into multi-page sites, so a client never outgrows the template.

Content strategy preview
Content strategy

Copy that respects how people actually read

Short, scannable blocks paired with a soft visual hierarchy — no wall of text competing with the design for attention.

Performance preview
Performance

Fast by default, not as an afterthought

Every image ships as an optimised WebP with a resized fallback, and every font loads with a metric-matched fallback face.

SEO foundations preview
SEO foundations

Structure search engines and screen readers agree on

One h1 per page, a logical heading order, and real semantic tags throughout — not a div soup with styled text.

Testimonials

What clients say

“The soft shadow language sounds like a small detail, but it completely changed how premium the finished site feels.”

Priya ShahFounder, Loom & Co.

“Every section was editable the day after handover. Our team never had to touch a line of code.”

Marcus WebbOperations Lead, Fenwick Studio

“It's rare to see a one-page template that still feels considered on page four of scrolling.”

Elena CrossCreative Director, Northfield
Portfolio

A few recent builds

Team

The people behind the studio

John

John

Founder
Joan

Joan

Co-founder
Jeff

Jeff

Marketing
Jane

Jane

Project Manager
Pricing

Plans for every stage

Free

£0/mo
  • 1 page build
  • Standard section library
  • Community support
  • Basic image optimisation
Try now
Recommended

Developer

£25/mo
  • Unlimited pages
  • Custom component development
  • Dedicated support channel
  • Design token authoring
Buy now
Fastest

Ultimate

£50/mo
  • Everything in Developer
  • Dedicated build engineer
  • Live scaffold + token setup
  • Ongoing performance audits
Find out more
FAQs

Common questions

  • Yes — every section lives directly in the template file and Markdown content, so any part of the page can be edited in a text editor without a database or admin login.

  • Yes — shadow intensity and spacing scale down at smaller breakpoints so raised surfaces stay legible without looking flat.

  • Yes — every colour is a CSS custom property in neomorphism.scss, so a new accent is a one-line change that cascades through the whole page.

  • Yes — sections and columns are all standard Nucleus .g-grid/.size-N classes, only the surrounding chrome is Phoca CMS specific.

  • No — soft shadows are CSS-only, Alpine.js is under 15kB, and Phoca CMS itself has zero build step or framework overhead.

Contact

Get in touch

Map placeholder

Stay in the loop

Occasional notes on new sections, patterns, and template updates — no spam.