thePR0M3TH3AN/Artstr-Studio
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/Artstr-Studio.git synced 2026-11-08 06:30:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update fonts to 90s retro web 1.0 style

Browse Source 
- Change main font family to Verdana/Georgia for classic 90s feel
- Update headings to use Georgia serif font
- Use bold weights and classic sans-serif for buttons and labels
- Adjust font sizes and letter spacing for retro aesthetic
- Decrease button border radius for more angular 90s look
- Add Verdana/Arial to labels, hints, and buttons

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>
This commit is contained in:
thePR0M3TH3ANandClaude Sonnet 4.6 committed 2026-05-15 13:44:05 -04:00
1 parent fe9b47338f
commit 81b979a11c
1 file changed
+20 -12
Download Patch File Download Diff File Expand all files Collapse all files
src/index.html
+20 -12
View File
@@ -47,7 +47,7 @@
min-height: 100%;
background: var(--bg);
color: var(--ink);
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-family: Verdana, Georgia, "Times New Roman", serif;
}
button, input, select, textarea {
@@ -79,9 +79,12 @@
}
h1 {
font-size: 1.25rem;
font-size: 1.5rem;
line-height: 1.2;
margin: 0 0 6px;
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
letter-spacing: 0.5px;
}
.subhead {
@@ -101,16 +104,19 @@
legend {
padding: 0 6px;
font-weight: 750;
font-size: .9rem;
font-weight: bold;
font-size: .95rem;
font-family: Georgia, "Times New Roman", serif;
color: #1a1a1a;
}
label {
display: block;
font-size: .8rem;
color: #374151;
font-size: .85rem;
color: #1a1a1a;
margin: 10px 0 5px;
font-weight: 650;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
.row {
@@ -139,9 +145,10 @@
.hint {
color: var(--muted);
font-size: .75rem;
line-height: 1.35;
font-size: .8rem;
line-height: 1.4;
margin-top: 7px;
font-family: Verdana, Arial, sans-serif;
}
.buttonRow {
@@ -153,13 +160,14 @@
button {
border: 1px solid var(--line);
border-radius: 8px;
border-radius: 4px;
padding: 8px 11px;
background: #fff;
color: var(--ink);
cursor: pointer;
font-weight: 700;
font-size: .86rem;
font-weight: bold;
font-size: .85rem;
font-family: Verdana, Arial, sans-serif;
}
button.primary {