Typography
h1: Great Smoky Mountains
Great Smoky Mountains National Park straddles theborder of North Carolina and Tennessee.
h2: Section heading
h3: Subsection heading
The sprawling landscape encompasses lush forests and an abundance of wildflowers that bloom year-round. Streams, rivers and waterfalls appear along hiking routes that include a segment of the Appalachian Trail.
h4: Subsection heading
The sprawling landscape encompasses lush forests and an abundance of wildflowers that bloom year-round. Streams, rivers and waterfalls appear along hiking routes that include a segment of the Appalachian Trail.
h5: Subsection heading
The sprawling landscape encompasses lush forests and an abundance of wildflowers that bloom year-round. Streams, rivers and waterfalls appear along hiking routes that include a segment of the Appalachian Trail.
h6: Subsection heading
The sprawling landscape encompasses lush forests and an abundance of wildflowers that bloom year-round. Streams, rivers and waterfalls appear along hiking routes that include a segment of the Appalachian Trail.
- The first unordered list item.
- A second un ordered list item. this one is pretty long, so it goes over one line and onto the next line.
- A third unordered list item.
- The first unordered list item.
- A second un ordered list item. this one is pretty long, so it goes over one line and onto the next line.
- A third unordered list item.
Text links
sans.light.line-height-1
sans.regular-height-1
sans.bold-height-1
sans.light.line-height-2
sans.regular-height-2
sans.bold-height-2
sans.light.line-height-3
sans.regular-height-3
sans.bold-height-3
sans.light.line-height-4
sans.regular-height-4
sans.bold-height-4
sans.light.line-height-5
sans.regular-height-5
sans.bold-height-5
sans.light.line-height-6
sans.regular-height-6
sans.bold-height-6
Authentication pages
Project title
Create account
A tagline that explains the benefit of creating an account.
Here’s space for a longer description to introduce 3-5 easily scannable bullet points. Note that on mobile, this text block will bump below the Create Account form.
A tagline that explains the benefit of creating an account.
Here’s space for a longer description to introduce 3-5 easily scannable bullet points. Note that on mobile, this text block will bump below the Create Account form.
Launch secondary SSO
Project title
Sign in
Are you a federal employee?
If you are a federal employee or [other secondary user], please use [secondary Single Sign On (SSO)].
Launch secondary SSOProject title
Sign in to your account
A tagline that explains the benefit of creating an account.
Here’s space for a longer description to introduce 3-5 easily scannable bullet points. Note that on mobile, this text block will bump below the Create Account form.
A tagline that explains the benefit of creating an account.
Here’s space for a longer description to introduce 3-5 easily scannable bullet points. Note that on mobile, this text block will bump below the Create Account form.
Launch secondary SSO.png)
.png)
.png)
Here’s how you know
Buttons
Card
.jpg)
Card title
Smiley was monstrous proud of his frog, and well he might be, for fellers that had traveled and been everywheres, all said he laid over any frog that ever they see.
Card title
Smiley was monstrous proud of his frog, and well he might be, for fellers that had traveled and been everywheres, all said he laid over any frog that ever they see.
Card title
Smiley was monstrous proud of his frog, and well he might be, for fellers that had traveled and been everywheres, all said he laid over any frog that ever they see.
Card title
Smiley was monstrous proud of his frog, and well he might be, for fellers that had traveled and been everywheres, all said he laid over any frog that ever they see.
Card title
Smiley was monstrous proud of his frog, and well he might be, for fellers that had traveled and been everywheres, all said he laid over any frog that ever they see.
Card title
Smiley was monstrous proud of his frog, and well he might be, for fellers that had traveled and been everywheres, all said he laid over any frog that ever they see.
Character count
Collection
Recent News
September 30, 2020
Recent News
Recent News
September 30, 2020
Recent News
.png)
.png)
.png)
Footer
Form controls
Name
Mailing address
Reset password
Header
Department of webaccessibility
Department of webaccessibility
Department of webaccessibility
Department of webaccessibility
Icon list
Financial contributions to recognized disaster relief organizations are the fastest, most flexible and most effective method of donating. Organizations on the ground know what items and quantities are needed, often buy in bulk with discounts and, if possible, purchase through businesses local to the disaster, which supports economic recovery.
Financial contributions to recognized disaster relief organizations are the fastest, most flexible and most effective method of donating. Organizations on the ground know what items and quantities are needed, often buy in bulk with discounts and, if possible, purchase through businesses local to the disaster, which supports economic recovery.
Financial contributions to recognized disaster relief organizations are the fastest, most flexible and most effective method of donating. Organizations on the ground know what items and quantities are needed, often buy in bulk with discounts and, if possible, purchase through businesses local to the disaster, which supports economic recovery.
Financial contributions to recognized disaster relief organizations are the fastest, most flexible and most effective method of donating. Organizations on the ground know what items and quantities are needed, often buy in bulk with discounts and, if possible, purchase through businesses local to the disaster, which supports economic recovery.
Financial contributions to recognized disaster relief organizations are the fastest, most flexible and most effective method of donating. Organizations on the ground know what items and quantities are needed, often buy in bulk with discounts and, if possible, purchase through businesses local to the disaster, which supports economic recovery.
Identifier
Modal
Pagination
Process list
Start a process
Proceed to the second step
Complete the step-by-step process
Start a process
Proceed to the second step
Complete the step-by-step process
Start a process
Proceed to the second step
Complete the step-by-step process
.png)
.png)
.png)
Search
Sidenav
Site alert
Step indicator
Key information
- If you are under a winter storm warning, find shelter right away.
- Sign up for your community’s warning system.
- Learn the signs of, and basic treatments for, frostbite and hypothermia.
- Gather emergency supplies for your home and your car.
.png)
.png)
.png)
.png)
Time picker
Tooltip
404 page
Project title
Page not found
We’re sorry, we can’t find the page you're looking for. It might have been removed, had its name changed, or is otherwise unavailable.
If you typed the URL directly, check your spelling and capitalization. Our URLs look like this: designsystem.digital.gov/example-one.
Visit our homepage for helpful tools and resources, or contact us and we’ll point you in the right direction.
For immediate assistance:
• Visit our live chat
• Call (555) 555-5555
Error code: 404
.png)