Untitled

dabblet.css

* { box-sizing: border-box; }
html { font-family: ProximaNova-Regular, "Proxima Nova","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif; }
.text-center { text-align: center; }
.logo {
	display: block;
}
.logo__icon,
.logo__text {
	display: inline-block;
	vertical-align: middle;
}
.logo__icon {
	width: 97px;
	height: 97px;
	background-color: #DA552F;
	color: white;
	border-radius: 50%;
	font-size: 50px;
}
.logo__text {
	margin-left: 10px;
	font-family: ProximaNova-Bold, "Proxima Nova","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
	font-size: 35px;
	line-height: 30px;
	color: black;
}
.text--hunt { color: #DA552F; }

dabblet.html

<div class="text-center">
	<div class="logo">
		<div class="logo__icon">P</div>
		<div class="logo__text">Please don't<br><span class="text--hunt">hunt</span> me yet</div>
	</div>
	<p>Want to add this to your prelaunched product?</p>
	<div><a class="btn btn--outline btn--orange">Get it here</a></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}