Style Guide

Our Story

We build and design free websites for nonprofits to help who give for a greater cause than themselves.

fourfridays Wordmark
fourfridays wordmark transparent

Wordmark

Our wordmark is our primary identifiable mark.

Protection Zone
The protection zone around the wordmark is part of the wordmark and should not be edited.

Minimum Size
The minimum acceptable size of the wordmark is 250px wide.

Typography

The primary fonts are Droid Serif for headings, and Droid Sans for all body copy. These fonts should be used at all times when representing fourfridays.

Font-Color: #403F3C
Font-Family: Droid Serif
Font-Weight: 700


H1 always displayed in uppercase


H1 Font-Size: 2.5rem

H2 Font-Size: 2rem

H3 Font-Size: 1.75rem

H4 Font-Size: 1.5rem

H5 Font-Size: 1.25rem
H6 Font-Size: 1rem


Paragraph
Font-Family
: Droid
Font-Weight: Normal
Font-Size: 0.99rem

Color Palettes

Dark Red

Dark Red
#A43F33

Dark Blue

Dark Blue
#3B536C

Dark Brown

Dark Brown
#403F3C

White Smoke

White Smoke
#ECECEC

Concrete

Concrete
#95A5A6

Aqua Island

Aqua Island
#A2DED0

Photography

Hotel Pilatus Kulm

We use original photos of majestic mountains where the mountain is the subject of the photo.

Alpnachstad, Switzerland

All photos have the instant filter applied from iOS 10 or the Nashville filter comes closest from Instagram with some custom edits.

Overlaying Text on Image

Hotel Pilatus, Lucerne, Switzerland

We build fast, secure, mobile friendly, accessible websites free* for nonprofits

* hosting for $12.99/month required on our platform

Caption Background

Color: RGBA(164,63,51,.82)
Maximum Width: 45% of the image
Position: 65% top and 10% left
Padding: 1rem

Caption Heading

Color: #000
Font Size: 1.4em
Letter Spacing: -0.03em

Fine Print Specs

Color: #d2d2d2
Line Height: 1em
Margin Top: 4px
Font Size: 80%