Colors

  • Primary
  • #63a541 $kiva-green $green
  • #236133 $kiva-darkgreen $dark-green
  • Secondary
  • #a9d14c $kiva-accent-green $light-green
  • #26b6e8 $kiva-accent-blue $blue
  • #9C021A $kiva-accent-red $red
  • #488443 $kiva-icon-green $graphic-green
  • #49953f $kiva-navdivider-green $divider-green
  • #d8d8d8 $kiva-stroke-gray $light-gray
  • #FEF37B $kiva-alert-yellow $vivid-yellow
  • Background
  • #fafafa $kiva-bg-lightgray $ghost
  • #efefef $kiva-bg-darkgray $platinum
  • Text
  • #333 $kiva-text-dark $charcoal
  • #666 $kiva-text-medium $dark-gray
  • #999 $kiva-text-light $gray
  • #fff $white
  • Text Link
  • #22a9d8 $kiva-textlink $sky-blue
  • #6698a9 $kiva-textlink-visited $faded-blue
  • #0d8ebb $kiva-textlink-hovered $highlight view
  • UI Controls
  • #d2f0f8 $kiva-filter-indicator-bg $pale-blue
  • #26b6e8 $kiva-filter-indicator $blue
  • Graph and chart elements
  • #63a541 $graph-green aka $kiva-green
  • #0d8ebb $graph-blue aka $kiva-textlink-hovered
  • #5141a5 $graph-purple
  • #9c021a $graph-red aka $kiva-accent-red
  • #666 $graph-med-gray aka $kiva-text-medium
  • #f8e71c $graph-yellow aka $kiva-alert-yellow
  • #236133 $graph-dark-green aka $kiva-darkgreen
  • #d2f0f8 $graph-pale-blue aka $kiva-filter-indicator-bg
  • #a54195 $graph-magenta
  • #d8d8d8 $graph-light-gray aka $kiva-stroke-gray

Fonts

Primary font: "Post Grotesk Book", 'Helvetica Neue', Arial, Helvetica, sans-serif;

Primary font italic: "Post Grotesk Book Italic", "HelveticaNeue", "Helvetica", "Arial", sans-serif;

Primary font bold: "Post Grotesk Bold", "HelveticaNeueBold", "Helvetica", "Arial", sans-serif;

Primary font bold: "Post Grotesk Bold Italic", "HelveticaNeueBold ", "Helvetica", "Arial", sans-serif;

Primary font light: "Post Grotesk Light", "HelveticaNeue", "Helvetica", "Arial", sans-serif;

Primary font light italic: "Post Grotesk Light Italic", "HelveticaNeue", "Helvetica", "Arial", sans-serif;

Visibility

This text is shown only on a small screen. This text is shown on medium screens and up. This text is shown only on a medium screen. This text is shown on large screens and up. This text is shown only on a large screen. This text is shown on xlarge screens and up. This text is shown only on an xlarge screen. This text is shown on xxlarge screens and up.

You are not on a small screen. You are not on a medium, large, xlarge, or xxlarge screen. You are not on a medium screen. You are not on a large, xlarge, or xxlarge screen. You are not on a large screen. You are not on an xlarge screen and up. You are not on an xlarge screen. You are not on an xxlarge screen.

You are in landscape orientation. You are in portrait orientation.

You are on a touch-enabled device. You are not on a touch-enabled device.

Inline Elements

This is a text link

This is a modal text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

Superscript®

Subscript for things like H2O

This small text is small for for fine print, etc.

Typography

Small text / Footer text

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

Body text

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

Featured text
Overlay text

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

Slide Overlay Long

“My Kiva loan helped to pay for eucalyptus plants, fertilizer, and farm training that allows me to support my family”

Slide Overlay Short

Dreams are universal. Opportunity is not.

Slide Overlay Very Short

Entrepreneur...

Top Nav

Lend About Login

Page Title

Women

Secondary Nav

Fund a loan. Get repaid. Fund another.

Section head (h2)

Lorem ipsum dolor sit (37 characters)

Headline (h1)

Lorem ipsum dolor sit (37 characters)

Impact text

Lorem ipsum dolor sit (37 characters)

Huge Headline (h1.huge)

What makes us unique

Small Statistic

1.6 million

Small Statistic Bold

1.6 million

Statistic

10,485.87

Statistic Label

Avg donation per $25 lent

Medium Statistic

86

Huge Statistic

75%

Line Breaks

Screen-size-specific line breaks

This line will break
here on small screens only

This line will break
here on medium screens only

This line will break
here on large screens only

This line will break
here on x-large screens only

This line will break
here on xx-large screens only

This line will break
here on small and medium screens only

This line will break
here on large screens and up

1 Column Layout

One column layout

2 Column Layout

Two column layout - left column
Two column layout - right column

3 Column Layout

Three column layout - left column
Three column layout - middle column
Three column layout - right column

Left Sidebar Layout

Left sidebar layout - sidebar column
Left sidebar layout - main column

Image Swap On Resize

Filler Photo

Avatar

Icons

User Interface icons
  • Distribution icon
  • Globe icon
  • Star icon
  • Half star icon
  • Handshake icon
  • Sort icon
  • Filter icon
  • Edit icon
  • Refresh icon
  • List icon
  • Grid icon
  • Map icon
  • Confirmation icon
  • Tags Checkmark icon
  • Error icon
  • Warning/Info icon
  • Question icon
  • Slideshow dot icon
  • Slideshow dot icon (active)
  • Magnifying glass icon
  • Near-me icon
  • Triangle icon
  • X icon
  • Chevron icon - large
  • Chevron icon - large (small-screens)
  • Chevron icon - medium
  • Chevron icon - small
  • Chevron icon - small (small-screens)
  • PDF icon
  • Secure lock icon
  • Checked fancy checkbox
  • Unchecked fancy checkbox
Storytelling icons
  • Boundaries icon
  • Hand-up icon
  • Impact icon
  • Lifting icon
  • Recycle icon
  • High five icon
  • Megaphone icon
  • Money muscle icon
  • Choose icon
  • Lend icon
  • Repaid icon
  • Repeat icon
  • Apply circle icon
  • Fundraise icon
  • Invite icon
  • Leaf icon
  • Leaves icon
  • Match icon
  • Curved arrow icon
  • Auto-deposit icon
  • Goals icon
  • Updates icon
  • Email icon
  • Pencil (edit) icon
Kiva sector icons
  • Agriculture sector icon
  • Arts sector icon
  • Clothing sector icon
  • Construction sector icon
  • Education sector icon
  • Entertainment sector icon
  • Food sector icon
  • Health sector icon
  • Housing sector icon
  • Manufacturing sector icon
  • Personal use sector icon
  • Retail sector icon
  • Services sector icon
  • Transportation sector icon
  • Wholesale sector icon
Social media icons
Logos
Miscellaneous icons
  • Dedicate Heart icon
  • Line Graph
  • Kiva Card
  • Kiva 100% promise
  • KFIP Apply
  • KFIP Screen
  • KFIP Matchmaking
  • KFIP Interview
  • KFIP Offer
  • Woman

Profile Photo

Profile Photo Anonymous

Full Width Image

full width image

Borrower Photo 1

Borrower photo 1

Borrower Photo 2

Borrower photo 2

Borrower Photo 3

Borrower photo 3

Category Image

Agriculture

Flags

Fancy Checkbox

Lorem ipsum dolor

Pencil Dropdown

$3.75

Pencil Text Input

14th

Buttons

Button

Secondary action button

Secondary

Setting button with no icon

Setting

Setting button with icon (no large version)

Filters

Accessabilty
Default Submit
Default
Smaller button

Smaller

Button Groups

Split Buttons

Split Button
Split Button
a href="#" class="button split no-pip">Custom Pip

Dropdown Buttons




Cta Button

Table

Table header Table header
Row name Value Value

Video

Avatar Initials

Header Button

Link

Lightbox

This is a link to trigger a lightbox.

Panel

This is a panel

Header

This is a panel with a header.

Panel Callout

This is a callout panel

Category Page Head

Women

On average, women reinvest 80% of their income in the well-being of their children.

Heading With Subheaders

Page Header

Page Sub Header

Italicized line

Full Width Image Attribution

Feature Text With Icon

Loading Spinner

Lender Avatar

Secondary Nav

Secondary Nav Region

Tertiary Nav

Tertiary Nav Content

Tabs

First tab content
Second tab content
Third tab content
Fourth tab content

Horizontal Tab Bar

Tab Content

First tab content
Second tab content
Third tab content
Fourth tab content

Icon Toggle

Pagination

Social Share

Animated Accordion

White Text On Full Width Image

full width image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)

Photo Showing Through Text

Lorem ipsum dolor sit (37 characters)

Text On Background Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)

Text On Background Image Impact

Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)

Text On Background Image Overlay

Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)

Tag Item Touch

  • Tag Item

  • Loan Comment

  • Claire | June 2, 2015 4:41 pm PDT
    Claire
    June 2, 2015 4:41 pm PDT
    I had a dream to make my organization, nevertheless I didn't have got enough of money to do this. Thank goodness my friend advised to use the personal loans.
    Delete trigger me!
  • Arrow Steps

    Statistic Display

    $0.46
    Avg donation per $25 lent

    Statistic Display With Icon And Text

    $0.46
    Avg donation per $25 lent
    99%

    Statistic Display With Local Lightbox

    $0.46
    Avg donation per $25 lent

    Faq Question Answer

    Holiday Banner

    Give a Kiva Card!

    No Results

    All borrowers matching this search have been funded.

    Please adjust your criteria or start a new search.

    Aviso

    Aviso Content

    Messages

    This is a warning message, should be in a yellow box.

    This is an error message, should be in a red box.

    This is a confirmation message, it should be in a grey box.

    All Countries Lent

    You've already made a loan to every country where Kiva currently works. Congrats!

    Our team is working hard to add new countries, but until then, start a new search.

    Browser Notice

    Browser Notice Firefox

    Browser Notice Ie

    Browser Notice Safari

    Fundraising Meter

    Filters Paired Buttons

    Filters Submenu

    Loan Use 2 selected
    {% include "v1/components/LoanFiltersView/SectorFiltersView.html" %}

    Triple State Buttons

    Quintuple State Buttons

    View Buttons

    Country Select Lightbox

    This is a link for the country select lightbox.

    Video Lightbox

    This is a link for a video lightbox.

    Decision Lightbox

    This is a link for a Free Trial lightbox.

    Help Text Lightbox

    This is a link for the help text lightbox.

    Repayment Schedule Lightbox

    Repayment schedule

    Repayment Schedule Lightbox Direct Not Disbursed

    Repayment schedule

    Repayment Schedule Lightbox Direct

    Repayment schedule

    Dynamic Help Text Lightbox

    How Kiva Works Steps Lightbox

    applies for a loan
    underwriting and approval process
    Loan disbursal period
    posted to Kiva
    Borrower repays the loan

    Save Search Lightbox

    trigger me!

    Dynamic Cms Lightbox

    Flag Comment Lightbox

    trigger me!

    Credit Summary Lightbox

    Credit summary

    Dynamic Loan Count Graph Lightbox

    Inactive Account Settings Lightbox

    trigger me!

    Trustee Endorse Lightbox

    trigger me!

    Dynamic Repayments Lightbox

    Dynamic Repayments Lightbox No Results

    Compose Message

    Compose a lender message

    Compose Message No Loans

    Compose a lender message

    Compose Message Recipient Anonymous

    Compose a lender message

    Compose Message Sender Anonymous

    Compose a lender message

    Ppexp Confirmation Lightbox

    Payment Processing

    Processing Auto Deposit

    Loan Lifecycle

    The journey of a Kiva loan

    A borrower applies for a loan.

    The loan goes through the underwriting and approval process.

    Loan disbursal period

    The loan is posted to Kiva for lenders to support.

    Fundraising period:

    Lenders crowdfund the loan in increments of $25 or more.

    Fundraising complete!

    Borrower repays the loan.

    Lenders use repayments to fund new loans, donate or withdraw the money.

    Faq

    Frequently asked questions

    Choose a borrower

    Bottom Bar

    Mini Loan Card

    Loading Overlay

    loans

    Tap to view results

    Selected Filter

    ×Agriculture

    More Loan Info

    More Loan Info Direct

    Why Special

    This loan is special because:

    Why Special Endorser

    This loan is special because:

    It's in a rural region many banks won't serve.

    Jomay, Kiva staff

    Jomay
    Kiva staff

    Why Special Staff

    This loan is special because:

    It's in a rural region many banks won't serve.

    Pfp Meter

    7 of 25

    lenders

    12 days to reach 25 lenders.

    $175 of $ raised so far.

    Current Status Meter

    53%

    funded
    25 days left
    $4,675 to go
    Total loan: $10,000
    Powered by 55 lenders

    Current Status Meter Borrower Dashboard

    Paying back delinquent

    42%

    repaid
    25 days left
    $7,433 to go
    Total loan: $10,000
    Powered by 54 lenders

    Current Status Meter Expired And No Disbural Date

    Expired

    Total loan: $275
    Supported by 5 lenders

    Current Status Meter No Lenders

    0%

    funded
    1 day left
    $275 to go
    Total loan: $275

    Current Status Meter With Lenders

    Paying Back

    28%

    funded
    $75 to go
    Total loan: $275
    Powered by 5 lenders

    Loan Gist

    Dera Ghazi Khan Village Group

    Pakistan
    Lahore, Pakistan / Agriculture

    Loan Gist Direct

    Dera Ghazi Khan Village Group

    Pakistan
    Pakistan / Agriculture

    Loan Gist No City

    Dera Ghazi Khan Village Group

    Pakistan
    Pakistan / Agriculture

    Loan Details

    Loan details

    Loan Details Expired And No Disbursal Date

    Loan details

    Loan Details Trustee

    Loan details

    Lenders Teams

    Contributing lenders (7)
    • Kimberly Los Angeles, CA
    • Jen San Francisco, CA
    • Zahid Los Angeles, CA
    • Kevin New York, NY
    • Steve Los Angeles, CA
    • Josh San Francisco, CA
    • Kimberly Los Angeles, CA
    • Jen San Francisco, CA
    • Zahid Los Angeles, CA
    • Kevin New York, NY
    Contributing teams (5)

    Lend Action

    Lend Action Bonus Ineligible

    Not eligible for Bonus Credit. Learn more

    Lend Action Daf Ineligible

    Not eligible for promotion. Learn more

    Lend Action Free Trial Ineligible

    Not eligible for Free Trial. Learn more

    Lend Action Free Trial

    Lend Action Funded

    Lend Action In Basket

    Lend Action With Already Lent

    You've supported this loan

    Mobile Lend Action

    Mobile Lend Action Bonus Ineligible

    Not eligible for Bonus Credit. Learn more

    Mobile Lend Action Daf Ineligible

    Not eligible for promotion. Learn more

    Mobile Lend Action Free Trial Ineligible

    Not eligible for Free Trial. Learn more

    Mobile Lend Action Free Trial

    Mobile Lend Action With Already Lent

    You've supported this loan

    Adding To Basket Action

    Mobile Adding To Basket Action

    Mobile Proceed To Checkout Action

    Proceed To Checkout Action

    Proceed To Checkout Action In Basket

    $25 in basket

    Mobile Already In Basket

    Mobile Borrower Profile Basket Button

    Loan Story

    John Group's story

    John applied for his first loan of KES 25,000 from Vision Fund Kenya to buy a dairy cow so that he can increase the amount of milk he supplies and thereby earn more income. He plans to use part of his profit to repay the loan and to expand his agricultural business.

    His hope for the future is to be financially stable.
    He has some other ideas too.

    For example, he wants to have another paragraph.

    Sarah, John, Anna*

    Translator profile picture

    Translated from Spanish by Kiva Volunteer Tayah Wheeland

    Loan Story Relisted

    John Group's story

    John applied for his first loan of KES 25,000 from Vision Fund Kenya to buy a dairy cow so that he can increase the amount of milk he supplies and thereby earn more income. He plans to use part of his profit to repay the loan and to expand his agricultural business.

    His hope for the future is to be financially stable.
    He has some other ideas too.

    For example, he wants to have another paragraph.

    Sarah, John, Anna*

    Translator profile picture

    Translated from Spanish by http://www.kiva.org/about/translationFAQ Tayah Wheeland

    About Zip Business

    About

    Trustee Details

    Trustee Details Stats Only

    Paying on time: Not enough data
    Paying back late: Not enough data
    Repaid in full: Not enough data
    Defaulted: Not enough data
    Repayment rate: Not enough data

    Loan Use

    A loan of $275 helps John to buy a dairy cow so that he can increase the amount of milk he supplies and thereby earn more income.

    Country Info

    Country Info In USD

    Field Partner Details

    Tags

    Repayment Schedule

    Repayment schedule

    Fund A Loan Bar

    Fund a loan, get repaid, fund another.
    ?

    Comments And Updates

    Comments And Updates Admin