Campus Assets

Website Brand Bar

The 150th brand bar provides a unified digital touchpoint for the university’s anniversary celebration. It reinforces the 150th Here for Good campaign and directs users to 150.tamu.edu for additional stories and information. Use the appropriate version based on your context — universitywide celebration, college/unit anniversary or post-150 usage — and follow placement guidance to ensure consistency across all sites.

Celebrating 150 Years

View Source Code
/* HTML */
<div class="logo-strip logo-strip--simple logo-strip--light-gray">
  <div class="logo-strip__container">
    <div class="logo-strip__left">
      <img alt="Texas A&M University 150 Here for Good logo" src="https://cache.cloud.tamu.edu/logo-strips/150.svg">
    </div>
    <span class="dot-divider"></span>
    <div class="logo-strip__right">
      <a href="https://150.tamu.edu/">Celebrate 150 Years</a>
    </div>
  </div>
</div>

<style>
.logo-strip {
  padding: 1.5rem;
}
.logo-strip.logo-strip--light-gray {
  background: #eaeaea;
}
.logo-strip__container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.logo-strip__container .dot-divider {
  flex: 1 0 20px;
  display: block;
  border-top: dotted #500000 3px;
}
.logo-strip__container .logo-strip__left {
  display: flex;
  width: fit-content;
  align-items: center;
}
.logo-strip__container .logo-strip__left img {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  margin-right: 1rem;
}
.logo-strip__container .logo-strip__right {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.logo-strip__container .logo-strip__right a {
  font-family: "Work Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  color: #500000;
  text-decoration: none;
}
.logo-strip__container .logo-strip__right a::after {
  content: " →";
}

/* Responsive */
@media screen and (max-width: 875px) {
  .logo-strip--simple .logo-strip__right {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .logo-strip--simple .logo-strip__container {
    flex-direction: column;
  }
  .logo-strip--simple .dot-divider {
    display: none;
  }
}
</style>

150th + College/Unit Anniversary

Texas A&M University 150 Here for Good logo
Celebrating 110 Years at College of Veterinary Medicine and Biomedical Sciences
View Source Code
/* HTML */
<div class="logo-strip logo-strip--light-gray">
  <div class="logo-strip__container">
    <div class="logo-strip__left">
      <img alt="Texas A&M University 150 Here for Good logo" src="https://cache.cloud.tamu.edu/logo-strips/150.svg">
      <div class="content">
        <span class="emphasis">Celebrating 110 Years</span> <span class="supporting">at College of Veterinary Medicine and Biomedical Sciences</span>
      </div>
    </div>
    <div class="logo-strip__right">
      <a href="https://150.tamu.edu/">Celebrate With Us</a>
    </div>
  </div>
</div>

<style>
.logo-strip {
  padding: 1.5rem;
}
.logo-strip.logo-strip--light-gray {
  background: #eaeaea;
}
.logo-strip__container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.logo-strip__container .dot-divider {
  flex: 1 0 20px;
  display: block;
  border-top: dotted #500000 3px;
}
.logo-strip__container .logo-strip__left {
  display: flex;
  width: fit-content;
  align-items: center;
}
.logo-strip__container .logo-strip__left img {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  margin-right: 1rem;
}
.logo-strip__container .logo-strip__right {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.logo-strip__container .logo-strip__right a {
  font-family: "Work Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  color: #500000;
  text-decoration: none;
}
.logo-strip__container .logo-strip__right a::after {
  content: " →";
}

/* Responsive */
@media screen and (max-width: 875px) {
  .logo-strip--simple .logo-strip__right {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .logo-strip--simple .logo-strip__container {
    flex-direction: column;
  }
  .logo-strip--simple .dot-divider {
    display: none;
  }
}
</style>

Downloadable Assets for Local Community