Skip to main content
Skip to main content

Web Style Guidelines
and Resources

Strata - Version Three

Code Library: Shapes

Arrow Blocks

EXAMPLE


Code found within the example container:
<div class="s3-p-8 s3-gd">
	<p class="h5 text-center">EXAMPLE</p>
</div>
<img src="/_/s3/img/arrow/arrow-gd.png" class="img-responsive" draggable="false">
Image Color Location
Garnet /_/s3/img/arrow/arrow-gt.png
Garnet +1 Black /_/s3/img/arrow/arrow-gt1k.png
Garnet +2 Black /_/s3/img/arrow/arrow-gt2k.png
Garnet +3 Black /_/s3/img/arrow/arrow-gt3k.png
Gold /_/s3/img/arrow/arrow-gd.png
Gold +1 Canvas /_/s3/img/arrow/arrow-gd1c.png
Gold +2 Canvas /_/s3/img/arrow/arrow-gd2c.png
Gold +3 Canvas /_/s3/img/arrow/arrow-gd3c.png
Canvas /_/s3/img/arrow/arrow-c.png
White /_/s3/img/arrow/arrow-w.png
Neutral +2 White /_/s3/img/arrow/arrow-n2w.png
Neutral +1 White /_/s3/img/arrow/arrow-n1w.png
Neutral /_/s3/img/arrow/arrow-n.png
Neutral +1 Slate /_/s3/img/arrow/arrow-n1s.png
Neutral +2 Slate /_/s3/img/arrow/arrow-n2s.png
Slate /_/s3/img/arrow/arrow-s.png
Black /_/s3/img/arrow/arrow-k.png

Point Blocks

EXAMPLE


Code found within the example container:
<div class="s3-p-8 s3-gt">
	<p class="h5 text-center">EXAMPLE</p>
</div>
<img src="/_/s3/img/point/point-gt.png" class="img-responsive" draggable="false">
Image Color Location
Garnet /_/s3/img/point/point-gt.png
Garnet +1 Black /_/s3/img/point/point-gt1k.png
Garnet +2 Black /_/s3/img/point/point-gt2k.png
Garnet +3 Black /_/s3/img/point/point-gt3k.png
Gold /_/s3/img/point/point-gd.png
Gold +1 Canvas /_/s3/img/point/point-gd1c.png
Gold +2 Canvas /_/s3/img/point/point-gd2c.png
Gold +3 Canvas /_/s3/img/point/point-gd3c.png
Canvas /_/s3/img/point/point-c.png
White /_/s3/img/point/point-w.png
Neutral +2 White /_/s3/img/point/point-n2w.png
Neutral +1 White /_/s3/img/point/point-n1w.png
Neutral /_/s3/img/point/point-n.png
Neutral +1 Slate /_/s3/img/point/point-n1s.png
Neutral +2 Slate /_/s3/img/point/point-n2s.png
Slate /_/s3/img/point/point-s.png
Black /_/s3/img/point/point-k.png