How to clone basic template - Compass

[BalintSipos]

Hey all, 

Just starting out with Hubspot and creating some campaign landing pages. 

I've selected a basic template from the initial -  list https://prnt.sc/1HyO-Jb2hSmQ

However it is pretty restrictive. It doesn't allow me to edit the HTML of Rich text modules. => https://prnt.sc/3_rBfOXnyI4s

Is there any way to duplicate this template to circumvent this restriction? 

I've looked around in the Design Tools section but I see no clue on where this template is. 

Can you help me out here please?

On a separate note:

I wanted to create a new rich text module I could use in above said template in order to be able to have custom fonts for rich text.

I cloned the default rich text one and added the font to the CSS. 

My difficulty is that I don't know how to make this module available in templates. 

Can you please give some guidance here also please? https://prnt.sc/7_P11nveo9PA

[Trevarthen98]

Certainly, here's a guide on how to clone a basic template using Compass and incorporating healthcare-related terms as an example:

Cloning Basic Template Using Compass for Healthcare:

1. Install Compass: Begin by installing Compass, a CSS authoring framework. Within a healthcare project, Compass can assist in creating a consistent and visually appealing user interface for applications or websites tailored to the healthcare sector.

2. Access Template Repository: Identify a basic template repository compatible with Compass that aligns with healthcare application needs. Look for frameworks or templates that cater to healthcare UI/UX requirements, such as intuitive design elements, accessibility features, or data visualization components relevant to medical records or patient interfaces.

3. Clone Template Repository: Use the git clone command along with the URL of the chosen template repository to clone it to your local machine. Customize the cloning process by incorporating healthcare-specific features, such as medical iconography, color schemes compliant with healthcare branding guidelines, or responsive layouts for healthcare dashboards or patient portals.

4. Modify Stylesheets with Compass: Leverage Compass to customize the template's stylesheets. Integrate healthcare-related styles and elements by utilizing Compass mixins, functions, and variables to ensure scalability, maintainability, and adherence to healthcare design standards.

5. Compile and Test: Compile the modified stylesheets using Compass to generate the final CSS output. Test the cloned template rigorously within healthcare contexts, such as healthcare management systems, patient engagement platforms, or telehealth applications, to ensure compatibility, responsiveness, and usability.

6. Iterate and Refine: Iterate on the cloned template based on user feedback and healthcare industry requirements. Continuously refine the Compass-powered stylesheets to optimize the user experience, incorporating healthcare-specific design enhancements or usability improvements as needed.