A Pen by Stephen Tomlinson on CodePen.
Created
June 5, 2022 18:18
-
-
Save ffub/4a30cca4efa974a7bae60377d0b13df6 to your computer and use it in GitHub Desktop.
One-pager
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<head> | |
<link rel="preconnect" href="https://fonts.googleapis.com"> | |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600&display=swap" rel="stylesheet"> | |
<title>Stephen Tomlinson</title> | |
</head> | |
<div class="page"> | |
<div class="content"> | |
<h1>Stephen Tomlinson</h1> | |
<p>I am an experienced design leader, who cares about people, technology and context. Through the past 16 years spent across leading UX Design agencies, I’ve led multiple projects spanning user research, design and digital strategy for clients like Amnesty International, Costco Travel, Tesco, the Financial Times and Molton Brown. I love growing and nurturing teams, as well as establishing strong client relationships and making new technology human and understandable.</p> | |
<p> | |
<a class="button" href="https://www.linkedin.com/in/sctomlinson/">LinkedIn</a> | |
<a class="button" href="/portfolio">Portfolio</a> | |
<a class="button" href="/cv">Curriculum Vitae</a> | |
</p> | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
background: #15153A; | |
color: #ddd; | |
font-family: "Space Grotesk", "DM Sans", sans-serif; | |
-webkit-font-smoothing: antialiased; | |
font-weight: regular; | |
line-height: 1.4; | |
font-size: 18px; | |
margin: 0; | |
padding: 0; | |
} | |
.page { | |
display: grid; | |
justify-content: center; | |
align-content: center; | |
height: 100vh; | |
} | |
.content { | |
max-width: 700px; | |
padding: 30px; | |
} | |
.button { | |
display: inline-block; | |
padding: 16px 20px; | |
background: rgba(255,255,255,.15); | |
border-radius: 4px; | |
color: white; | |
text-decoration: none; | |
} | |
.button:hover { | |
text-decoration: underline; | |
background: rgba(255,255,255,.2); | |
} | |
p { | |
margin-bottom: 24px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment