Logo mark
You can have text, hide the logo mark or change it to an avatar. If you like the R mark, and want it for your initial, you can download the Lot font from fontfabric.com. I use Figma to export the logo as an svg, which you can drag into Framer.
Logo variants
There is a subtle interaction when you scroll, the nav changes to a focus nav. You can make changes and decide what to show.
Hero
There are 9 hero variants, the first variant is unique because the large heading size uses a property of fit. Check the ticker unlock.
About
The content is driven by the CMS. You can delete certain sections on the page if you don't require them.
CMS
There are mainly 5 types of content: work, articles, photos, bookmarks and about. We also use a column of ID for pagination.
Purchase Link
If you have digital products, you can enter the link in the purchase link field. The second case study of Sabang uses Lemon Squeezy.
Contact
Don't forget to change the email link in the component. It's using a copy clipboard component.
When things don't work
That's because it't a code override, so they only work on a published site vs a preview. The benefit of having a code override is to have extra functionality that does not come with Framer.
A good example is the back arrow link on the top left of each cms item page like the article page.
Cursor interaction
Top back link on article pages
If you change the work list variant, you need to add the scroll section id, so the nav will change when you scroll down
Notes
Change the social links in the footer component
If you make a nav item change, such as the text or add/remove an item, make the change in the big menu variant.
9 hero variants
8 card list variants - for work, writing sections
4 about hero variants
2 footer variants
Back arrow link on work/article pages only works in live view not in preview mode.
Is the cursor interaction causing performance issues? You can delete it