Assets
These images and fonts are available for any application to use.
All images come with a retina version, appended with @2x.
Logos
The LocalMed Logo comes in two variations: with and without the tagline.
Avatars
Here are the default avatars for when a provider has not uploaded a photo.
-
provider-m-260.jpg -
provider-m-144.jpg -
provider-m-96.jpg
-
provider-f-260.jpg -
provider-f-144.jpg -
provider-f-96.jpg
<img src="https://www.localmed.com/assets/images/avatars/provider-m-260.jpg" alt="Male Provider">
<img src="https://www.localmed.com/assets/images/avatars/provider-m-144.jpg" alt="Male Provider">
<img src="https://www.localmed.com/assets/images/avatars/provider-m-96.jpg" alt="Male Provider">
<img src="https://www.localmed.com/assets/images/avatars/provider-f-260.jpg" alt="Female Provider">
<img src="https://www.localmed.com/assets/images/avatars/provider-f-144.jpg" alt="Female Provider">
<img src="https://www.localmed.com/assets/images/avatars/provider-f-96.jpg" alt="Female Provider">
Fonts
The fonts will be set automatically by the base localmed.css.
MetaWeb
Bold
Normal
MetaWeb SC
Bold
Normal
@font-face {
font-family: "MetaWeb-Bold";
src: url("https://www.localmed.com/assets/fonts/MetaWeb-Bold.eot");
src: url("https://www.localmed.com/assets/fonts/MetaWeb-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.localmed.com/assets/fonts/MetaWeb-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "MetaWeb-Normal";
src: url("https://www.localmed.com/assets/fonts/MetaWeb-Normal.eot");
src: url("https://www.localmed.com/assets/fonts/MetaWeb-Normal.eot?#iefix") format("embedded-opentype"), url("https://www.localmed.com/assets/fonts/MetaWeb-Normal.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "MetaScWeb-Bold";
src: url("https://www.localmed.com/assets/fonts/MetaScWeb-Bold.eot");
src: url("https://www.localmed.com/assets/fonts/MetaScWeb-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.localmed.com/assets/fonts/MetaScWeb-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "MetaScWeb-Normal";
src: url("https://www.localmed.com/assets/fonts/MetaScWeb-Normal.eot");
src: url("https://www.localmed.com/assets/fonts/MetaScWeb-Normal.eot?#iefix") format("embedded-opentype"), url("https://www.localmed.com/assets/fonts/MetaScWeb-Normal.woff") format("woff");
font-weight: normal;
font-style: normal;
}
Icons
Included in the base localmed.css is a custom set of icons.
Using the class
Close Replacing the Text
<i class="icon-umbrella"></i> Umbrella Icon
<a href="#" class="icon-replace"><i class="icon-close"></i> <span>Close</span></a>
Available Glyphs
Here are the glyphs included in the font, with the corresponding class name and data attribute code.
icon-0icon-1icon-2icon-3icon-4icon-5icon-6icon-7icon-8icon-9icon-alerticon-angle-downicon-angle-lefticon-angle-righticon-angle-upicon-arrow-downicon-arrow-lefticon-arrow-moreicon-arrow-righticon-arrow-upicon-bellicon-buildingicon-caduceusicon-calendaricon-caret-downicon-caret-lefticon-caret-righticon-caret-upicon-charticon-circleicon-clipboardicon-clockicon-close-circleicon-close-signicon-close-tagicon-credit-cardicon-desktopicon-directionsicon-double-arrowicon-downloadicon-envelopeicon-externalicon-eyeicon-facebook-signicon-gearicon-google-signicon-h-signicon-help-signicon-helpicon-historyicon-hospitalicon-houseicon-info-signicon-infoicon-laptopicon-listicon-localmedicon-lockicon-mapicon-marker-alticon-markericon-minus-signicon-minusicon-mobileicon-ok-circleicon-ok-signicon-pencilicon-peopleicon-personicon-phoneicon-plus-sign-alticon-plus-signicon-plusicon-printericon-refreshicon-removeicon-searchicon-signicon-sort-downicon-sort-upicon-sorticon-spinnericon-staricon-stethescopeicon-tableticon-toothicon-trashicon-twitter-signicon-umbrellaicon-unlock