Panels
Panels are what we like to use when we need to call out little bits of info in our sites and apps. They are a utility class really and you can pull from them however you see fit for the design problem you need to solve.
Form Panels
Often we'll need to stick forms and logins in a special little box. Be that a popup or sitting right sqaure on the page. Here are some examples of how those look!
<div class="panel"><form>(...)</form></div>
Panel w/ Header
Sometimes we need a panel to have a header bar to inform the user of what follows.
Header Bar Title
In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim.
Style and Color Panels
If you have a competing background you can always grab a color from the swatches and use it here.
In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim.
In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim.
In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim.
In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim.
In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim.
<div class="panel gray|blue|gold|thick|little-shadow">(...)</div>