mirror of
https://github.com/LBRYFoundation/lbryorg.git
synced 2025-08-23 20:47:23 +00:00
85 lines
3.6 KiB
HTML
85 lines
3.6 KiB
HTML
---
|
||
title : Branding Assets
|
||
subhead : Download official LBRY Foundation branding assets✏️📏🖌️
|
||
bg-image : "../img/foundation-branding-background-art.png"
|
||
meta-image : "https://lbry.org/img/branding-page-meta-img.png"
|
||
layout : default
|
||
permalink : /branding/
|
||
---
|
||
|
||
|
||
<h2 class="display-4 text-center my-5 text-white">Foundation Branding</h2>
|
||
<hr class="subhead">
|
||
<div class="container">
|
||
<img src="../img/lbry-logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
|
||
</div>
|
||
|
||
<p class="text-center"><a href="./assets/assets.rar"><small class="text-muted text-center"><i class="fas fa-download"></i> Download Logo</small></a></p>
|
||
<hr class="content">
|
||
|
||
<!--logo-->
|
||
<h2 class="my-4 text-center" id="logo">Logo</h2>
|
||
<div class="row text-white">
|
||
<div class="col-md-5 col-lg-3 col-xl-3 mx-auto">
|
||
<div class="card mb-3 lbry-dark">
|
||
<div class="card-body">
|
||
<img src="../img/logo.png" class="rounded mx-auto d-block" alt="lbry-foundation-logo">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr class="content">
|
||
<!--/logo-->
|
||
|
||
<!--colors-->
|
||
<h2 class="my-4 text-center" id="colors">Colors</h2>
|
||
<div class="row col-md-6 col-lg-4 text-white mx-auto">
|
||
<div class="col-md-6 col-lg-6 mx-auto text-center">
|
||
<div class="card mb-1 lbry-teal-green">
|
||
<div class="card-body">
|
||
</div>
|
||
</div>
|
||
<code style="color: #FFFFFF;" class="text-center">#28d4e2 <br> rgb(40, 212, 226) <br> hsl(185, 76%, 52%) <br> hwb(185, 16%, 11%) <br> C8, 16%, 11%</code>
|
||
</div>
|
||
|
||
<div class="col-md-6 col-lg-6 mx-auto text-center">
|
||
<div class="card mb-1 lbry-dark-green">
|
||
<div class="card-body">
|
||
</div>
|
||
</div>
|
||
<code style="color: #FFFFFF;" class="text-center">#00343e <br> rgb(0,52,62) <br> hsl(192, 100%, 12%) <br> hwb(192, 0%, 76%) <br> C20, 0%, 76%</code>
|
||
</div>
|
||
</div>
|
||
<hr class="content">
|
||
<!--/colors-->
|
||
|
||
<!--fonts-->
|
||
<h2 class="my-4 text-center" id="fonts">Fonts & Typography</h2>
|
||
<div class="row mb-3">
|
||
<div class="col-md-6 col-lg-6">
|
||
<div class="card mb-3 lbry-dark">
|
||
<div class="card-body">
|
||
<h1>H1</h1>
|
||
<h2>H2</h2>
|
||
<h3>H3</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6 col-lg-6">
|
||
<div class="card mb-3 lbry-dark">
|
||
<div class="card-body">
|
||
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
|
||
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
||
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div align="center">
|
||
<p class="text-center">Google Fonts: <a href="https://fonts.google.com/specimen/Oxygen" target="_blank">Oxygen Designed by Vernon Adams</a></p>
|
||
</div>
|
||
<!--/fonts-->
|
||
|