Skip to content

Elements · live

Everything on this page is working.

Not a style guide. These are the same components the rest of the site uses, wired to the same live data, so if it looks right here it behaves the same everywhere.

Runtime
WordPress 6.8.3
On this page
0 component types
How to verify
read this page, do not trust it

Type

Display

Ship it

Variable weight, -4.5% tracking, 0.94 leading

Heading 2

Editorial, not decorative

Heading 3

Scale contrast does the work

Body & lead

Lead copy sits at a larger size and a tighter measure, so the eye lands on it first without anything having to shout.

Body copy is held to 68 characters per line. Below that, the return sweep gets unreliable and reading speed drops.

Mono · every measured value on this site

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

41.7 ms · 82 kB · 200 OK · 24px · 1.35

Controls

Buttons · press state is physical

Primary Ghost

Arrow lives in its own well, not naked beside the label

Tags

  • WordPress
  • PHP
  • JavaScript
  • REST API
  • Docker

Chips · on and off

loaded missing neutral

Progress

Gauges Waterfall Matrix Diagram
Scroll progress 0%

Forms, in every state

Label above, helper underneath, error below. Placeholder is never a label. Submit the empty form to see the error state for real.

  • Label above every controlyes
  • Placeholder is not a labelyes
  • Errors inline, not in a toastyes
  • Focus ring always visibleyes
Client-side validation

live · runs in your browser, nothing is sent

Required, at least two characters.
Checked for shape, not deliverability.
Optional.
not submitted

Instruments

The same frame the /lab demos use, fed by the same endpoints. These numbers are read from the machine serving this request.

Runtime

live · uncached

PHP
-
WordPress
-
HTTPS
-
Debug display
-
requestingGET /showcase/v1/runtime
Content

live · counts only

Projects
-
Capabilities
-
Pages
-
Media
-
requestingGET /showcase/v1/content
Database

live · information_schema · estimates

Tables with column counts and estimated rows
table rows cols engine
reading information_schema...
requestingGET /showcase/v1/database

Counts, verdicts and states

Tallies

0failures
1warnings
8demos

Notice

Measured, not claimed. Every figure on this site is read at render time or in your browser.
Row counts are estimates. An exact COUNT(*) on every table would be a slow way to look clever.

Empty state

Nothing published yet

When a section has no content it says so, rather than collapsing to a blank strip.

Loading state

Skeletons shaped like the content they replace, never a spinner

Diagrams

Request path

inline SVG · no extra request

youBrowseredgeProxyTLSappApplicationREST APIdataData store

Drawn in the theme, not as an image. Crisp at any size and impossible to break.

Open the whole environment, not just a CV.

Every demo on this site reads live data, and the repository behind it is deployable. If you want the short version, ask and it is one message.

Engagement types
Contract · fractional · full-time
Proof of work
Paid trial build available on request