mirror of
https://github.com/Joulenap/joulenap.git
synced 2026-08-11 13:21:43 +02:00
28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
<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=Fredoka:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
body { margin:0; font-family:'Fredoka',sans-serif; }
|
|
.row { display:flex; align-items:center; gap:22px; padding:48px 56px; }
|
|
.light { background:#e9e9e9; }
|
|
.dark { background:#1f1f1f; }
|
|
.icon { height:104px; width:auto; display:block; }
|
|
.word { font-weight:500; font-size:64px; letter-spacing:0.5px; line-height:1; }
|
|
.word.on-light { color:#1f1f1f; }
|
|
.word.on-dark { color:#ffffff; }
|
|
.caption { font-family:system-ui,sans-serif; font-size:13px; color:#888; padding:8px 56px; }
|
|
</style>
|
|
|
|
<div class="caption">Fredoka Medium (500) · 104px · gap 22px</div>
|
|
|
|
<div class="row light">
|
|
<img class="icon" src="joulenap-icon.svg" alt="Joulenap icon">
|
|
<span class="word on-light">Joulenap</span>
|
|
</div>
|
|
|
|
<div class="row dark">
|
|
<img class="icon" src="joulenap-icon.svg" alt="Joulenap icon">
|
|
<span class="word on-dark">Joulenap</span>
|
|
</div>
|
|
|