Dependable Design Components

Link Buttons

Link Buttons:

Hero Button Normal Button Tertiary Button

Link Buttons Inverted:

Hero Button Normal Button Tertiary Button

Accordions

What do you call a bagel that can fly?

Answer:

A plane bagel!

What do you call a tree you can hold in your hand?

Answer:

A palm tree!

What is green and fuzzy and would hurt if it fell out of a tree?

Answer:

A pool table!

Modal Dialog

Modal Title

This is a demo of a modal.

Click around modal to dismiss

Form Inputs

Text Example

Textarea Example

Select Example

Submit Example

Navigation

Primary navigation

Secondary navigation

Notifications

error

Error:

This text provides further detail.

warning

Warning:

This text provides further detail.

neutral

Neutral:

This text provides further detail.

success

Success:

This text provides further detail.

Hero Block Example

hero block example

Information Card

Article / Post

picture of drill

New Pruducts

Lo-fi hoodie edison bulb XOXO locavore four dollar toast YOLO food truck dreamcatcher meditation vaporware. Mixtape microdosing sartorial, tumeric 8-bit swag tbh locavore tofu single-origin coffee.

Published: 2/20/2020

Person / Profile

profile picture

Jason Nash

Phone #: (123) 321-4567 Email:joshn@gmail.com

Call to Action

Register For An Account Today

Drinking vinegar mlkshk wayfarers hashtag brooklyn tilde retro distillery health goth pinterest kombucha vice 8-bit thundercats. Tote bag farm-to-table disrupt VHS pour-over man bun pitchfork fixie dreamcatcher.

Register