Best practices for large website

Hi!

I am building a new website for a SaaS company. We’ll have a couple of marketing and landing pages and a ton of documentation pages. I have all my templates ready. My question concerns these docs pages:

How do I avoid having to manually style my elements all the time, while having the flexibility to change things in the future? Especially H1-H3, Ps, images?

What’s the best practice? So much has changed the last time that I used Pro to set up a new site.

I see a couple of options:

  • Create custom components for H1, H2, H3, P, etc
  • Use the default components and override everything on template-level through CSS
  • Create custom classes in the CSS and assign a class to each component that I add
  • Create a custom stack and add options to control the layout there

Perhaps I am overcomplicating things, but please advise…

Regards, Paul

Hi Paul,

Thanks for reaching out.
You can follow any of the 4 Steps you mentioned here. But I would suggest you either 2 or 3 so you can have control over the components that you want to override.

Thanks