Monorepo for Aesthetic.Computer
aesthetic.computer
1# Study: l5lua.org Visual Style + Logo
2
3Date: 2026-02-26
4Source: https://l5lua.org/
5
6## Snapshot
7- Framework: MkDocs Material
8- Theme flags on `<body>`:
9 - `data-md-color-scheme="default"`
10 - `data-md-color-primary="gold"`
11 - `data-md-color-accent="blue"`
12- Header/logo asset:
13 - `assets/L5-logo-blob.png`
14 - Downloaded size: 323x203 PNG
15
16## Key CSS Signals
17From page source + `stylesheets/extra.css`:
18- Header is white with gold radial-dot pattern.
19- Gold is the dominant brand color:
20 - `#FFD700` and transparent variants.
21- Strong black/white contrast for structure.
22- Code blocks use black background with gold text in one pass of custom styles.
23- Font direction:
24 - Sans body stack (`Manrope`, system sans)
25 - Monospace for code (Consolas/Menlo/Courier New)
26
27## Practical Token Set
28For AC `/l5` alignment, these are the useful tokens:
29- `--l5-gold: #FFD700`
30- `--l5-gold-soft: #FFEE57`
31- `--l5-black: #111111`
32- `--l5-white: #FFFFFF`
33- Pattern: repeating radial gold dots over white background.
34
35## Structural Patterns Worth Mirroring
36- Bold high-contrast header treatment.
37- Gold-accented nav/controls.
38- Black borders as framing language.
39- Monospace code blocks with dark inversion.
40
41## Logo Notes
42- File captured locally for AC page integration:
43 - `system/public/l5.aesthetic.computer/l5-logo-blob.png`
44- Recommendation:
45 - Keep original proportions.
46 - Place in hero and/or top-left brand block.
47 - Surround with black-line frame and gold backdrop for cohesion.
48
49## AC Application Decision
50Apply a yellow/black/white theme to `/l5` with:
51- Dot-pattern white background
52- Black-lined panels
53- Gold interactive states
54- Black code blocks with gold text
55- Local L5 logo in hero