Logos
The design system hosts several logos that can be pulled into components and sites as needed.
UGA Online Logos
View
HTML
<div class="obj-grid">
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Formal_FC.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/ugaonline/OnlineLearning_logo_Formal_FC.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Black & White</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Formal_BW.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/ugaonline/OnlineLearning_logo_Formal_BW.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Color & White</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Formal_CW.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/ugaonline/OnlineLearning_logo_Formal_CW.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal One Color</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Formal_1C.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/ugaonline/OnlineLearning_logo_Formal_1C.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Vertical_FC.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/ugaonline/OnlineLearning_logo_Vertical_FC.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Black & White</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Vertical_BW.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/ugaonline/OnlineLearning_logo_Vertical_BW.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Color & White</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Vertical_CW.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/ugaonline/OnlineLearning_logo_Vertical_CW.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical One Color</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/ugaonline/OnlineLearning_logo_Vertical_1C.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/ugaonline/OnlineLearning_logo_Vertical_1C.svg">Link</a></p>
<hr />
</div>
</div>UGA Logos
View
HTML
<div class="obj-grid">
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Extreme Horizontal Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_ExtremeHoriz_FC_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/uga/UGAlogo_ExtremeHoriz_FC_MARCM.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Color & White</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_Formal_CW_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/uga/UGAlogo_Formal_CW_MARCM.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Shield Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_ShieldGA_FC_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/uga/UGAlogo_ShieldGA_FC_MARCM.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Top Shield Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_TopShield_FC_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/uga/UGAlogo_TopShield_FC_MARCM.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Color & White</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_Vertical_CW_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/uga/UGAlogo_Vertical_CW_MARCM.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Full Color</h3>
</div>
<div class="obj-grid__6-12 util-background-white util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_Vertical_FC_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/uga/UGAlogo_Vertical_FC_MARCM.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Wordmark One Color</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/UGAlogo_Wordmark_1C_MARCM.svg" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/uga/UGAlogo_Wordmark_1C_MARCM.svg">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Formal Color & White (PNG)</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/GEORGIA-FS-CW.c49269db.png" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/uga/GEORGIA-FS-CW.c49269db.png">Link</a></p>
<hr />
</div>
<div class="obj-grid__12-12 util-margin-top-md">
<h3>Vertical Color & White (PNG)</h3>
</div>
<div class="obj-grid__6-12 util-background-black util-pad-all-lg">
<img src="/images/logos/uga/GEORGIA-V-CW.d87f1797.png" alt="Online Learning, University of Georgia" />
</div>
<div class="obj-grid__6-12"></div>
<div class="obj-grid__12-12">
<p class="util-display-block"><a href="https://design.online.uga.edu/images/logos/uga/GEORGIA-V-CW.d87f1797.png">Link</a></p>
<hr />
</div>
</div>