FORMA / START HERE

Start Here

Make the casebook your own.

01 / Set the foundation

01 / Set the foundation

Change the studio name in the shared Casebook Shell. Update the Chalk, Ink and Persimmon colour tokens, then edit the Display, Chapter, Body and Index text styles. Check long names at 320px before replacing the wordmark.

02 / Add your work

02 / Add your work

Open Projects in the CMS. Each item contains Name, Sector, Year, Brief, Scope, Role, Credits, Cover, Project Color, System Ink, System Line, Order, Story and a Chapter Media list. Order controls the homepage, work index and Next Chapter. Use distinct numeric values; gaps are fine. Next Chapter chooses the lowest Order above the current project; the final project retains Back to the casebook. Each project can have its own number of chapter images, including none. Add or remove rich text blocks and Chapter Media images to tell each story at its natural length; no fixed image count is required.

03 / Replace concept media

03 / Replace concept media

Interval, Fieldwork, Onda House and Common Ground are fictional original identities. Replace their names, descriptions, credits and imagery with your own authorised work. Do not present these concepts as your clients or claim invented commercial results.

04 / Connect inquiries

04 / Connect inquiries

Contact uses native editable fields and a service selector. IntroductionSubmit checks required fields and email format, then shows a local confirmation; it does not send or store a brief. Edit Button, Helper, Confirmation, Font and Text/Button/Hover colors in the component controls. For live delivery, replace the local submit control with a native submit component and connect your real form destination, then test validation, pending, error and success states and update your privacy information before launch.

05 / Motion and accessibility

05 / Motion and accessibility

The optional signature media component enhances a native composition. The opening feature is a separate curated item: update its Image, Title, Label and Link together through Property Controls when changing the featured project. It is not automatically synced to CMS order. Alternatively remove it and use a native cover frame. Essential copy and project links remain native. Check reduced motion, keyboard access and image alternatives after every media change.

06 / Before launch

06 / Before launch

Replace legal starter copy, page descriptions and social images. Check every route at 320, 390, 768, 1280 and 1920px. Test a short case, a long case, portrait media, missing optional media and a fifth project. Publish only after destination and content checks are complete.

Create a free website with Framer, the website builder loved by startups, designers and agencies.