init

docs/STYLEGUIDE.md

@@ -0,0 +1,48 @@
+# CABLE CREATIONS / STYLE
+
+## 01 COLORS
+| Token | Value |
+| :--- | :--- |
+| Primary | `#0071E3` |
+| Background | `#050508` / `#000000` |
+| Accents | `#5E5CE6` / `#FF375F` / `#4FD1B5` |
+| Neutrals | `#FFFFFF` / `#F7F7F9` / `#8E8E93` |
+| UI | `#18181B` / `#2A2A3A` |
+
+## 02 TYPOGRAPHY
+| Category | Typeface |
+| :--- | :--- |
+| Sans | SF Pro Display / Inter |
+| Mono | MonoLisa / SF Mono |
+
+**Rules**
+- Headings: Bold / Tight tracking / Minimal leading
+- Body: Normal / Relaxed leading
+- Labels: Monospace / Uppercase
+
+## 03 LAYOUT
+| Property | Value |
+| :--- | :--- |
+| Max Width | `1280px` |
+| Base Unit | `4px` |
+| Radius | `12px` / `24px` / `Full` |
+
+## 04 VISUALS
+| Element | Specification |
+| :--- | :--- |
+| Glass | `20px` blur / `1px` border |
+| Gradients | Cool / Vibrant / Dark |
+| Grid | `40px` blueprint / `1px` lines |
+| Texture | Subtle noise overlay |
+
+## 05 MEDIA
+| Type | Standard |
+| :--- | :--- |
+| 3D Renders | Photorealistic / PBR / High-contrast |
+| Drawings | White line / Dark background |
+
+## 06 MOTION
+| Property | Value |
+| :--- | :--- |
+| Easing | `cubic-bezier(0.2, 0.8, 0.2, 1)` |
+| Effects | Fade-in up / Floating / Glow |