Skip to content

Commit f5469eb

Browse files
committed
style(og-template): Improve layout and readability
1 parent 4dd313a commit f5469eb

File tree

1 file changed

+8
-7
lines changed

1 file changed

+8
-7
lines changed

assets/og-template/template.html

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,10 @@
3333
position: absolute;
3434
z-index: 1;
3535
opacity: 0.2;
36-
right: -30px;
37-
bottom: 0;
38-
width: 80vmin;
36+
width: 110vmin;
3937
height: auto;
38+
right: -10vmin;
39+
bottom: -0vmin;
4040
transform: rotate(-15deg);
4141
}
4242
.content-wrapper {
@@ -56,12 +56,12 @@
5656
flex-shrink: 0;
5757
}
5858
.logo {
59-
height: 12vmin;
59+
height: 14vmin;
6060
width: auto;
6161
margin-right: 3vmin;
6262
}
6363
.logo-text {
64-
font-size: 6vmin;
64+
font-size: 7vmin;
6565
line-height: 1.1;
6666
font-weight: 700;
6767
color: #1f2937;
@@ -74,7 +74,7 @@
7474
padding: 4vmin 0;
7575
}
7676
.title {
77-
font-size: clamp(32px, 8vmin, 80px);
77+
font-size: clamp(36px, 9vmin, 90px);
7878
font-weight: 700;
7979
line-height: 1.2;
8080
color: #1f2937;
@@ -86,7 +86,7 @@
8686
word-wrap: break-word;
8787
}
8888
.description {
89-
font-size: clamp(24px, 4.5vmin, 48px);
89+
font-size: clamp(28px, 5vmin, 54px);
9090
line-height: 1.4;
9191
color: #4b5563;
9292
margin: 0;
@@ -95,6 +95,7 @@
9595
-webkit-box-orient: vertical;
9696
overflow: hidden;
9797
word-wrap: break-word;
98+
text-shadow: 0 0 10px white, 0 0 15px white, 0 0 20px white;
9899
}
99100
.footer {
100101
font-size: clamp(20px, 4vmin, 40px);

0 commit comments

Comments
 (0)