bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-22 01:36:55 +01:00
Code Releases Activity

add new logo variations to styleguide

Browse Source
This commit is contained in:
Matthias Kretschmann 2016-02-02 20:37:54 +01:00
parent 7342977494
commit 65cd49c360
2 changed files with 35 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
_src/_assets/images/logo.svg
View File

@ -1,10 +1,20 @@
<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 745.95 152.79">
<title>bigchainDB_logo</title>
<g id="db" fill="currentColor">
<path d="M638.18,0h21.53q12.4,0,19,6.91t6.56,19.32V73.7q0,14.26-6.91,21t-19.89,6.77H638.18V0Zm14.54,87.82h6.7q6.13,0,8.7-3.06t2.56-9.62V26.23q0-6-2.42-9.27t-8.84-3.28h-6.7V87.82Z" />
<path
d="M698.91,0h21.24a29.78,29.78,0,0,1,11.9,2.14,22.48,22.48,0,0,1,8.06,5.7A21.37,21.37,0,0,1,744.6,16,34.15,34.15,0,0,1,746,25.66v3.71a32.36,32.36,0,0,1-.64,7,16.79,16.79,0,0,1-1.92,5,16,16,0,0,1-3.14,3.78A27.37,27.37,0,0,1,736,48.19a15.72,15.72,0,0,1,7.56,7.2Q746,60.16,746,68.14v5.7q0,13.4-6.49,20.53t-20.74,7.13H698.91V0Zm14.54,41.63H720q7.27,0,9.76-3.63t2.49-10.62q0-6.84-2.78-10.26t-10.05-3.42h-6V41.63Zm0,45.34h6.27a15.33,15.33,0,0,0,6.91-1.28,8.86,8.86,0,0,0,3.78-3.56A13.45,13.45,0,0,0,732,76.7q0.28-3.14.28-6.84a45.67,45.67,0,0,0-.43-6.7,11,11,0,0,0-1.78-4.78,8.4,8.4,0,0,0-3.78-2.92,17.18,17.18,0,0,0-6.42-1h-6.41V87Z"/></g>
<g id="bigchain">
<defs>
<style>
.green {
fill: #54C695;
}
.blue {
fill: #074354;
}
</style>
</defs>
<g id="db" fill="currentColor" class="green">
<path d="M638.18,0h21.53q12.4,0,19,6.91t6.56,19.32V73.7q0,14.26-6.91,21t-19.89,6.77H638.18V0Zm14.54,87.82h6.7q6.13,0,8.7-3.06t2.56-9.62V26.23q0-6-2.42-9.27t-8.84-3.28h-6.7V87.82Z" />
<path d="M698.91,0h21.24a29.78,29.78,0,0,1,11.9,2.14,22.48,22.48,0,0,1,8.06,5.7A21.37,21.37,0,0,1,744.6,16,34.15,34.15,0,0,1,746,25.66v3.71a32.36,32.36,0,0,1-.64,7,16.79,16.79,0,0,1-1.92,5,16,16,0,0,1-3.14,3.78A27.37,27.37,0,0,1,736,48.19a15.72,15.72,0,0,1,7.56,7.2Q746,60.16,746,68.14v5.7q0,13.4-6.49,20.53t-20.74,7.13H698.91V0Zm14.54,41.63H720q7.27,0,9.76-3.63t2.49-10.62q0-6.84-2.78-10.26t-10.05-3.42h-6V41.63Zm0,45.34h6.27a15.33,15.33,0,0,0,6.91-1.28,8.86,8.86,0,0,0,3.78-3.56A13.45,13.45,0,0,0,732,76.7q0.28-3.14.28-6.84a45.67,45.67,0,0,0-.43-6.7,11,11,0,0,0-1.78-4.78,8.4,8.4,0,0,0-3.78-2.92,17.18,17.18,0,0,0-6.42-1h-6.41V87Z"/></g>
<g id="bigchain" class="blue">
<path
d="M61.83,12.23A33.73,33.73,0,0,0,49.74,3.67Q42.36,0.46,31.88.46H0V152.79H29.74q21.39,0,31.13-10.7t9.73-30.81v-8.56q0-12-3.64-19.15a23.57,23.57,0,0,0-11.34-10.8A41,41,0,0,0,62,68.17a24,24,0,0,0,4.71-5.67A25.14,25.14,0,0,0,69.64,55a48.59,48.59,0,0,0,1-10.48V39a51.28,51.28,0,0,0-2-14.44A32.05,32.05,0,0,0,61.83,12.23ZM49.63,115.56a20.13,20.13,0,0,1-2.35,8.13A13.29,13.29,0,0,1,41.61,129Q37.87,131,31.24,131H21.82V82.19h9.63a25.77,25.77,0,0,1,9.63,1.5,12.6,12.6,0,0,1,5.67,4.39,16.54,16.54,0,0,1,2.67,7.17,68.75,68.75,0,0,1,.64,10.05Q50.06,110.86,49.63,115.56ZM46.32,57.48q-3.75,5.46-14.65,5.46H21.82V21h9q10.91,0,15.08,5.13t4.17,15.4Q50.06,52,46.32,57.48Z" />
<rect x="91.78" y="0.46" width="21.82" height="152.33" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

20
_src/styleguide.md
View File

@ -49,12 +49,32 @@ sitemap: false
## Logo
Logo can be used with a base class and modifier classes for size & color:
- `logo`: default logo
- `logo--sm`: small version
- `logo--full`: full width version
- `logo--white`: complete white version
- `logo--white--green`: white & green version
<svg class="logo logo--sm" aria-labelledby="title"><title>Logo Bigchain</title><use xlink:href="/assets/img/sprite.svg#logo"></use></svg>
<svg class="logo" aria-labelledby="title"><title>Logo Bigchain</title><use xlink:href="/assets/img/sprite.svg#logo"></use></svg>
<svg class="logo logo--full" aria-labelledby="title"><title>Logo Bigchain</title><use xlink:href="/assets/img/sprite.svg#logo"></use></svg>
<svg class="logo logo--sm logo--white--green" aria-labelledby="title"><title>Logo Bigchain</title><use xlink:href="/assets/img/sprite.svg#logo"></use></svg>
<svg class="logo logo--white--green" aria-labelledby="title"><title>Logo Bigchain</title><use xlink:href="/assets/img/sprite.svg#logo"></use></svg>
<svg class="logo logo--full logo--white--green" aria-labelledby="title"><title>Logo Bigchain</title><use xlink:href="/assets/img/sprite.svg#logo"></use></svg>
<svg class="logo logo--sm logo--white" aria-labelledby="title"><title>Logo Bigchain</title><use xlink:href="/assets/img/sprite.svg#logo"></use></svg>
<svg class="logo logo--white" aria-labelledby="title"><title>Logo Bigchain</title><use xlink:href="/assets/img/sprite.svg#logo"></use></svg>
<svg class="logo logo--full logo--white" aria-labelledby="title"><title>Logo Bigchain</title><use xlink:href="/assets/img/sprite.svg#logo"></use></svg>
```html
<svg class="logo logo--sm" aria-labelledby="title">
<title>Logo Bigchain</title>