aesthetic.computer
Monorepo for Aesthetic.Computer
aesthetic.computer
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>false.work - logos</title>
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
7 <style>
8 :root {
9 --bg: #000;
10 --text: #fff;
11 }
12 @media (prefers-color-scheme: light) {
13 :root {
14 --bg: #fff;
15 --text: #111;
16 }
17 .logo-container img {
18 filter: invert(1);
19 }
20 }
21 * { margin: 0; padding: 0; box-sizing: border-box; }
22 body {
23 font-family: 'Courier New', monospace;
24 background: var(--bg);
25 color: var(--text);
26 min-height: 100vh;
27 padding: 2rem;
28 }
29 h1 {
30 margin-bottom: 2rem;
31 font-size: 1.5rem;
32 }
33 .logos {
34 display: flex;
35 flex-direction: column;
36 gap: 3rem;
37 }
38 .logo-container {
39 background: rgba(128,128,128,0.1);
40 padding: 2rem;
41 border-radius: 8px;
42 }
43 .logo-container h2 {
44 font-size: 0.875rem;
45 margin-bottom: 1rem;
46 opacity: 0.7;
47 }
48 .logo-container img {
49 max-width: 100%;
50 height: auto;
51 display: block;
52 }
53 .logo-1 img { max-height: 150px; }
54 .logo-2 img, .logo-3 img { max-height: 60px; }
55 .logo-4 img { max-height: 120px; }
56 </style>
57</head>
58<body>
59 <h1>false.work logos</h1>
60 <div class="logos">
61 <div class="logo-container logo-1">
62 <h2>fw-logo-1.svg (icon with frame)</h2>
63 <img src="https://assets.aesthetic.computer/false.work/fw-logo-1.svg" alt="false.work logo 1">
64 </div>
65 <div class="logo-container logo-2">
66 <h2>fw-logo-2.svg (wordmark)</h2>
67 <img src="https://assets.aesthetic.computer/false.work/fw-logo-2.svg" alt="false.work logo 2">
68 </div>
69 <div class="logo-container logo-3">
70 <h2>fw-logo-3.svg (wordmark + icon)</h2>
71 <img src="https://assets.aesthetic.computer/false.work/fw-logo-3.svg" alt="false.work logo 3">
72 </div>
73 <div class="logo-container logo-4">
74 <h2>fw-logo-4.svg (wordmark boxed)</h2>
75 <img src="https://assets.aesthetic.computer/false.work/fw-logo-4.svg" alt="false.work logo 4">
76 </div>
77 </div>
78</body>
79</html>