Craft-compatible templates: understanding the context

The biggest thing is it means its based on the craft css variables. The values of them can be customized and new ones can be added, but the important thing is it uses the default vars and not some other convention.

Secondly it uses craft tokens. These are minimal but the important thing is they come from Craft which means they have a certain ID making them compatible with other craft libs like craft section.

Eg H1 token's internal id is asdf but you insert an H1 from some other source that's not craft compatible and its internal id is qwer... now you'll have two H1s. By standardizing on the same source, you wont get token duplication when using craft sections for example.

Thanks @John Siciliano .... what does this mean john "other craft libs like craft section." ... what is craft section

Is possible to do a detailed video of this sometime. So that we can stick to Webstudio standard.

Also, I see so much of stuff on Open Props which I believe is already part of Craft but I can't quite figure out how to use.

Need some Craft and Webstudio for dummies tutorials. If there are already any video you recommend to take a thorough look at, please kindly guide

Craft Library contains section templates built on Craft https://youtu.be/2dPVMr64zHY

THis is a long one, but I built a site using Craft here https://youtu.be/_0Gb7xNElGw

Thanks you @John Siciliano .... now understood ... Craft Sections

Is this included and relevant for Craft? Also, I see so much of stuff on Open Props which I believe is already part of Craft but I can't quite figure out how to use.

Is this included and relevant for Craft?

not sure I understand. Yes its relevant. It makes building much faster

I see so much of stuff on Open Props which I believe is already part of Craft but I can't quite figure out how to use.

99% of the css variables in Craft are from Open Props. The 2hr video is a full dive into using them

Thank @John Siciliano ... going thru the video now. Thx a ton!