How this is made.
Type, palette, stack, deploy chain, and the principles the site is held against. Lives here so the work catalog can stay focused on the work.
What it is set in.
- Playfair Displaybold headings · index titlesGOOGLE FONTS
- Instrument Serifdisplay italic · pull quotes · inline emphasisGOOGLE FONTS
- Source Serif 4running text · captions · spec valuesGOOGLE FONTS
- JetBrains Monoeyebrows · folios · numeric · codeGOOGLE FONTS
- Inter / system-uisans-serif body inside the product prototypesSYSTEM
What it runs on.
- FRAMEWORKReact 19 · Next.js 16 (App Router)
- BUILDNext.js static export · every page prerendered to HTML
- STYLINGTailwind CSS v4 · single index.css entry
- ROUTINGFile-based routes: Home (contents) · /work/:slug chapters · Archive · About · Colophon, a real 404. Old paths redirect (301).
- HOSTINGBluehost shared
- DEPLOYGitHub Actions → FTPS upload of dist/ on every push to main
- SOURCEgithub.com/cdearto/portfolio
- EDITORCursor / VS Code
What it is held to.
- Seven chapters, then the back matter
The product work is the book: each project is one chapter with its prototype, screens, and case study on a single page. The archive, the bio, and this page are the appendices.
- Specimen, not portfolio
The masthead, paragraph numbers, dot leaders, and folios borrow from print-specimen books. The work catalog is the point.
- Real artifacts where possible
Where a flow can be made interactive without obscuring the case, the page ships a prototype instead of a screenshot.
- Counts are honest
Numbers on this site reflect what is actually displayed, not an aspirational total. If the page says 27 marks, there are 27 marks.
Who made it.
Designed, built, and maintained by Carlos deArtola. First edition, 2026. Updated whenever a piece worth showing is finished, or when something stops being true.