The first thing most people will see, make a good impression.

Client First says we should never name anything hero cause it's confusing. If you're like me, it's even more confusing to not mark what a hero is, and have 40 different div classes with classes called "[folder]_header" or "section_[subfolder]".

Which is why we combine Client First's ideas with Saddle's principles.

For pages with some sort of wrapper that has a gap (like this one) you won't want to wrap the contents inside the hero. Most of the time you'll wrap everything in a container inside the hero. Contents use layers of grid-stack > column > section cc-hero.