A FINISHED PORTFOLIO SITE — YOU FILL IN A FORMFROM $29 · TEN MINUTES · NO CODE

Your portfolio site. Type your name, pick a color, drag it online.

This whole website is the product. Press BUILD YOURS in the bar at the bottom of the screen, fill in the form, and watch your own site appear. Like it? $29 gets you that site. $69 gets the whole kit. Not sure? Read the help page. It is written in plain words.

BUILD YOURS →HOW IT WORKS + PRICES

TEMPLATES10 / 10 FABRICATED

COMPONENTS11 / 28 FABRICATED

TOKEN FILETOKENS.CSS

PRICES$29 / $69 / $149

01 / PAGE TEMPLATES

10 FABRICATED · 0 QUEUED

IDTEMPLATENOTESSTATUS

TPL-01Portfolio index — spec listThis page: identity, dense manifest, honest statusFABRICATED→ TPL-02Portfolio index — exploded gridSame content, image-led modular gridFABRICATED→ TPL-03Case study — long formProblem, constraints, decisions, artefacts, outcome. Fill-in structureFABRICATED→ TPL-04Case study — visual galleryFull-bleed figures, minimal proseFABRICATED→ TPL-05About / bioSpec-sheet biography with capability matrixFABRICATED→ TPL-06Now / changelogReverse-chronological entries, semver-style revisionsFABRICATED→ TPL-07ContactSingle-purpose form, response contract statedFABRICATED→ TPL-08Writing — index + articleLong-form reading measure, mono footnotesFABRICATED→ TPL-09404 + empty statesErrors documented like fault codesFABRICATED→ TPL-10Component anatomyThe documentation standard — exploded view, tokens, code, a11yFABRICATED→

02 / COMPONENT INVENTORY — ANATOMY PAGES

28 COMPONENTS · 11 FABRICATED

NAV■ FOOTER■ BUTTON■ LINK□ INPUT■ TEXTAREA■ SELECT■ CHECKBOX□ RADIO□ TOGGLE■ TAG■ BADGE□ SPEC ROW□ TABLE■ CARD MODULE■ MEDIA FRAME□ BLOCKQUOTE□ CODE BLOCK□ TABS□ ACCORDION□ BREADCRUMB□ PAGINATION□ TOOLTIP□ MODAL■ TOAST■ SKELETON□ DIVIDER□ SECTION HEADER□

■ FABRICATED — LIVE ANATOMY PAGE · □ QUEUED · TEXTAREA IS DOCUMENTED ON THE INPUT PAGE

03 / METHOD

Each template is a real, standalone page. View source, copy it, fill it in. Every component ships with an anatomy page: all states rendered live, an exploded-view diagram, the exact tokens consumed, and code ready for the clipboard. The anatomy pages are the documentation itself, not mockups of it.

SEE THE ANATOMY STANDARD → TOKEN CONTRACT