colors

Pepperizer colors

.txtColor-[color]-###   .bgColor-[color]-###

pink 400
#ff74a7

pink 500
#fb4385

pink 600
#db2f6e

blue 400
#429cfd

blue 500
#1481f7

blue 600
#2073ca

green 400
#67e4a8

green 500
#3acf88

green 600
#32ac71

chartreuse 400
#d8e95c

chartreuse 500
#c9db42

chartreuse 600
#baca3b

purple 400
#75578d

purple 500
#644a79

purple 600
#4c385c

gold 400
#c5c1a0

gold 500
#aca777

gold 600
#94906b

white
#fff

gray 50
#fafcfc

gray 100
#f2f4f5

gray 200
#e8ebed

gray 300
#d3d7db

gray 400
#b1b7bd

gray 500
#8c929c

gray 600
#6d717d

gray 700
#565963

gray 800
#3b3f47

gray 900
#212629

black
#080809

social platform colors

.txtColor-[name]   .bgColor-[name]

facebook
#3b5998

googlePlus
#dc4a38

pinterest
#cb2027

vimeo
#23b6ea

youtube
#c81e21

tumblr
#34465d

twitter
#5ea9dd

instagram
#2e5e86

vine
#00bf8f

Buttons

Basic Buttons

primary btn

.btn 

blue btn

.btn .btn-blue 

pink btn

.btn .btn-pink 

black btn

.btn .btn-black 

disabled btn (40% opacent)

.btn .btn-sponsor 

sponsor btn

.btn .btn-sponsor 

subtle

.btn .btn-subtle 

outline

.btn .btn-outline 

outline light

.btn .btn-outline-light

white btn

.btn .btn-white 

round btn

.btn .btn-round 

round btn

.btn .btn-round btn-round-sponsor

round btn

.btn .btn-round btn-round-play

round btn large

.btn .btn-round btn-round-large

follow and following

.btn 

Basic Button Sizes

small btn

.btn .btn-small 

medium/default btn

.btn 

large btn

.btn .btn-large 

full width btn

.btn .btn-width

Form Fields

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

text area

.txtArea

Social Share Buttons

.wrap-socialShare  |  .btn .btn-round .btn-[fb, twitter, pinterest, googlePlus, email]

Social Logo Buttons

.wrap-socialShare-profile  |  .logo-social .logo-[fb, twitter, pinterest, googlePlus, instagram, vimeo, youtube, tumblr, vine]

Badges

support badge for cards

.badge-sponsored-card

Cards

What a lovely surprise to finally discover how un-lonely being alone can be.

I was homeless for thirty two years before Mike found me. Just one month ago, I created an app.

Life is short and we have never too much time for those who are traveling the dark journey with us.

Content not within contest section needs contest label

Greed is a bottomless pit which exhausts in an effort to satisfy the need without satisfaction. #greed

pink_assassin

Your knife, my back. My sword, your head. There's always time for a tiny taste of revenge. #taste

pink_assassin

You have a mild sweetness when you are filled with shame. I can't help but to allow it in. #forgive

pink_assassin

You keep me wild. I'll keep you safe. And in the end, we will be best friends. #wild

pink_assassin

Sponsored Cards

Take a stand with me to stop hatred and violence against the LGBT community. Begin the demise of hatred.

View This Cause
#talktakei+
@georgetakei
View This Cause

Each life is a new beginning yet so many perish in preventable poverty. Help me today!

#endpoverty+
@angelina_jolie
View This Cause

Help me make this the beginning to the end of internet dangers for young innocent children...

#safeinternet+
@taytay
View This Cause

Help us drive awareness to the issue that most of our clothing ends up in landfills...

#lesswaste+
@freepeople

Water conservation is vital for all of us. We need your help to shed light on this precious topic.

View This Cause
#cocacolacares+
@cocacola
View This Cause

Please help us help the animals that I feature in my work by making others realize that their habitats are important.

#keyestolife+
@joshkeyes
View This Cause

I want women to feel strong and be strong. Help me find ways to inspire courage and light for women across the world.

#lightforwomen+
@ladygaga
View This Cause

Poverty across the globe is an epidemic of unfathomable proportions. We need to educate and provide help.

#endpoverty+
@seanopry

Cards with Badges

Nobody has the right to hurt you for being different. #different

1st PLACE aRT

Saving our planet, lifting people out of poverty, advancing economic growth... these are one and the same fight. #grow

How to overcome your vices with a healthy one, a short tutorial. #run

1st PLACE PHOTO
#DRUGFREE+

Round Voting Buttons

inactive state (main submission page)

.btn-vote .btn-vote-light + .txt-vote-count

.btn-vote

.btn-vote .btn-vote-dark

inactive state (main submission page)

visibility turned on for fa-btn-voted and alternate text

.btn-vote + .fa-btn-voted

default state (add submission flow)

.btn-vote .btn-vote-addSub .btn-vote-light

.btn-vote .btn-vote-addSub

.btn-vote .btn-vote-addSub .btn-dark

Small Round Voting Buttons for Mobile

selected state

.btn-vote-small .btn-vote-light

.btn-vote-small

.btn-vote-small  .btn-vote-dark

.fa .fa-btn-voted-small

avatars

.avatar

.avatar .avatar-100

.avatar .avatar-75

.avatar .avatar-50

.avatar .avatar-30

.avatar .avatar-15

dark light bars

For Cards

the bar length should equal % of votes

what a lot of light votes look like

.bar-card

what an even mix of votes look like

.bar-card

what a lot of dark votes look like

.bar-card

For Submission Landing Pages

235 LIGHT
1K NEUTRAL
176 DARK

.bar-lp    |    .bar-fill-neutral    |    .bar-fill-dark

Profile Cards

 Following
Nathaniel Hizzay
@nhiz 4K votes

Nate has spent his career photographing american scenes. People complain a lot about Los Angeles: It's too big, too spread out, an...

3 NEW!   13     5     1
 Following
Jasmine Emma
@theniceone 65K votes

Inspired by the beautiful landscapes of the urban streets she grew up on, Jasmine shoots with a colored lens to influence the perception of...

2 NEW!   7     2     2    1   
 Following
Taylor Swift
@taylorswift 678K votes

Taylor Alison Swift is an American singer-songwriter. Raised in Wyomissing, PA, she moved to Nashville TN at the age of 14 to pursue a caree...

1 NEW!   56     23     13    +3
 Following
Tanqueray La Watt
@themillenialfalcon 349 votes

This skateboarder turned Vine star is really using his voice to make hot issues out of important topics. Known as one of the true eyes and ears...

1 NEW!   56     23     13    +3

Writing Card Options

txt.writing-card  |  .writing-card .writing-card-[light, dark, blue, pink, green, gold, purple]

Writing Card with Option by Same Artist

Card Options Menu

Here is the menu that appears when you click on the "more options" icon
FlagShare to FacebookShare to TwitterCopy URLCancel

Sub Navigation

Super Duper Non-Exciting Secret Menu

Modals

Modal with a Footer, CTA's and subtle note for user

5k+ lines   