--- title: internal Style Guide --- [Skip to content](https://thehumanloop.org/internal-style-guide#main-content) [![The Human Loop header](https://thehumanloop.org/hs-fs/hubfs/The%20Human%20Loop_Header.jpg?width=2267&height=352&name=The%20Human%20Loop_Header.jpg)](https://thehumanloop.org?hsLang=en) - [Reflection Assessment](https://usc.qualtrics.com/jfe/form/SV_2gkWo2QfO4Dmdpk) - [Work with Us](https://thehumanloop.org/work-with-us) - [Praise](https://thehumanloop.org/praise) - [Stay in the Loop](https://thehumanloop.org/stay-in-the-loop) - [Buy Now](https://www.amazon.com/dp/B0G8V7814W/ref=tmm_pap_swatch_0?_encoding=UTF8&dib_tag=se&dib=eyJ2IjoiMSJ9.jVSOX1WhFaiCQnLvuNdEstBfv1uXZU2uqIYLgByxjUQb5rrZAbWs0p5SxkSel8Nm0vcryA8BTLBAHP2NZUsqYK5m0cuSwp0moU47tP7TjugB1Piwq9GtAUEIUZBsHAAu07Qc9Vvv-s_R9sKaoYMWfwcj3W76lh7smZBhn-xn8SV-Q5MOpEJRJah7ngA2g9zj9hexGmKUHmK3Fx3FwEecDhUpfy_jGZp68QhQytPR1b0.aiSLMyatjJT9nqGx7O1XunDtN3ZoWCi9R5nJ-ibSlbg&qid=1766105041&sr=8-1) # Style Guide This is a brand identity template to apply and reference as we build the The Human Loop website. ### Typography Fonts, sizes, colors, and all that good stuff. A great resource for keeping type sizing looking good. # H1 Heading ## H2 Heading ### H3 Heading #### H4 Heading ##### H5 Heading ###### H6 Heading Adaptogen etsy godard chia fam, vaporware tote bag vinyl hoodie blue bottle neutra ennui locavore. 3 wolf moon hot chicken swag ugh mustache plaid squid coloring book mixtape franzen. Flannel cliche messenger bag vexillologist portland chambray freegan godard, tote bag marfa mustache humblebrag pug. Salvia leggings lumbersexual you probably havent heard of them wayfarers 8-bit vinyl pour-over kale chips tumblr jean shorts before they sold out. Yr locavore 8-bit, cornhole cred you probably havent heard of them ramps skateboard affogato cray schlitz raclette small batch seitan. - This is an unordered list - Lists are awesome - Everyone loves a list 1. This is a ordered list 2. Lists are awesome 3. Everyone loves a list > "Man braid cliche poutine hexagon, four dollar toast air plant humblebrag umami adaptogen forage succulents scenester."   **Charcoal (#2B2B2B)** **Accent Red (#CC211C)** **Muted Blue-Gray (#6E7A8A)** ### Buttons / CTAs Buttons style to help visually communicate primary, secondary, and tertiary actions we want a visitor to take.   CTA-PRIMARY cta-secondary cta-tertiary   This is how a [text hyperlink](https://thehumanloop.org/internal-style-guide?hsLang=en) appears.   ### Forms ## New Section Heading Brief descriptive text goes here. ![headshot-placeholder](https://thehumanloop.org/hs-fs/hubfs/headshot-placeholder.png?width=100&height=150&name=headshot-placeholder.png) > "Lorem ipsum dolor amet prism banjo beard brooklyn vaporware vexillologist." ##### Sara Smith ###### Professor of Organizational Leadership ★★★★★ ![headshot-placeholder](https://thehumanloop.org/hs-fs/hubfs/headshot-placeholder.png?width=100&height=150&name=headshot-placeholder.png) > "Lorem ipsum dolor amet prism banjo beard brooklyn vaporware vexillologist. Swag cardigan PBR affogato, health goth vice." ##### Sara Smith ###### CEO ★★★★☆ ![headshot-placeholder](https://thehumanloop.org/hs-fs/hubfs/headshot-placeholder.png?width=100&height=150&name=headshot-placeholder.png) > "Biodiesel organic brunch typewriter. Heirloom master cleanse mlkshk thundercats yuccie." ##### Sara Smith ###### Business Visionary ★★★★★ # This is a Headline #### Add a sub-headline here. # This is a Headline #### Add a sub-headline here. ![THL-reflection-ripple](https://thehumanloop.org/hs-fs/hubfs/THL-reflection-ripple.jpg?width=1000&height=1000&name=THL-reflection-ripple.jpg "THL-reflection-ripple") [![THL logo](https://thehumanloop.org/hubfs/THL%20logo.png)](https://thehumanloop.org?hsLang=en) - [info@thehumanloop.org](mailto:info@thehumanloop.org) © 2026 The Human Loop