WORKNOTE / Owner guide
WORKNOTE / Owner guide
WORKNOTE / Owner guide
Make the first case yours.
Make the first case yours.
Make the first case yours.
An open workbook for your portfolio. Keep the work, its decisions and its evidence together, then make the first case yours.
An open workbook for your portfolio. Keep the work, its decisions and its evidence together, then make the first case yours.
An open workbook for your portfolio. Keep the work, its decisions and its evidence together, then make the first case yours.
01
01
01
Edit one CMS record
Edit one CMS record
Edit one CMS record
Home features the first CaseStudies record and lists all remaining records below it. Reorder the collection to choose the lead. Replace that record’s Title, Summary and Cover Image with your own work, set the image alt text, then preview Home and its case page.
Home features the first CaseStudies record and lists all remaining records below it. Reorder the collection to choose the lead. Replace that record’s Title, Summary and Cover Image with your own work, set the image alt text, then preview Home and its case page.
Home features the first CaseStudies record and lists all remaining records below it. Reorder the collection to choose the lead. Replace that record’s Title, Summary and Cover Image with your own work, set the image alt text, then preview Home and its case page.
02
02
02
Show the decisions behind the work
Show the decisions behind the work
Show the decisions behind the work
Replace Scope, Role, Year, Challenge, Solution, Trade Off and Outcome with your project’s facts. Complete the required Decision 1 Heading and Decision 2 Heading with short titles for the choices shown. Set Live Project to the real destination. Slug changes update the CMS links; preview the new address and check any old links you have shared.
Replace Scope, Role, Year, Challenge, Solution, Trade Off and Outcome with your project’s facts. Complete the required Decision 1 Heading and Decision 2 Heading with short titles for the choices shown. Set Live Project to the real destination. Slug changes update the CMS links; preview the new address and check any old links you have shared.
Replace Scope, Role, Year, Challenge, Solution, Trade Off and Outcome with your project’s facts. Complete the required Decision 1 Heading and Decision 2 Heading with short titles for the choices shown. Set Live Project to the real destination. Slug changes update the CMS links; preview the new address and check any old links you have shared.
03
03
03
Keep each image with its case
Keep each image with its case
Keep each image with its case
Cover Image is shared by Home and the case page. For the 1024px Desktop figure field, use a clear original at least 1024px wide and check that the important details remain readable. The native cover fills its frame and can enlarge a smaller source; it does not have the Detail reader’s intrinsic cap. Use Detail Image and Detail Caption for the second decision. The included EvidenceImage component keeps Detail Image at its source size or shrinks it to fit. Add the optional Detail Phone Image when a different view makes the evidence clearer on Phone; leave it empty to use Detail Image. A smaller portrait may sit narrower than its folio. Preserve each image’s aspect ratio, set its alt text and describe only the state shown.
Cover Image is shared by Home and the case page. For the 1024px Desktop figure field, use a clear original at least 1024px wide and check that the important details remain readable. The native cover fills its frame and can enlarge a smaller source; it does not have the Detail reader’s intrinsic cap. Use Detail Image and Detail Caption for the second decision. The included EvidenceImage component keeps Detail Image at its source size or shrinks it to fit. Add the optional Detail Phone Image when a different view makes the evidence clearer on Phone; leave it empty to use Detail Image. A smaller portrait may sit narrower than its folio. Preserve each image’s aspect ratio, set its alt text and describe only the state shown.
Cover Image is shared by Home and the case page. For the 1024px Desktop figure field, use a clear original at least 1024px wide and check that the important details remain readable. The native cover fills its frame and can enlarge a smaller source; it does not have the Detail reader’s intrinsic cap. Use Detail Image and Detail Caption for the second decision. The included EvidenceImage component keeps Detail Image at its source size or shrinks it to fit. Add the optional Detail Phone Image when a different view makes the evidence clearer on Phone; leave it empty to use Detail Image. A smaller portrait may sit narrower than its folio. Preserve each image’s aspect ratio, set its alt text and describe only the state shown.
04
04
04
Set your own contact
Set your own contact
Set your own contact
In Site shell, replace WORKNOTE and KamnevApps. On Contact, replace the practice name and kamnev.apps@gmail.com. Edit the Email KamnevApps button link to your own mailto address. This template opens the visitor’s mail app; it does not collect or deliver form submissions.
In Site shell, replace WORKNOTE and KamnevApps. On Contact, replace the practice name and kamnev.apps@gmail.com. Edit the Email KamnevApps button link to your own mailto address. This template opens the visitor’s mail app; it does not collect or deliver form submissions.
In Site shell, replace WORKNOTE and KamnevApps. On Contact, replace the practice name and kamnev.apps@gmail.com. Edit the Email KamnevApps button link to your own mailto address. This template opens the visitor’s mail app; it does not collect or deliver form submissions.
05
05
05
Finish the shared details
Finish the shared details
Finish the shared details
Site shell owns navigation and footer. The cobalt surroundings and warm-paper folios share a 1120px outer maximum and a 1024px Desktop figure field; smaller screens use a narrower layout. Reuse the existing color tokens. Adjust typography on the actual text layers as well as the relevant shared styles, because explicit heading overrides do not all follow one style. Preview Desktop, Tablet and Phone. Check a long title, both decision headings, captions and the optional Phone-image fallback, then test all links and your email draft before publishing.
Site shell owns navigation and footer. The cobalt surroundings and warm-paper folios share a 1120px outer maximum and a 1024px Desktop figure field; smaller screens use a narrower layout. Reuse the existing color tokens. Adjust typography on the actual text layers as well as the relevant shared styles, because explicit heading overrides do not all follow one style. Preview Desktop, Tablet and Phone. Check a long title, both decision headings, captions and the optional Phone-image fallback, then test all links and your email draft before publishing.
Site shell owns navigation and footer. The cobalt surroundings and warm-paper folios share a 1120px outer maximum and a 1024px Desktop figure field; smaller screens use a narrower layout. Reuse the existing color tokens. Adjust typography on the actual text layers as well as the relevant shared styles, because explicit heading overrides do not all follow one style. Preview Desktop, Tablet and Phone. Check a long title, both decision headings, captions and the optional Phone-image fallback, then test all links and your email draft before publishing.
Free to start. Yours to finish.
Free to start. Yours to finish.
Free to start. Yours to finish.
WORKNOTE is a free Framer template with native pages and three self-initiated examples: Counterform, Forma Objects and COURTSIDE Padel. Counterform uses credited typefaces; Forma and COURTSIDE include AI-generated concept imagery and fictional demo content. Screenshots show specific states, not customer results or proof of every feature. Keep relevant credits and licences, use claims you can support, and replace the examples before presenting the portfolio as your own. The free remix and any hosting, domain or optional platform costs are separate.
WORKNOTE is a free Framer template with native pages and three self-initiated examples: Counterform, Forma Objects and COURTSIDE Padel. Counterform uses credited typefaces; Forma and COURTSIDE include AI-generated concept imagery and fictional demo content. Screenshots show specific states, not customer results or proof of every feature. Keep relevant credits and licences, use claims you can support, and replace the examples before presenting the portfolio as your own. The free remix and any hosting, domain or optional platform costs are separate.
WORKNOTE is a free Framer template with native pages and three self-initiated examples: Counterform, Forma Objects and COURTSIDE Padel. Counterform uses credited typefaces; Forma and COURTSIDE include AI-generated concept imagery and fictional demo content. Screenshots show specific states, not customer results or proof of every feature. Keep relevant credits and licences, use claims you can support, and replace the examples before presenting the portfolio as your own. The free remix and any hosting, domain or optional platform costs are separate.
WORKNOTE
WORKNOTE
WORKNOTE
A working journal by KamnevApps. © 2026
A working journal by KamnevApps. © 2026
A working journal by KamnevApps. © 2026