Style Guide

The UI style guide defines the personality, colors, typography, and graphics elements used throughout the website.

2021

Color Palette

#fff2e2

#fadab3

#f2f8f5

#c0e4dc

#fce7ec

#f1babf

#ca5489

#f4f7fa

#6abbda

#6c7087

#242c6c

Text Styles

Primary Headings

Heading 1

Heading 2

Heading 3

Secondary Headings

Heading 4

Heading 5
Heading 6

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

List

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Modules

Blurb

Blurb Title

Blurb Title

Toggle

Toggle Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Toggle Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Accordion

Accordion Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion Title 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion Title 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sections

Primary Services

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Nulla porttitor

Nulla porttitor accumsan tincidunt. Donec rutrum congue leo 

Tincidunt Donec

Nulla porttitor accumsan tincidunt. Donec rutrum congue leo 

Amet Site

Nulla porttitor accumsan tincidunt. Donec rutrum congue leo 

Leo Congue

Nulla porttitor accumsan tincidunt. Donec rutrum congue leo 

More Services

Lorem Ipsum

$

Pellentesque in

$

Pellentesque

Dolor Amet

$

Quisque velit nisi

$

Vivamus suscipit tortor

$

Curabitur aliquet

What to Expect

[

Pellentesque in ipsum id orci porta dapibu

[

Pellentesque in ipsum

[

Elementum id enim

[

Quisque velit nisi, pretium ut lacinia in

[

Curabitur aliquet quam id dui posuere blandit

About Us

Serving Since 1985

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat. Pellentesque in ipsum id orci porta dapibus.

Highlight

Knowledge is power.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna a

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

A few of our

heroes.

“Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla porttitor accumsan tincidunt. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.”

first-source-for-women-testominial-jamie

Jamie

“Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae Donec velit neque, auctor sit amet”

first-source-for-women-testominial-nicole

Nicole

“Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Proin eget tortor risus. Praesent sapien massa, convallis a pellentesque ne”

Rebecca

For questions about donations, volunteering, or other general questions, complete this form.

Please use the appointment form to schedule an appointment or call us at (256) 352-5683.

4 + 7 =

If you need us at other times, call 1-800-712-HELP.

About

First Source for Women is a pregnancy resource center in Cullman and Hanceville, Alabama that stands with women through unplanned pregnancies so they can experience hope and envision a future with their child.

Services

We provide free pregnancy tests and ultrasounds, as well as additional services such as referrals, clothing, prenatal and parenting support, pregnancy counseling, father mentoring, post-abortion recovery and sexual integrity programs.

Volunteer

If you have a desire to be involved in directly helping in this ministry, please prayerfully consider what you may be called to do. In most cases, an information form and a background check will be required. Please call (256) 352-5683 or use our contact form.

Donate

If you would like to support First Source for Women, you can give online or offline.