--- title: Style Guide --- # STYLE GUIDE This is a great template to reference as you start customizing the templates to your brand identity. [ View Design System ](https://www.greentec.com/style-guide#section-3) ### Typography Lorem ipsum dolor sit amet, consectetur adipiscing elit. ### Buttons Lorem ipsum dolor sit amet, consectetur adipiscing elit. ### Input/Forms Lorem ipsum dolor sit amet, consectetur adipiscing elit. ## TYPOGRAPHY Fonts, sizes, colors, and all that good stuff. A great resource for keeping your type sizing looking tight is to reference [Type Scale](https://www.greentec.com/style-guide#). The highlighted divisions you would see down below, represent the bottom margin each of them have. ### Headings # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6 ### Paragraph Fonts, sizes, colors, and all that good stuff. A great resource for keeping your type sizing looking tight is to reference Type Scale. The highlighted divisions you would see down below, represent the bottom margin each of them have. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. ### Blockquotes > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tellus euismod purus eu, vulputate urna etiam pretium diam congue. Tortor rutrum nunc eget viverra. Nascetur facilisis volutpat id velit proin rhoncus non cras erat. Integer sodales nec ac quis pellentesque aliquam. > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tellus euismod purus eu, vulputate urna etiam pretium diam congue. Tortor rutrum nunc eget viverra. Nascetur facilisis volutpat id velit proin rhoncus non cras erat. Integer sodales nec ac quis pellentesque aliquam. > > - Lorem ipsum dolor sit amet, consectetur adipiscing elit. ## BUTTONS You can set up various buttons style to help visually communicate primary, secondary, and tertiary actions you want a visitor to take. ### Solid #### Primary [ Button Big ](https://www.greentec.com/style-guide#section-2) [ Button Big ](https://www.greentec.com/style-guide#section-2) [ Button Medium ](https://www.greentec.com/style-guide#section-2) [ Button Medium ](https://www.greentec.com/style-guide#section-2) [ Button Small ](https://www.greentec.com/style-guide#section-2) [ Button Small ](https://www.greentec.com/style-guide#section-2) #### Secondary [ Button Big ](https://www.greentec.com/style-guide#section-2) [ Button Big ](https://www.greentec.com/style-guide#section-2) [ Button Medium ](https://www.greentec.com/style-guide#section-2) [ Button Medium ](https://www.greentec.com/style-guide#section-2) [ Button Small ](https://www.greentec.com/style-guide#section-2) [ Button Small ](https://www.greentec.com/style-guide#section-2) #### Tertiary [ Button Big ](https://www.greentec.com/style-guide#section-2) [ Button Big ](https://www.greentec.com/style-guide#section-2) [ Button Medium ](https://www.greentec.com/style-guide#section-2) [ Button Medium ](https://www.greentec.com/style-guide#section-2) [ Button Small ](https://www.greentec.com/style-guide#section-2) [ Button Small ](https://www.greentec.com/style-guide#section-2) ### Outline [ Button Big ](https://www.greentec.com/style-guide#section-2) [ Button Big ](https://www.greentec.com/style-guide#section-2) [ Button Medium ](https://www.greentec.com/style-guide#section-2) [ Button Medium ](https://www.greentec.com/style-guide#section-2) [ Button Small ](https://www.greentec.com/style-guide#section-2) [ Button Small ](https://www.greentec.com/style-guide#section-2) ### Simple [ Button text ](https://www.greentec.com/style-guide#section-2) ## FORMS Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus amet egestas suspendisse tempus blandit id ultricies nisi sagittis. Tempor, purus sed gravida accumsan quis. Dolor, porta ipsum non sit ipsum consectetur. Pulvinar odio viverra aliquam viverra dui. Elementum pellentesque etiam justo mollis blandit. ```json { "@context" : "https://schema.org", "@id" : "https://www.greentec.com/#organization", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "Canada", "addressLocality" : "Cambridge", "addressRegion" : "Ontario", "postalCode" : "N1R 8L2", "streetAddress" : "95 Struck Court" }, "award" : [ "NAID AAA Certified", "SERI R2v3 Certified", "Ontario MOECC Approved", "ISO 14001 Certified", "ISO 45001 Certified", "ISO 9001 Certified" ], "contactPoint" : { "@type" : "ContactPoint", "contactType" : "Customer Service", "email" : "info@greentec.com", "telephone" : "+1-888-858-1515", "url" : "https://www.greentec.com/contact" }, "description" : "Greentec is your trusted partner for 100% guaranteed secure and compliant IT asset disposition using certified solutions. You will receive maximum-value recovery along with detailed reporting for audit and compliance. Protecting your data, your reputation, and the planet for over 30 years.", "founder" : { "@type" : "Person", "jobTitle" : "President and CEO", "name" : "Tony Perrotta", "sameAs" : "https://www.linkedin.com/in/tony-perrotta-2aaa2123/" }, "foundingDate" : "1995-07-01", "hasOfferCatalog" : { "@type" : "OfferCatalog", "itemListElement" : [ { "@type" : "Offer", "itemOffered" : { "@type" : "Service", "name" : "Pick-Up & Logistics", "url" : "https://www.greentec.com/services/business-pick-up" } }, { "@type" : "Offer", "itemOffered" : { "@type" : "Service", "name" : "IT Asset Disposal", "url" : "https://www.greentec.com/services/it-asset-disposal" } }, { "@type" : "Offer", "itemOffered" : { "@type" : "Service", "name" : "Secure Destruction", "url" : "https://www.greentec.com/services/secure-destruction" } }, { "@type" : "Offer", "itemOffered" : { "@type" : "Service", "name" : "Electronics Recycling", "url" : "https://www.greentec.com/services/electronics-recycling" } }, { "@type" : "Offer", "itemOffered" : { "@type" : "Service", "name" : "Data Centre Decommissioning", "url" : "https://www.greentec.com/services/data-centre-decommissioning" } }, { "@type" : "Offer", "itemOffered" : { "@type" : "Service", "name" : "Battery & Lighting", "url" : "https://www.greentec.com/services/lamps-recycling" } } ], "name" : "Services" }, "knowsAbout" : [ { "@type" : "Thing", "name" : "IT Asset Disposal", "url" : "https://www.greentec.com/services/it-asset-disposal" }, { "@type" : "Thing", "name" : "E-Waste Recycling", "url" : "https://www.greentec.com/services/electronics-recycling" }, { "@type" : "Thing", "name" : "Secure Destruction", "url" : "https://www.greentec.com/services/secure-destruction" }, { "@type" : "Thing", "name" : "Data Centre Decommissioning", "url" : "https://www.greentec.com/services/data-centre-decommissioning" }, { "@type" : "Thing", "name" : "Lifecycle Management", "url" : "https://www.greentec.com/lifecycle-management" }, { "@type" : "Thing", "name" : "IT Asset Disposition (ITAD)", "url" : "https://www.greentec.com/services/it-asset-disposal" }, { "@type" : "Thing", "name" : "Secure Data Destruction", "url" : "https://www.greentec.com/services/secure-destruction" }, { "@type" : "Thing", "name" : "Data Sanitization", "url" : "https://www.greentec.com" }, { "@type" : "Thing", "name" : "On-Site Logistics", "url" : "https://www.greentec.com/services/business-pick-up" }, { "@type" : "Thing", "name" : "Electronics Refurbishing", "url" : "https://www.greentec.com/services/electronics-recycling" } ], "logo" : { "@type" : "ImageObject", "height" : 60, "url" : "https://www.greentec.com/hubfs/gt-logos/L_Greentec_RGB_Stacked-Green.svg", "width" : 250 }, "memberOf" : [ { "@type" : "Organization", "name" : "i-SIGMA" }, { "@type" : "Organization", "name" : "TERRA" }, { "@type" : "Organization", "name" : "Sustainable Waterloo" } ], "name" : "Greentec", "numberOfEmployees" : { "@type" : "QuantitativeValue", "value" : 125 }, "sameAs" : [ "https://twitter.com/GreentecCA", "https://www.linkedin.com/company/greentec_2", "https://www.instagram.com/greentecint/", "https://www.facebook.com/GreenTecCA/", "https://www.google.com/maps/place/Greentec/@43.4117352,-80.3127478,17z/data=!3m1!4b1!4m6!3m5!1s0x882b88513d03902b:0x33d2188c4c5535fa!8m2!3d43.4117352!4d-80.3127478!16s%2Fg%2F1pzr44kzv", "https://www.entities.org/entity/greentec" ], "slogan" : "Simplify Your IT Asset Disposition and E-Waste Recycling", "url" : "https://www.greentec.com/" } ``` ```json { "@context" : "https://schema.org", "@id" : "https://www.greentec.com/#website", "@type" : "WebSite", "description" : "Greentec is your trusted partner for secure and compliant IT asset disposition, e-waste recycling, and data destruction with certified solutions and maximum-value recovery.", "inLanguage" : "en-US", "name" : "Greentec", "publisher" : { "@id" : "https://www.greentec.com/#organization" }, "url" : "https://www.greentec.com/" } ``` ```json { "@context" : "https://schema.org", "@id" : "https://www.greentec.com/style-guide", "@type" : "WebPage", "breadcrumb" : { "@id" : "https://www.greentec.com/style-guide#breadcrumb" }, "dateModified" : "2026-06-02T07:04:01.548Z", "datePublished" : "2025-09-24T17:15:04.000Z", "description" : "Greentec brand style guide including typography, buttons, forms, and design system reference.", "inLanguage" : "en-US", "isAccessibleForFree" : true, "isPartOf" : { "@id" : "https://www.greentec.com/#website" }, "name" : "Style Guide", "url" : "https://www.greentec.com/style-guide" } ``` ```json { "@context" : "https://schema.org", "@id" : "https://www.greentec.com/style-guide#breadcrumb", "@type" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : "https://www.greentec.com/", "name" : "Home", "position" : 1 }, { "@type" : "ListItem", "name" : "Style Guide", "position" : 2 } ] } ```