Skip to content

GitLab

Commit 4c07e662 authored by Daniel W Bond's avatar Daniel W Bond
Browse files

Merge branch '6-logos-branding' into 'master' 

Resolve "Branding guidelines & helper text on using SRCT assets"

See merge request srct/srctweb!59
parents d5bbf94e 386def69
Hide whitespace changes
Inline Side-by-side
srctweb/_pages/documents/logos.html
View file @ 4c07e662
......@@ -5,28 +5,205 @@ permalink: /documents/logos/
<div class="row">
<div class="col-sm-10">
<div class="row">
<div class="col">
<a href="/assets/media/srct-logos.zip">
<button type="button" class="btn btn-primary">
Download collected assets <i class="fa fa-download fa-fw"></i>
</button>
</a>
</div>
</div>
<legend>Rectangular SRCT Logo</legend>
<div class="col-sm-4 smidge text-center"><strong>
<a href="/assets/media/SRCT_rectangle.svg" download="SRCT_rectangle.svg">SVG</a></strong></div>
<div class="col-sm-4 smidge text-center"><strong>
<a href="/assets/media/SRCT_rectangle_lg.png" download="SRCT_rectangle_lg.png">PNG (Large)</a></strong></div>
<div class="col-sm-4 smidge text-center"><strong>
<a href="/assets/media/SRCT_rectangle_sm.png" download="SRCT_rectangle_sm.png">PNG (Small)</a></strong></div>
<legend>Square SRCT Logo</legend>
<div class="col-sm-4 smidge text-center"><strong>
<a href="/assets/media/SRCT_square.svg" download="SRCT_square.svg">SVG</a></strong></div>
<div class="col-sm-4 smidge text-center"><strong>
<a href="/assets/media/SRCT_square_lg.png" download="SRCT_square_lg.png">PNG (Large)</a></strong></div>
<div class="col-sm-4 smidge text-center"><strong>
<a href="/assets/media/SRCT_square_sm.png" download="SRCT_square_sm.png">PNG (Small)</a></strong></div>
<legend>Rectangular Logo</legend>
<div class="row text-center">
<div class="col">
<img src="/assets/media/SRCT_rectangle.svg"
class="img-fluid" alt="Responsive image">
<p><a href="/assets/media/SRCT_rectangle.svg"
download="SRCT_rectangle.svg">SVG</a></p>
</div>
<div class="col">
<div class="card">
<div class="card-header py-1 green-branding">
Mason Green
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_green_lg.png"
download="SRCT_rectangle_green_lg.png">PNG (1200x400)</a>
</li>
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_green_sm.png"
download="SRCT_rectangle_green_sm.png">PNG (600x200)</a>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header py-1 black-branding">
Black
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_black_lg.png"
download="SRCT_rectangle_black_lg.png">PNG (1200x400)</a>
</li>
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_black_sm.png"
download="SRCT_rectangle_black_sm.png">PNG (600x200)</a>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header py-1 white-branding">
White
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_white_lg.png"
download="SRCT_rectangle_white_lg.png">PNG (1200x400)</a>
</li>
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_white_sm.png"
download="SRCT_rectangle_white_sm.png">PNG (600x200)</a>
</li>
</ul>
</div>
</div>
</div>
<legend>Rectangular Logo Without Text</legend>
<div class="row text-center">
<div class="col">
<img src="/assets/media/SRCT_rectangle_wo_text.svg"
class="img-fluid" alt="Responsive image">
<p><a href="/assets/media/SRCT_rectangle_wo_text.svg"
download="SRCT_rectangle_wo_text.svg">SVG</a></p>
</div>
<div class="col">
<div class="card">
<div class="card-header py-1 green-branding">
Mason Green
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_wo_text_green_lg.png"
download="SRCT_rectangle_wo_text_green_lg.png">PNG (1200x360)</a>
</li>
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_wo_text_green_sm.png"
download="SRCT_rectangle_wo_text_green_sm.png">PNG (600x180)</a>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header py-1 black-branding">
Black
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_wo_text_black_lg.png"
download="SRCT_rectangle_wo_text_black_lg.png">PNG (1200x360)</a>
</li>
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_wo_text_black_sm.png"
download="SRCT_rectangle_wo_text_black_sm.png">PNG (600x180)</a>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header py-1 white-branding">
White
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_wo_text_white_lg.png"
download="SRCT_rectangle_wo_text_white_lg.png">PNG (1200x360)</a>
</li>
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_rectangle_wo_text_white_sm.png"
download="SRCT_rectangle_wo_text_white_sm.png">PNG (600x180)</a>
</li>
</ul>
</div>
</div>
</div>
<legend>Square Logo</legend>
<div class="row text-center">
<div class="col">
<img src="/assets/media/SRCT_square.svg"
class="img-fluid" alt="Responsive image">
<p><a href="/assets/media/SRCT_square.svg"
download="SRCT_square.svg">SVG</a></p>
</div>
<div class="col">
<div class="card">
<div class="card-header py-1 green-branding">
Mason Green
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_square_green_lg.png"
download="SRCT_square_green_lg.png">PNG (800x800)</a>
</li>
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_square_green_sm.png"
download="SRCT_square_green_sm.png">PNG (400x400)</a></strong>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header py-1 black-branding">
Black
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_square_black_lg.png"
download="SRCT_square_black_lg.png">PNG (800x800)</a>
</li>
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_square_black_sm.png"
download="SRCT_square_black_sm.png">PNG (400x400)</a></strong>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header py-1 white-branding">
White
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_square_black_lg.png"
download="SRCT_square_black_lg.png">PNG (800x800)</a>
</li>
<li class="list-group-item py-1">
<a href="/assets/media/SRCT_square_black_sm.png"
download="SRCT_square_black_sm.png">PNG (400x400)</a></strong>
</li>
</ul>
</div>
</div>
</div>
<br />
</div>
<div class="col-sm-2 hidden-xs">
{% include documents_menu.html %}
</div>
</div>
srctweb/assets/css/style.css
View file @ 4c07e662
......@@ -165,3 +165,15 @@ a[name] {
margin-top:0;
border-bottom:none;
}
.white-branding {
color: black;
background-color: white;
}
.green-branding {
color: white;
background-color: #006633;
}
.black-branding {
color: white;
background-color: black;
}
\ No newline at end of file
srctweb/assets/media/SRCT_rectangle_wo_text.svg 0 → 100644
View file @ 4c07e662
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="300"
height="90"
viewBox="0 0 300 90"
enable-background="new 0 0 300 100"
xml:space="preserve"
inkscape:version="0.91 r13725"
sodipodi:docname="SRCT_rectangle_wo_text.svg"
inkscape:export-filename="/tmp/SRCT_rectangle_lg.png"
inkscape:export-xdpi="309.51001"
inkscape:export-ydpi="309.51001"><metadata
id="metadata81"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs79" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="2560"
inkscape:window-height="1410"
id="namedview77"
showgrid="false"
inkscape:zoom="7.0266667"
inkscape:cx="150"
inkscape:cy="45"
inkscape:window-x="0"
inkscape:window-y="30"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" /><path
stroke-miterlimit="10"
d="m 21.614,61.389982 40.323,0 c 2.16,0 4.32,0 4.32,-2.52 l 0,-9.001 c 0,-2.52 -2.16,-2.52 -4.32,-2.52 l -23.042,0 c -8.641,0 -17.281,0 -17.281,-9.721 l 0,-6.121 c 0,-9.721 8.641,-9.721 17.281,-9.721 l 36.003,0 0,7.92 -36.723,0 c -2.16,0 -4.32,0 -4.32,2.521 l 0,4.68 c 0,2.52 2.16,2.52 4.32,2.52 l 23.042,0 c 8.641,0 17.281,0 17.281,9.721 l 0,10.441 c 0,9.721 -8.641,9.721 -17.281,9.721 l -39.603,0 0,-7.92 z"
id="path3"
inkscape:connector-curvature="0"
style="fill:#242a38;stroke:#242a38;stroke-width:2;stroke-miterlimit:10" /><path
stroke-miterlimit="10"
d="m 133.217,69.311982 -19.442,-19.443 -12.961,0 0,19.442 -12.241,0 0,-47.524 39.604,0 c 8.641,0 17.281,0 17.281,9.721 l 0,8.641 c 0,9.721 -8.641,9.721 -16.562,9.721 l 19.442,19.442 -15.121,0 z m -4.321,-27.363 c 2.16,0 4.32,0 4.32,-2.521 l 0,-7.2 c 0,-2.521 -2.16,-2.521 -4.32,-2.521 l -28.083,0 0,12.242 28.083,0 z"
id="path5"
inkscape:connector-curvature="0"
style="fill:#242a38;stroke:#242a38;stroke-width:2;stroke-miterlimit:10" /><path
stroke-miterlimit="10"
d="m 155.532,31.507982 c 0,-9.721 8.642,-9.721 17.282,-9.721 l 36.003,0 0,7.92 -36.724,0 c -2.16,0 -4.32,0 -4.32,2.521 l 0,26.642 c 0,2.52 2.16,2.52 4.32,2.52 l 36.724,0 0,7.922 -36.002,0 c -8.641,0 -17.282,0 -17.282,-9.721 l 0,-28.083 z"
id="path7"
inkscape:connector-curvature="0"
style="fill:#242a38;stroke:#242a38;stroke-width:2;stroke-miterlimit:10" /><path
stroke-miterlimit="10"
d="m 216.012,21.786982 61.205,0 0,7.92 -24.481,0 0,39.604 -12.241,0 0,-39.604 -24.482,0 0,-7.92 z"
id="path9"
inkscape:connector-curvature="0"
style="fill:#242a38;stroke:#242a38;stroke-width:2;stroke-miterlimit:10" /><path
stroke-miterlimit="10"
d="m 12.763,80.049505 266.991,0 -1.71742,0 c 6.213,0 12.81242,-5.182 12.81242,-11.588 l 0,-46.074523 c 0,-6.213 -5.182,-11.238 -11.588,-11.238 l 0.492,0 -258.565,0 c -6.212,0 -11.2380002,5.182 -11.2380002,11.588 l 0,31.37 c 0,6.213 5.1830002,11.238 11.5880002,11.238"
id="path71"
inkscape:connector-curvature="0"
style="fill:none;stroke:#242a38;stroke-width:9.89999962;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:none"
sodipodi:nodetypes="cccssccsssc" /></svg>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment