Add branding

2026-07-11 14:14:00 -04:00
parent 2e8ad21326
commit ab3441a7b5
77 changed files with 477 additions and 0 deletions
@@ -0,0 +1,51 @@
+{
+  "name": "PearDock",
+  "version": "1.0.1",
+  "description": "Decentralized Docker management on the Holepunch stack",
+  "colors": {
+    "background": {
+      "primary": "#0f1117",
+      "secondary": "#161b22",
+      "tertiary": "#1c2128",
+      "elevated": "#22272e",
+      "hover": "#2d333b"
+    },
+    "accent": {
+      "primary": "#2dd4bf",
+      "secondary": "#14b8a6",
+      "success": "#4ade80",
+      "warning": "#fbbf24",
+      "danger": "#f87171",
+      "info": "#38bdf8"
+    },
+    "text": {
+      "primary": "#f4f7fb",
+      "secondary": "#c8d1df",
+      "muted": "#9aa8bc",
+      "faint": "#7d8b9f"
+    },
+    "logo": {
+      "pear": "#f5e6c8",
+      "leaf": "#6b8e4e",
+      "stem": "#5c4033",
+      "dock": "#1e3a5f",
+      "text": "#1e3a5f"
+    },
+    "border": "rgba(255,255,255,0.1)"
+  },
+  "typography": {
+    "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Inter', sans-serif",
+    "baseSize": "14px",
+    "lineHeight": 1.65
+  },
+  "radius": {
+    "default": "12px",
+    "small": "8px"
+  },
+  "logoUsage": {
+    "minSize": "32px",
+    "clearSpace": "0.5x logo height",
+    "preferredBg": "dark #0f1117 or pure white",
+    "source": "Original transparent PNG — never recolor-key or re-remove background"
+  }
+}
@@ -0,0 +1,33 @@
+/* PearDock Brand Color Tokens
+   Exact match to ui/styles.css
+*/
+:root {
+  --pd-bg-primary: #0f1117;
+  --pd-bg-secondary: #161b22;
+  --pd-bg-tertiary: #1c2128;
+  --pd-bg-elevated: #22272e;
+  --pd-bg-hover: #2d333b;
+
+  --pd-accent-primary: #2dd4bf;
+  --pd-accent-secondary: #14b8a6;
+  --pd-accent-success: #4ade80;
+  --pd-accent-warning: #fbbf24;
+  --pd-accent-danger: #f87171;
+  --pd-accent-info: #38bdf8;
+
+  --pd-text-primary: #f4f7fb;
+  --pd-text-secondary: #c8d1df;
+  --pd-text-muted: #9aa8bc;
+  --pd-text-faint: #7d8b9f;
+
+  --pd-border: rgba(255, 255, 255, 0.1);
+
+  --pd-logo-pear: #f5e6c8;
+  --pd-logo-leaf: #6b8e4e;
+  --pd-logo-stem: #5c4033;
+  --pd-logo-dock: #1e3a5f;
+  --pd-logo-text: #1e3a5f;
+
+  --pd-radius: 12px;
+  --pd-radius-sm: 8px;
+}