commit 3556cf45e00d3ba8db29d3c6a58a2af0c6810144 Author: poslop Date: Tue Sep 8 15:53:44 2026 -0500 Initial commit: design tokens and dense-tool UI sketches diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d9ead4e --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +__pycache__/ +node_modules/ +*.log +.DS_Store diff --git a/sketches/001-airy-soft/index.html b/sketches/001-airy-soft/index.html new file mode 100644 index 0000000..cb9f9b8 --- /dev/null +++ b/sketches/001-airy-soft/index.html @@ -0,0 +1,114 @@ + + + + + +Palette — airy soft + + + + +
+
+ + +
+ +

New paste

+

Drag files in to start a can. Everything expires when you tell it to.

+ +
+
+ + +
+
+ + +
+
+
+
+ + + + +
+ +
+
+
+ +
+ + + +
+ + + diff --git a/sketches/002-dense-tool/index.html b/sketches/002-dense-tool/index.html new file mode 100644 index 0000000..26774c0 --- /dev/null +++ b/sketches/002-dense-tool/index.html @@ -0,0 +1,160 @@ + + + + + +Palette — dense tool + + + + +
+
+ + +
+ Ctrl+Enter +
+
+
+
+ + +
+
+
1
2
3
4
5
6
7
8
9
10
11
12
+
+
+
+ + + +
+ +
+
+
+
+

Expiry

+
+
Never
+
1 hour
+
1 day
+
1 week
+
30 days
+
+
+
+

Theme preset

+
+ + + +
+
+
+

Recent

+ +
+
+
+
+ + + diff --git a/sketches/002-dense-tool/v2.html b/sketches/002-dense-tool/v2.html new file mode 100644 index 0000000..3947605 --- /dev/null +++ b/sketches/002-dense-tool/v2.html @@ -0,0 +1,191 @@ + + + + + +Palette — dense tool v2 + + + + +
+ + +
+ Ctrl+Enter +
+
+
+
+ + +
+
+
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
+
+
+
+ Editing as text paste. Drag files onto the box to start a can. +
+ +
+
+ +
+
+

Expiry

+
+ + + + + +
+
+
+

Protection

+ + + +
+
+

Custom URL

+
palette/
+
+
+

Theme

+
+ + + +
+
+
+

Recent

+ +
+
+
+ + + diff --git a/sketches/themes/tokens.css b/sketches/themes/tokens.css new file mode 100644 index 0000000..3c4b320 --- /dev/null +++ b/sketches/themes/tokens.css @@ -0,0 +1,27 @@ +/* Palette design tokens — swap presets by replacing this block */ +:root { + /* "Smooth" preset (user-provided) */ + --bg: #F6F5FA; + --surface: #FFFFFF; /* derived: cards on bg */ + --surface-2: #DAD7E6; + --muted: #B5B1C9; + --muted-fg: #7A7796; + --fg: #2A2A36; + --accent: #7A7796; + --border: #DAD7E6; + --radius: 12px; + --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; + --font-mono: ui-monospace, "JetBrains Mono", "Fira Code", monospace; +} + +/* Preset switcher demo */ +[data-preset="midnight"] { + --bg: #241B30; --surface: #2D2340; --surface-2: #3A2D52; + --muted: #7A6A9E; --muted-fg: #C0B2DE; --fg: #F2EDF8; + --accent: #C4A8F0; --border: #42355C; +} /* APPROVED 2026-09-08: user accepted as default dark preset */ +[data-preset="sage"] { + --bg: #F4F7F4; --surface: #FFFFFF; --surface-2: #D6E0D6; + --muted: #B0C4B0; --muted-fg: #6E8570; --fg: #26332B; + --accent: #6E8570; --border: #D6E0D6; +}