cf-typography
Running Text
Micro copy
Lorem ipsum dolor sit amet
Date
Nov 4, 2013
Pull quote
Default pull quote
Large pull quote
Headings
Heading with icon
Headers
Slug header
Blog summary
Meta header
Default meta header
Example in a cfgov-refresh Post Preview
Administrador del Acuerdo de Provident planea ponerse en contacto con prestatarios elegibles próximamente
Prepaid cards can look and act like other types of cards, but they haven’t always had the same protections. Our new rule will help make prepaid cards and other prepaid accounts safer to use.
Links
Links with icons
For more information, email john.smith@cfpb.gov . Alternatively, you can download the info sheet . Oh, you might also want to visit this other organization’s website for further details.
Links with icons on the left (modifier)
john.smith@cfpb.gov
(123) 456-7890
Non-wrapping icon links
For more information, email john.smith@cfpb.gov .
Jump link
Jump link with large link modifier
Jump link with before link modifier
Jump link with bg modifier (only visible on small screens)
Jump link with grey background and solid borders on small screens
Block link
Lists
Unstyled list modifier
- List item 1
- List item 2
- List item 3
Spaced list modifier
Default example
- List item 1
- List item 2
- List item 3
Nested list example
- List item 1
-
List item 2
- List item 2a
- List item 2b
- List item 2c
- List item 3
Horizontal list modifier
- List item 1
- List item 2
- List item 3