Crisp white sheets, cool fjord blues and a quiet mountain range on the horizon.
Using a template swaps your colors, font and custom CSS. Your name, bio, avatar and links stay.
See the CSS
/* Nordic */
html, body { overflow-x: clip; }
body.zbr-page { background: #e9eef2; padding-bottom: 80px; }
/* two layers of mountains */
html::before, body.zbr-page::before {
content: ''; position: fixed; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none;
height: 32vh; background: linear-gradient(180deg, #b9cadb, #e9eef2);
clip-path: polygon(0 100%, 0 62%, 12% 38%, 22% 56%, 36% 16%, 52% 52%, 64% 30%, 80% 58%, 92% 40%, 100% 64%, 100% 100%);
}
body.zbr-page::before { height: 22vh; background: linear-gradient(180deg, #cfdbe7, #e9eef2); clip-path: polygon(0 100%, 0 70%, 18% 46%, 30% 64%, 48% 34%, 60% 62%, 76% 42%, 88% 66%, 100% 50%, 100% 100%); }
.zbr-card { backdrop-filter: none; border: 1px solid #d3dce4; border-radius: 3px; box-shadow: 0 2px 10px rgba(28, 43, 54, .05); padding: 28px 24px; }
.zbr-box-title { font-size: .72rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: #5d7385; }
.zbr-avatar { border: 0; border-radius: 3px; }
.zbr-name { font-size: 2rem; font-weight: 500; letter-spacing: .02em; line-height: 1.1; overflow-wrap: anywhere; }
.zbr-bio { opacity: .75; }
.zbr-link { background: none; border: 0; border-radius: 0; padding: 10px 0; font-weight: 400; }
.zbr-link:hover { background: none; color: var(--accent); transform: none; text-decoration: underline; text-underline-offset: 4px; }
.zbr-table th, .zbr-table td, .zbr-comment, .zbr-links .zbr-link, .zbr-posts .zbr-link { border-color: #e3e9ee; }
.zbr-table th { font-weight: 500; opacity: .6; }
.zbr-friend img, .zbr-friend .zbr-noavatar, .zbr-comment-author img, .zbr-comment-author .zbr-noavatar { border-radius: 3px; }
.zbr-noavatar { background: #5d7f99; }
.zbr-online { color: #2f7d5a; }
.zbr-btn { background: var(--accent); color: #fff; border-radius: 3px; font-weight: 500; letter-spacing: .04em; }
.zbr-views { color: #3f566a; opacity: 1; }
