cyclecad 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CLAUDE.md +164 -34
- package/app/agent-demo.html +1049 -0
- package/app/index.html +15 -0
- package/app/js/agent-api.js +1048 -0
- package/brand-identity.html +918 -0
- package/competitive-analysis.html +629 -0
- package/cycleCAD-Investor-Deck.pptx +0 -0
- package/index.html +746 -776
- package/logo-concepts.html +167 -0
- package/package.json +1 -1
- package/~$cycleCAD-Investor-Deck.pptx +0 -0
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>cycleCAD — Logo Concepts</title>
|
|
7
|
+
<style>
|
|
8
|
+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800;900&display=swap');
|
|
9
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
10
|
+
body { font-family: 'Inter', sans-serif; background: #0A1628; color: #F0F0E8; padding: 2rem; }
|
|
11
|
+
h1 { text-align: center; font-size: 2rem; margin-bottom: 0.5rem; }
|
|
12
|
+
.subtitle { text-align: center; color: #8B9AB5; margin-bottom: 3rem; }
|
|
13
|
+
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2.5rem; max-width: 1200px; margin: 0 auto; }
|
|
14
|
+
.card {
|
|
15
|
+
background: #122240;
|
|
16
|
+
border-radius: 16px;
|
|
17
|
+
padding: 3rem 2rem;
|
|
18
|
+
text-align: center;
|
|
19
|
+
border: 1px solid rgba(139,154,181,0.15);
|
|
20
|
+
transition: border-color 0.3s;
|
|
21
|
+
}
|
|
22
|
+
.card:hover { border-color: #2E86DE; }
|
|
23
|
+
.card h3 { font-size: 1.1rem; margin-top: 1.5rem; color: #D4A843; }
|
|
24
|
+
.card p { color: #8B9AB5; font-size: 0.85rem; margin-top: 0.5rem; line-height: 1.5; }
|
|
25
|
+
.dark-bg { background: #0A1628; border: 2px solid #1A2D50; }
|
|
26
|
+
.light-bg { background: #F0F0E8; border: 2px solid #DDD; }
|
|
27
|
+
.light-bg h3 { color: #0A1628; }
|
|
28
|
+
.light-bg p { color: #666; }
|
|
29
|
+
|
|
30
|
+
.palette { display: flex; gap: 0.5rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
|
|
31
|
+
.swatch { width: 80px; height: 80px; border-radius: 12px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 6px; font-size: 0.65rem; font-weight: 600; }
|
|
32
|
+
</style>
|
|
33
|
+
</head>
|
|
34
|
+
<body>
|
|
35
|
+
|
|
36
|
+
<h1>cycleCAD Logo Concepts</h1>
|
|
37
|
+
<p class="subtitle">Gold + Blue color scheme — The OS of Things</p>
|
|
38
|
+
|
|
39
|
+
<div class="grid">
|
|
40
|
+
|
|
41
|
+
<!-- Concept 1: Hexagon Cycle -->
|
|
42
|
+
<div class="card">
|
|
43
|
+
<svg width="160" height="160" viewBox="0 0 160 160">
|
|
44
|
+
<!-- Hexagonal frame (engineering precision) with circular arrows inside -->
|
|
45
|
+
<polygon points="80,10 145,40 145,120 80,150 15,120 15,40" fill="none" stroke="#2E86DE" stroke-width="3"/>
|
|
46
|
+
<!-- Three circular arrows forming the "cycle" -->
|
|
47
|
+
<path d="M 80 40 A 40 40 0 0 1 115 80" fill="none" stroke="#D4A843" stroke-width="4" stroke-linecap="round"/>
|
|
48
|
+
<polygon points="118,76 112,86 108,75" fill="#D4A843"/>
|
|
49
|
+
<path d="M 115 80 A 40 40 0 0 1 65 115" fill="none" stroke="#D4A843" stroke-width="4" stroke-linecap="round"/>
|
|
50
|
+
<polygon points="62,112 68,120 58,120" fill="#D4A843"/>
|
|
51
|
+
<path d="M 65 115 A 40 40 0 0 1 80 40" fill="none" stroke="#D4A843" stroke-width="4" stroke-linecap="round"/>
|
|
52
|
+
<polygon points="77,37 83,47 73,47" fill="#D4A843"/>
|
|
53
|
+
<!-- Center dot -->
|
|
54
|
+
<circle cx="80" cy="80" r="5" fill="#2E86DE"/>
|
|
55
|
+
</svg>
|
|
56
|
+
<h3>Concept 1: Hexagon Cycle</h3>
|
|
57
|
+
<p>Engineering hexagon (precision, nuts & bolts) with gold circular arrows (the cycle). Blue = technology. Gold = value creation.</p>
|
|
58
|
+
</div>
|
|
59
|
+
|
|
60
|
+
<!-- Concept 2: C² Monogram -->
|
|
61
|
+
<div class="card">
|
|
62
|
+
<svg width="160" height="160" viewBox="0 0 160 160">
|
|
63
|
+
<!-- Outer C (cycle) -->
|
|
64
|
+
<path d="M 110 35 A 55 55 0 1 0 110 125" fill="none" stroke="#2E86DE" stroke-width="6" stroke-linecap="round"/>
|
|
65
|
+
<!-- Inner C (CAD) — offset, gold -->
|
|
66
|
+
<path d="M 100 50 A 38 38 0 1 0 100 110" fill="none" stroke="#D4A843" stroke-width="5" stroke-linecap="round"/>
|
|
67
|
+
<!-- Arrow tip on outer C -->
|
|
68
|
+
<polygon points="114,30 106,40 116,43" fill="#2E86DE"/>
|
|
69
|
+
<!-- Small crosshair in center (CAD reference) -->
|
|
70
|
+
<line x1="72" y1="80" x2="88" y2="80" stroke="#8B9AB5" stroke-width="1.5"/>
|
|
71
|
+
<line x1="80" y1="72" x2="80" y2="88" stroke="#8B9AB5" stroke-width="1.5"/>
|
|
72
|
+
<circle cx="80" cy="80" r="2.5" fill="#D4A843"/>
|
|
73
|
+
</svg>
|
|
74
|
+
<h3>Concept 2: C² Monogram</h3>
|
|
75
|
+
<p>Two interlocking C's — one blue (cycle), one gold (CAD). Crosshair in center = precision engineering. The arrow = continuous cycle.</p>
|
|
76
|
+
</div>
|
|
77
|
+
|
|
78
|
+
<!-- Concept 3: Gear + Infinity -->
|
|
79
|
+
<div class="card">
|
|
80
|
+
<svg width="160" height="160" viewBox="0 0 160 160">
|
|
81
|
+
<!-- Simplified gear outline -->
|
|
82
|
+
<circle cx="80" cy="80" r="38" fill="none" stroke="#2E86DE" stroke-width="3"/>
|
|
83
|
+
<!-- Gear teeth (8 teeth, simplified) -->
|
|
84
|
+
<g stroke="#2E86DE" stroke-width="3" fill="none">
|
|
85
|
+
<line x1="80" y1="38" x2="80" y2="28"/>
|
|
86
|
+
<line x1="107" y1="49" x2="114" y2="42"/>
|
|
87
|
+
<line x1="118" y1="80" x2="128" y2="80"/>
|
|
88
|
+
<line x1="107" y1="111" x2="114" y2="118"/>
|
|
89
|
+
<line x1="80" y1="118" x2="80" y2="128"/>
|
|
90
|
+
<line x1="53" y1="111" x2="46" y2="118"/>
|
|
91
|
+
<line x1="42" y1="80" x2="32" y2="80"/>
|
|
92
|
+
<line x1="53" y1="49" x2="46" y2="42"/>
|
|
93
|
+
</g>
|
|
94
|
+
<!-- Infinity/cycle symbol inside -->
|
|
95
|
+
<path d="M 62 80 C 62 68, 78 68, 80 80 C 82 92, 98 92, 98 80 C 98 68, 82 68, 80 80 C 78 92, 62 92, 62 80" fill="none" stroke="#D4A843" stroke-width="3.5" stroke-linecap="round"/>
|
|
96
|
+
</svg>
|
|
97
|
+
<h3>Concept 3: Gear + Infinity</h3>
|
|
98
|
+
<p>Gear = mechanical engineering. Gold infinity loop inside = the never-ending cycle. Machines creating machines, forever.</p>
|
|
99
|
+
</div>
|
|
100
|
+
|
|
101
|
+
<!-- Concept 4: Wordmark -->
|
|
102
|
+
<div class="card">
|
|
103
|
+
<svg width="280" height="80" viewBox="0 0 280 80">
|
|
104
|
+
<text x="10" y="55" font-family="Inter, sans-serif" font-weight="900" font-size="48" fill="#2E86DE">cycle</text>
|
|
105
|
+
<text x="160" y="55" font-family="Inter, sans-serif" font-weight="900" font-size="48" fill="#D4A843">CAD</text>
|
|
106
|
+
<!-- Small circular arrow accent on the 'e' -->
|
|
107
|
+
<circle cx="148" cy="40" r="8" fill="none" stroke="#D4A843" stroke-width="2"/>
|
|
108
|
+
<polygon points="153,35 150,41 156,40" fill="#D4A843"/>
|
|
109
|
+
</svg>
|
|
110
|
+
<h3>Concept 4: Split Wordmark</h3>
|
|
111
|
+
<p>"cycle" in blue, "CAD" in gold. Clean, bold, reads instantly. Small gold cycle arrow bridges the two words. Works at any size.</p>
|
|
112
|
+
</div>
|
|
113
|
+
|
|
114
|
+
<!-- Concept 5: Abstract Triangle/Delta -->
|
|
115
|
+
<div class="card">
|
|
116
|
+
<svg width="160" height="160" viewBox="0 0 160 160">
|
|
117
|
+
<!-- Triangle pointing up = build / create -->
|
|
118
|
+
<polygon points="80,25 135,125 25,125" fill="none" stroke="#2E86DE" stroke-width="3" stroke-linejoin="round"/>
|
|
119
|
+
<!-- Three rotating arrows along triangle edges (gold) -->
|
|
120
|
+
<circle cx="80" cy="80" r="28" fill="none" stroke="#D4A843" stroke-width="3" stroke-dasharray="18,12" stroke-linecap="round">
|
|
121
|
+
<animateTransform attributeName="transform" type="rotate" from="0 80 80" to="360 80 80" dur="8s" repeatCount="indefinite"/>
|
|
122
|
+
</circle>
|
|
123
|
+
<!-- Center: small triangle (delta = change) -->
|
|
124
|
+
<polygon points="80,68 92,92 68,92" fill="#D4A843" opacity="0.8"/>
|
|
125
|
+
</svg>
|
|
126
|
+
<h3>Concept 5: Delta Cycle</h3>
|
|
127
|
+
<p>Triangle = creation, building upward. Rotating gold ring = the cycle. Inner delta = change, iteration. Dynamic and forward-looking.</p>
|
|
128
|
+
</div>
|
|
129
|
+
|
|
130
|
+
<!-- Concept 6: Recommended — on light background -->
|
|
131
|
+
<div class="card light-bg">
|
|
132
|
+
<svg width="240" height="100" viewBox="0 0 240 100">
|
|
133
|
+
<!-- Icon mark -->
|
|
134
|
+
<circle cx="40" cy="50" r="28" fill="none" stroke="#2E86DE" stroke-width="3"/>
|
|
135
|
+
<path d="M 25 50 A 15 15 0 0 1 55 50" fill="none" stroke="#D4A843" stroke-width="3" stroke-linecap="round"/>
|
|
136
|
+
<polygon points="57,47 53,54 59,53" fill="#D4A843"/>
|
|
137
|
+
<path d="M 55 50 A 15 15 0 0 1 25 50" fill="none" stroke="#D4A843" stroke-width="3" stroke-linecap="round"/>
|
|
138
|
+
<polygon points="23,53 27,46 21,47" fill="#D4A843"/>
|
|
139
|
+
<circle cx="40" cy="50" r="4" fill="#2E86DE"/>
|
|
140
|
+
<!-- Wordmark -->
|
|
141
|
+
<text x="78" y="60" font-family="Inter, sans-serif" font-weight="900" font-size="32" fill="#0A1628">cycle</text>
|
|
142
|
+
<text x="178" y="60" font-family="Inter, sans-serif" font-weight="900" font-size="32" fill="#D4A843">CAD</text>
|
|
143
|
+
</svg>
|
|
144
|
+
<h3 style="color:#0A1628;">Recommended: Icon + Wordmark (Light)</h3>
|
|
145
|
+
<p>Works on light backgrounds. Gold cycle arrows in blue circle = brand mark. Pairs with split wordmark. Versatile across print, web, and slides.</p>
|
|
146
|
+
</div>
|
|
147
|
+
|
|
148
|
+
</div>
|
|
149
|
+
|
|
150
|
+
<!-- Color Palette -->
|
|
151
|
+
<div style="text-align:center; margin-top:4rem;">
|
|
152
|
+
<h2 style="margin-bottom:0.5rem;">Gold + Blue Palette</h2>
|
|
153
|
+
<p class="subtitle">The new cycleCAD identity — premium, trustworthy, bold</p>
|
|
154
|
+
<div class="palette">
|
|
155
|
+
<div class="swatch" style="background:#0A1628; color:#8B9AB5; border:1px solid #1A2D50;">Deep Navy<br/>#0A1628</div>
|
|
156
|
+
<div class="swatch" style="background:#122240; color:#8B9AB5;">Dark Blue<br/>#122240</div>
|
|
157
|
+
<div class="swatch" style="background:#2E86DE; color:#FFF;">Royal Blue<br/>#2E86DE</div>
|
|
158
|
+
<div class="swatch" style="background:#D4A843; color:#0A1628;">Gold<br/>#D4A843</div>
|
|
159
|
+
<div class="swatch" style="background:#E8963A; color:#0A1628;">Amber<br/>#E8963A</div>
|
|
160
|
+
<div class="swatch" style="background:#8B6FC0; color:#FFF;">Purple<br/>#8B6FC0</div>
|
|
161
|
+
<div class="swatch" style="background:#3AAFA9; color:#0A1628;">Teal<br/>#3AAFA9</div>
|
|
162
|
+
<div class="swatch" style="background:#F0F0E8; color:#0A1628;">Cream<br/>#F0F0E8</div>
|
|
163
|
+
</div>
|
|
164
|
+
</div>
|
|
165
|
+
|
|
166
|
+
</body>
|
|
167
|
+
</html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cyclecad",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.8",
|
|
4
4
|
"description": "Browser-based parametric 3D CAD modeler with AI-powered tools, native Inventor file parsing, and smart assembly management. No install required.",
|
|
5
5
|
"main": "index.html",
|
|
6
6
|
"scripts": {
|
|
Binary file
|