<!DOCTYPE html>
<html lang="en">
<head>
<meta
charset="UTF-8">
<title>Steelgrass</title>
<meta
name="viewport" content="width=device-width,
initial-scale=1.0">
<style>
body {
margin: 0;
font-family:
"Helvetica Neue", Arial, sans-serif;
background-color: #f4f4f2;
color: #2a2a2a;
display: flex;
align-items: center;
justify-content:
center;
height: 100vh;
}
.container {
max-width: 520px;
text-align: center;
padding: 20px;
}
.logo
{
font-size: 18px;
letter-spacing: 4px;
margin-bottom: 40px;
color: #6b6b6b;
}
h1 {
font-size: 28px;
font-weight: 500;
margin-bottom: 20px;
}
p {
font-size: 16px;
line-height: 1.6;
color: #555;
}
.quote
{
margin: 30px 0;
font-style: italic;
color: #3a3a3a;
}
.email
{
margin-top: 40px;
font-size: 14px;
color: #777;
}
a {
color: inherit;
text-decoration:
none;
border-bottom:
1px solid #ccc;
}
a:hover {
border-bottom:
1px solid #888;
}
</style>
</head>
<body>
<div
class="container">
<div
class="logo">STEELGRASS</div>
<h1>Something is taking shape</h1>
<p>
We are working
behind the scenes on a new expression of botanical design
for considered
spaces.
</p>
<div
class="quote">
“Some things
don’t need to change to keep bringing life to a space.”
</div>
<div
class="email">
<a href="mailto:hello@yourdomain.co.uk">hello@yourdomain.co.uk</a>
</div>
</div>
</body>
</html>