diff --git a/_i18n/en.yml b/_i18n/en.yml old mode 100644 new mode 100755 index b1a1f69..7a053a2 --- a/_i18n/en.yml +++ b/_i18n/en.yml @@ -21,6 +21,12 @@ pages: community-header: Community indent-header: Dash Visual Identity + color-header: Color Scheme + color-text: These are recommended usage guidelines for maintaining a consistent design aesthetic for the Dash brand. + + typography-header: Typography + typography-text: These are recommended usage guidelines for maintaining a consistent design aesthetic for the Dash brand. + evolution: title: Dash Official Website | Dash Crypto Currency description: Dash is Digital Cash diff --git a/graphics/index.html b/graphics/index.html index 333c57b..679ba62 100755 --- a/graphics/index.html +++ b/graphics/index.html @@ -43,4 +43,78 @@ description: pages.graphics.description +
+
+

{% t pages.graphics.indent-header %}

+ +
+ +
+

{% t pages.graphics.color-header %}

+

{% t pages.graphics.color-text %}

+
+ +
+
+
+
+
+

RGB: 30,113,184

+

CMYK: 85,50,0,0

+

Hex: #1d71b8

+
+
+
+
+
+

RGB: 227,227,227

+

CMYK: 13,9,11,0

+

Hex: #e3e3e3

+
+
+
+
+
+
+
+

RGB: 0,0,0

+

CMYK: 91,79,62,97

+

Hex: #000000

+
+
+
+
+
+

RGB: 255,255,255

+

CMYK: 0,0,0,0

+

Hex: #ffffff

+
+
+
+ +
+
+ +
+
+

{% t pages.graphics.typography-header %}

+

{% t pages.graphics.typography-text %}

+
+
+
+
+

Gunship Bold Italic

+ ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890?!% +
+
+

Montserrat Light

+ ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890?!% +
+
+
+
+
+
+ + diff --git a/src/scss/_junk-drawer.scss b/src/scss/_junk-drawer.scss index e94983a..c1131ba 100644 --- a/src/scss/_junk-drawer.scss +++ b/src/scss/_junk-drawer.scss @@ -359,3 +359,29 @@ a.blog_link { } } } + +.color-box{ + width: 44px; + height: 44px; + float:left; + &_blue{ + background-color: #1d71b8; + } + &_gray{ + background-color: #e3e3e3; + } + &_black{ + background-color: #000000; + } + &_white{ + border: 2px solid #ebebea; + background-color: #ffffff; + } +} +.text-word-wrap{ + word-wrap: break-word; +} +.color-article{ + float: left; + margin-left: 15px; +}