Skip to content

Commit

Permalink
Update: removing CMYK colors.
Browse files Browse the repository at this point in the history 
FIX: Fixing the homepage links.
  • Loading branch information
@designerbrent
designerbrent committed Apr 17, 2017
1 parent 64a5d2a commit dcff800
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 21 deletions.
21 changes: 2 additions & 19 deletions source/_patterns/00-atoms/global/colors.mustache
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<h2 class="pad--left">Primary Colors</h2>
<p><em>NOTE:</em> CMYK and Pantone Colors will be coming soon.</p>
<div class="space pad-double--btm">
<ul class="space colorset primary-colors">

Expand All @@ -7,63 +8,49 @@
<span class="sg-label small font--primary--m">Emperor</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span>#4b207f</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(75,32,127)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>82, 100, 0, 12</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>268 C</span>

</li>

<li class="space colorset--color">
<span class="sg-swatch bg--earth" ></span>
<span class="sg-label small font--primary--m">Earth</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #5e3929</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">RGB</span>rgb(94,57,41)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>0, 52, 100, 62</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>4695 C</span>

</li>

<li class="space colorset--color">
<span class="sg-swatch bg--grapevine" ></span>
<span class="sg-label small font--primary--m">Grapevine</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #7f264a</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(127,38,74)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>0, 95, 40, 49</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>216 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--denim" ></span>
<span class="sg-label small font--primary--m">Denim</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #2f557f</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(47,85,127)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>100, 25, 0, 50</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>3025 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--campfire" ></span>
<span class="sg-label small font--primary--m">Campfire</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #e36520</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(227,101,32)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>0, 68, 100, 0</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>152 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--treefrog" ></span>
<span class="sg-label small font--primary--m">Tree Frog</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #448d21</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(68,141,33)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>70, 0, 100, 9</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>362 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--ming" ></span>
<span class="sg-label small font--primary--m">Ming</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #3e8391</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(62,131,145)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>57, 0, 6, 13</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>7459 C</span>
</li>

</ul>
Expand All @@ -79,17 +66,13 @@
<span class="sg-label small font--primary--m">Warm</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #ffa92d</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(255,169,45)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>68, 0, 100, 24</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>363 C</span>
</li>

<li class="space colorset--color">
<span class="sg-swatch bg--cool" ></span>
<span class="sg-label small font--primary--m">Cool</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block">HEX</span> #4d7549</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> RGB</span>rgb(77,117,73)</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> CMYK</span>0, 30, 95, 0</span>
<span class="sg-label sg-label--color font--monospace--s pad-5"><span class="sg-label--block"> Pantone</span>7409 C</span>
</li>

</ul>
Expand Down
6 changes: 4 additions & 2 deletions source/_patterns/04-pages/start-page.mustache
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<div class="shift-left--fluid pad-double">
<div class="text spacing">
<h1 class="font--tertiary--l">Welcome to the Adventist Living Pattern System</h1>
<p>We are glad you found ALPS. Take a look around, and see what you think. There is lots to explore. You can find <a href="https://github.com/adventistchurch/alps/">the code on Github</a>, check it out, <a href="https://github.com/adventistchurch/alps/issues">file issues</a>, and create pull requests. This code belongs to the Adventist church. It&rsquo;s ours!</p>
<p>We are glad you found ALPS. Take a look around, and see what you think. There is lots to explore. You can find <a href="https://github.com/adventistchurch/alps/" target="_blank">the code on Github</a>, check it out, <a href="https://github.com/adventistchurch/alps/issues" target="_blank">file issues</a>, and create pull requests. This code belongs to the Adventist church. It&rsquo;s ours!</p>
<p>The Adventist Living Pattern System (ALPS) is a set of design patterns created by the Seventh-day Adventist Church for use around the world by Adventist churches, schools, and organizational units. The purpose of ALPS is to make it easy for our church to create good looking sites that promote the brand of the church, while allowing for individuality and customization of each site.</p>
<p> As you browse through the pages of this site, you will see examples of patterns for different types of pages. From <a href="/?p=pages-home">home pages</a> to <a href="/?p=pages-channel-main-with-image">channel pages</a>, to <a href="/?p=pages-basic-page-with-image">basic pages</a>, ALPS is designed to be beautiful, fast and flexible, while maintaining a consistent brand across the sites that use it.</p>
<p>Take a look for yourself!</p>
Expand Down Expand Up @@ -43,7 +43,7 @@

<h3 class="font--tertiary--m">Connect with Us</h3>
<p class="font--primary--xs">Do you have questions about ALPS? I'd love to hear from you and help make it work for your Adventist website.</p>
<p class="font--primary--xs"><a href="http://gain.adventist.org/slack">
<p class="font--primary--xs"><a href="http://gain.adventist.org/slack" target="_blank">
<img src="/images/slack_rgb.png" alt="Connect to the GAiN Slack Channel" />
Join us on the free GAiN Slack channel in #designsystem.
</a></p>
Expand All @@ -55,3 +55,5 @@
{{> organisms-footer }}
</div>
<script src="/styleguide/bower_components/prism.min.js"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>

0 comments on commit dcff800

Please sign in to comment.