Welcome to the Adventist Living Pattern System

We are glad you found ALPS. Take a look around, and see what you think. There is lots to explore. You can find the code on Github, check it out, file issues, and create pull requests. This code belongs to the Adventist church. It’s ours!

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.

As you browse through the pages of this site, you will see examples of patterns for different types of pages. From home pages to channel pages, to basic pages, ALPS is designed to be beautiful, fast and flexible, while maintaining a consistent brand across the sites that use it.

Take a look for yourself!

View the Adventist Living Pattern System

Include in Your Project

Want to include ALPS in your project? The Adventist church is making the CSS and Javascript needed to build an ALPS site available via a public CDN. All you need to do to implement the latest styles is to link the files provides below and you will be up to date.

Here are the links you need to make it happen.

Header

Include this code in the <head> of your page. This include the fonts, ALPS css, and the Javascript needed to start the page.


  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merriweather:400,400i,700|Montserrat|Oswald" media="all">
<link rel="stylesheet" type="text/css" href="//cdn.adventist.io/alps/2/latest/css/main.css" media="all">
<script src="//cdn.adventist.io/alps/2/latest/js/head-script.min.js" type="text/javascript"></script>

Footer

Include this code in the footer of your page, right before the closing </body> tag.


  <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="//cdn.adventist.io/alps/2/latest/js/script.min.js" type="text/javascript"></script>

Follow on GitHub

ALPS is available on GitHub as a public project where you can download, file issues and pull requests, and follow the progress.

Watch Star Fork Issue

Connect with Us

Do you have questions about ALPS? I'd love to hear from you and help make it work for your Adventist website.

Connect to the GAiN Slack Channel Join us on the free GAiN Slack channel in #designsystem.