#  Site Theme Configurations 

 



Theme configurations below using the FAS palette and the Global Header set to Primary Dark (crimson).



 

 

 

 ### Option 1

**Header and Footer Color Scheme:** Light Primary  
**Global Header Background Color:** Dark Primary  
**Font:** Inter/Inter  
**Site Style:** Bold &amp; Compelling  
**Icon Style:** Filled

**Hero Background Color:** Light Secondary  
**Components Color Scheme:** Dark Primary  
**Card Color Scheme:** Light Secondary

**Variations:** [See Theme Option Variations](/site-theme-configuration-variations "Site Theme Configuration Variations")

**Sample Sites**

- [Arts &amp; Humanities Administrative Services Group](https://ahas.fas.harvard.edu/)
- [Human Resources Department](https://hr.fas.harvard.edu/)
- [FAS Administrative Operations](https://adminops.fas.harvard.edu/)
- [Ukranian Research Institute](https://www.huri.harvard.edu/)



 

   ![FAS Screenshot](/sites/g/files/omnuum716/files/styles/hwp_16_9__480x270/public/2025-04/FAS1.jpg?itok=J-j4oWAk) 

 

 

 

 ### Option 2

**Header and Footer Color Scheme:** Dark Secondary  
**Global Header Background Color:** Ink  
**Font:** Merriweather/Source  
**Site Style:** Bold &amp; Compelling  
**Icon Style:** Filled

**Hero Background Color:** Light Primary  
**Components Color Scheme:** Dark Secondary  
**Card Color Scheme:** Light Primary

**Variations:** [See Theme Option Variations](/site-theme-configuration-variations "Site Theme Configuration Variations")

**Sample Sites**

- [Lichtman Lab](https://lichtmanlab.fas.harvard.edu/)
- [Research on the Shifting U.S. Political Terrain](https://terrain.gov.harvard.edu/)



 

   ![Screenshot](/sites/g/files/omnuum716/files/styles/hwp_16_9__480x270/public/2025-04/FAS2.jpg?itok=utQVYLu6) 

 

 

 

 ### Option 3

**Header and Footer Color Scheme:** Ink  
**Global Header Background:** Color Dark Primary  
**Font:** Baskerville/Roboto  
**Site Style:** Bold &amp; Compelling  
**Icon Style:** Filled

**Hero Background Color:** Ink  
**Components Color Scheme:** Ink   
**Card Color Scheme:** Light Primary

**Variations:** [See Theme Option Variations](/site-theme-configuration-variations "Site Theme Configuration Variations")

**Sample Sites**

- [10 Questions for Young Changemakers](https://yppactionframe.fas.harvard.edu/)
- [Mapping Past Societies](https://darmc.harvard.edu/)
- [The Committee On Course Registration](https://courseregistration.fas.harvard.edu/)
- [Harvard Humanitarian Initiative](https://hhi.harvard.edu/)



 

   ![Screenshots](/sites/g/files/omnuum716/files/styles/hwp_16_9__480x270/public/2025-04/FAS3.jpg?itok=oppXRGn8) 

 

 

 

 ### Option 4

**Header and Footer Color Scheme:** White  
**Global Header Background Color:** Dark Primary  
**Font:** Merriweather/Source  
**Site Style:** Bold &amp; Compelling  
**Icon Style:** Filled

**Hero Background Color:** Light Secondary  
**Components Color Scheme:** Light Secondary  
**Card Color Scheme:** Auto

**Variations:** [See Theme Option Variations](/site-theme-configuration-variations "Site Theme Configuration Variations")

**Sample Sites**

- [Office of Finance](https://finance.fas.harvard.edu/)
- [Loeb Classical Library Foundation Fellowship](https://lclf.harvard.edu/)
- [Studies of Women, Gender, and Sexuality](https://wgs.fas.harvard.edu/)



 

   ![Screenshot](/sites/g/files/omnuum716/files/styles/hwp_16_9__480x270/public/2025-04/FAS4.jpg?itok=RJXBZvSV) 

 

 

 

 ### Option 5

*Not recommended for Stacked header option

**Global Header:** Dark Primary  
**Header /Footer Color:** Dark Primary  
**Font:** Inter  
**Site Style:** Bold &amp; Compelling  
**Icon Style:** Filled

**Hero Background Color:** Primary Dark  
**Components Color Scheme:** Secondary Light  
**Card Color Scheme:** Ink

**Variations:** [See Theme Option Variations](/site-theme-configuration-variations "Site Theme Configuration Variations")

**Sample Sites**

- [FAS Administration and Finance](https://adminfindean.fas.harvard.edu/)



 

   ![Screenshot](/sites/g/files/omnuum716/files/styles/hwp_16_9__480x270/public/2025-04/FAS5.jpg?itok=OBsdGoFV) 

 

 

 

 ### Option 6

**Header and Footer Color Scheme:** White  
**Global Header Background Color:** Dark Primary  
**Font:** Inter/Inter  
**Site Style:** Bold &amp; Compelling  
**Icon Style:** Filled

**Hero Background Color:** Dark Primary  
**Components Color Scheme:** Light Primary  
**Card Color Scheme:** Dark Primary

**Variations:** [See Theme Option Variations](/site-theme-configuration-variations "Site Theme Configuration Variations")

**Sample Sites**

- [East Asian Languages and Civilizations](https://ealc.fas.harvard.edu/)
- [East Asian Studies](https://eas.fas.harvard.edu/)
- [Harvard Museum of Natural History](https://www.hmnh.harvard.edu/)



 

   ![Screenshot](/sites/g/files/omnuum716/files/styles/hwp_16_9__480x270/public/2025-04/FAS6.jpg?itok=zOempqQw) 

 

 

 

 ### Option 7

**Header and Footer Color Scheme:** White  
**Global Header Background Color:**Dark Primary  
**Font:** Merriweather  
**Site Style:** Bold &amp; Compelling

  
**Hero Background Color:** Dark Secondary  
**Components Color Scheme:** Light Primary  
**Card Color Scheme:** Dark Secondary

**Variations:** [See Theme Option Variations](/site-theme-configuration-variations "Site Theme Configuration Variations")

**Sample Sites**

- [Theater, Dance and Media](https://tdm.fas.harvard.edu/)
- [Department of Germanic Languages and Literatures](https://german.fas.harvard.edu/)
- [Ultra-Quantum Matter](https://ultraqm.hsites.harvard.edu/)



 

   ![Screenshot](/sites/g/files/omnuum716/files/styles/hwp_16_9__480x270/public/2025-04/FAS7.jpg?itok=0Fzn4FlG) 

 

 

 

 ### Option 8

**Header and Footer Color Scheme:** White  
**Global Header Background:** Color Dark Primary  
**Font:** Baskerville  
**Site Style:** Bold &amp; Compelling

**Hero Background Color:** Ink  
**Components Color Scheme:** Light Primary  
**Card Color Scheme:** Ink

**Variations:** [See Theme Option Variations](/site-theme-configuration-variations "Site Theme Configuration Variations")

**Sample Sites**

- [Harvard University Herbaria &amp; Libraries](https://www.huh.harvard.edu/)
- [Davies Lab](https://davieslab.oeb.harvard.edu/)
- [Farlow Herbarium Diatom Collection](https://diatoms.hsites.harvard.edu/)
- [Global health, biodiversity, and therapeutics innovation](https://biodivtherapeutics.hsites.harvard.edu/)



 

   ![Screenshot](/sites/g/files/omnuum716/files/styles/hwp_16_9__480x270/public/2025-04/FAS8.jpg?itok=j8bW4b_f) 

 

 

 

 ### Option 9

**Header and Footer Color Scheme:** Light Primary  
**Global Header Background:** Color Dark Primary  
**Font:** Inter  
**Site Style:** Friendly and Approachable

**Hero Background Color:** Light Primary  
**Components Color Scheme:** Light Primary  
**Card Color Scheme:** Ink

**Variations:** [See Theme Option Variations](/site-theme-configuration-variations "Site Theme Configuration Variations")

**Sample Sites**

- [DRCLAS](https://www.drclas.harvard.edu/)
- [Undergraduate Science Education at Harvard](https://lifesciences.fas.harvard.edu/)



 

   ![Screenshot](/sites/g/files/omnuum716/files/styles/hwp_16_9__480x270/public/2025-04/FAS9.png?itok=Y6g5t2lO)