HubSpot Concept

by adamschwartz

HTML

<div class="hubspot-logo with-shadow"></div>

CSS

</style>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<style>
html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    -webkit-user-select: none;
}

body {
    background:
-webkit-linear-gradient( 90deg, rgba(204, 63, 56, 0.3) 0%, rgba(245, 128, 84, 0.2) 35%, rgba(245, 128, 84, 0) 100%),-webkit-linear-gradient( -90deg, rgba(204, 63, 56, 0.7) 0%, rgba(245, 128, 84, 0.2) 95%),-webkit-linear-gradient( 145deg, rgba(204, 63, 56, 0.3) 0%, rgba(245, 128, 84, 0.3) 33%, rgba(204, 63, 57, 0.3) 71%, rgba(245, 128, 85, 0.3) 95%),-webkit-radial-gradient(rgba(204, 63, 56, 1) 77%, rgba(245, 128, 84, 0.6) 158%);
}

.hubspot-logo {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(https://s3.amazonaws.com/uploads.hipchat.com/10819/42395/ot98f9l0blkk266/HubSpot_Logo_2x_white.png);
    background-size: 125px 46px;
    height: 46px;
    width: 125px;
}

.hubspot-logo.with-shadow {
    background: url(https://s3.amazonaws.com/uploads.hipchat.com/10819/42395/gzrh9bed96snzp5/HubSpot_Logo_2x_white_shadow.png);
    background-size: 135px 56px;
    height: 56px;
    width: 135px;
}