Skip to content

Commit d7a271f

Browse files
committed
Update the website roadmap and other details
1 parent 3b503cc commit d7a271f

File tree

6 files changed

+146
-113
lines changed

6 files changed

+146
-113
lines changed

website/content/_index.md

Lines changed: 24 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,10 @@ js = ["image-interaction.js", "video-embed.js"]
4343
<img src="https://static.graphite.rs/icons/discord__2.svg" alt="Discord" />
4444
</a>
4545
<a href="https://www.reddit.com/r/graphite/" target="_blank">
46-
<img src="https://static.graphite.rs/icons/reddit__2.svg" alt="Reddit" />
46+
<img src="https://static.graphite.rs/icons/reddit__3.svg" alt="Reddit" />
47+
</a>
48+
<a href="https://bsky.app/profile/graphiteeditor.bsky.social" target="_blank">
49+
<img src="https://static.graphite.rs/icons/bluesky.svg" alt="Bluesky" />
4750
</a>
4851
<a href="https://twitter.com/graphiteeditor" target="_blank">
4952
<img src="https://static.graphite.rs/icons/twitter.svg" alt="Twitter" />
@@ -141,7 +144,7 @@ js = ["image-interaction.js", "video-embed.js"]
141144
<div class="screenshot-description">
142145

143146
<p data-carousel-description class="active">
144-
<a href="https://editor.graphite.rs/#demo/painted-dreams"><em>Painted Dreams</em></a> — Made using nondestructive boolean operations and procedural dot patterns
147+
<a href="https://editor.graphite.rs/#demo/painted-dreams"><em>Painted Dreams</em></a> — Made using nondestructive boolean operations and procedural polka dot patterns
145148
</p>
146149
<p data-carousel-description>
147150
Design for a magazine spread, a preview of the upcoming focus on desktop publishing
@@ -201,14 +204,14 @@ Stop jumping between programs— upcoming tools will make Graphite a first-class
201204
<img class="atlas" style="--atlas-index: 14" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
202205
<span>Digital Painting</span>
203206
</div>
204-
<div class="feature-icon">
205-
<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
206-
<span>VFX Compositing</span>
207-
</div>
208207
<div class="feature-icon">
209208
<img class="atlas" style="--atlas-index: 15" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
210209
<span>Desktop Publishing</span>
211210
</div>
211+
<div class="feature-icon">
212+
<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
213+
<span>VFX Compositing</span>
214+
</div>
212215
</div>
213216

214217
</div>
@@ -272,11 +275,11 @@ Presently, Graphite is a lightweight offline web app with features primarily ori
272275

273276
## Desktop-first and web-ready
274277

275-
Graphite is designed principally as a desktop-grade professional application that is also accessible in-browser for fast, casual usage.
278+
Graphite is designed principally as a professional-grade desktop application that is also accessible in-browser for quick, casual usage.
276279

277-
Where's the download? Desktop apps for Windows, Mac, and Linux should be available later in 2024. Until then, you can <a href="https://support.google.com/chrome/answer/9658361" target="_blank">install it as a PWA</a>.
280+
Where's the download? Windows, Mac, and Linux apps should be available around the end of 2024. Until then, you can <a href="https://support.google.com/chrome/answer/9658361" target="_blank">install it as a PWA</a>.
278281

279-
Developing and maintaining a native app on four platforms is a big task. To not compromise on the optimal desktop experience—which takes longer to do the right way—priorities called for initially supporting just web, the one platform that stays up-to-date and reaches all devices.
282+
Developing and maintaining a native app on so many platforms is a big task. A fast, sloppy approach wouldn't cut it, but engineering the right tech takes time. That's why first supporting just web, the one platform that stays up-to-date and reaches all devices, was the initial priority.
280283

281284
Once it's ready to shine, Graphite's code architecture is structured to deliver native performance for your graphically intensive workloads on desktop platforms and very low overhead on the web thanks to WebAssembly and WebGPU, new high-performance browser technologies.
282285

@@ -296,7 +299,7 @@ Once it's ready to shine, Graphite's code architecture is structured to deliver
296299

297300
---
298301

299-
Graphite is the first and only graphic design package built for procedural editing — where everything is nondestructive.
302+
Graphite is the first and only graphic design package built for procedural editing — where everything you make is nondestructive.
300303

301304
</div>
302305

@@ -311,7 +314,7 @@ Graphite is the first and only graphic design package built for procedural editi
311314

312315
<div class="block description">
313316

314-
<h1 class="feature-box-header balance-text">Explore more creative avenues</h1>
317+
<h1 class="feature-box-header balance-text">Explore creative possibilities</h1>
315318

316319
Save hours on tedious alterations and make better creative choices. Graphite lets you iterate rapidly by adjusting node parameters instead of individual elements.
317320

@@ -350,7 +353,7 @@ Blend across color schemes. Morph shapes before they're scattered around the can
350353

351354
## Geared for generative pipelines
352355

353-
Graphite's representation of artwork as a node graph lets you customize, compose, reuse, share, and automate your own content workflows:
356+
Graphite's representation of artwork as a node graph lets you customize, compose, reuse, share, and automate your content workflows:
354357

355358
<div class="feature-icons four-wide">
356359
<div class="feature-icon">
@@ -380,7 +383,7 @@ Graphite's representation of artwork as a node graph lets you customize, compose
380383

381384
## Support the mission
382385

383-
If you aren't paying for your free software, someone else is covering your share. Chip in so Graphite remains sustainable and independent.
386+
If you aren't paying for your free software, someone else is covering your share. Chip in so Graphite can remain sustainable and independent.
384387

385388
<a href="https://github.com/sponsors/GraphiteEditor" class="button arrow">Donate</a>
386389

@@ -399,7 +402,7 @@ If you aren't paying for your free software, someone else is covering your share
399402

400403
<h1 class="feature-box-header">Stay in the loop</h1>
401404

402-
Subscribe to the newsletter for quarterly updates on major development progress. And follow alongor join the conversationon social media.
405+
Subscribe to the newsletter for quarterly updates on major development progress. And follow along, or join the conversation, on social media.
403406

404407
<div class="newsletter-success">
405408

@@ -436,12 +439,16 @@ You'll receive your first newsletter email with the next major Graphite news.
436439
<span class="link not-uppercase arrow">Discord</span>
437440
</a>
438441
<a href="https://www.reddit.com/r/graphite/" target="_blank">
439-
<img src="https://static.graphite.rs/icons/reddit__2.svg" alt="Reddit" />
440-
<span class="link not-uppercase arrow">/r/Graphite</span>
442+
<img src="https://static.graphite.rs/icons/reddit__3.svg" alt="Reddit" />
443+
<span class="link not-uppercase arrow">Reddit</span>
444+
</a>
445+
<a href="https://bsky.app/profile/graphiteeditor.bsky.social" target="_blank">
446+
<img src="https://static.graphite.rs/icons/bluesky.svg" alt="Bluesky" />
447+
<span class="link not-uppercase arrow">Bluesky</span>
441448
</a>
442449
<a href="https://twitter.com/graphiteeditor" target="_blank">
443450
<img src="https://static.graphite.rs/icons/twitter.svg" alt="Twitter" />
444-
<span class="link not-uppercase arrow">@GraphiteEditor</span>
451+
<span class="link not-uppercase arrow">Twitter</span>
445452
</a>
446453
<a href="https://www.youtube.com/@GraphiteEditor" target="_blank">
447454
<img src="https://static.graphite.rs/icons/youtube.svg" alt="YouTube" />

website/content/features.md

Lines changed: 52 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -139,28 +139,16 @@ Always on the bleeding edge and built to last— Graphite is written on a robust
139139
</div>
140140
<div class="feature-icon ongoing" title="Development Ongoing">
141141
<img class="atlas" style="--atlas-index: 0" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
142-
<span>Imaginate (Stable Diffusion node/tool)</span>
142+
<span>Imaginate tool</span>
143143
</div>
144144
<div class="feature-icon ongoing" title="Development Ongoing">
145145
<img class="atlas" style="--atlas-index: 14" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
146146
<span>Infinitely zoomable/panable content</span>
147147
</div>
148-
<div class="feature-icon ongoing" title="Development Ongoing">
149-
<img class="atlas" style="--atlas-index: 19" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
150-
<span>Raw photo processing</span>
151-
</div>
152148
<div class="feature-icon ongoing" title="Development Ongoing">
153149
<img class="atlas" style="--atlas-index: 12" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
154150
<span>GPU-accelerated raster rendering</span>
155151
</div>
156-
<div class="feature-icon ongoing" title="Development Ongoing">
157-
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
158-
<span>Graph data attribute spreadsheets</span>
159-
</div>
160-
<div class="feature-icon">
161-
<img class="atlas" style="--atlas-index: 41" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
162-
<span>Timeline with animation channels</span>
163-
</div>
164152
<div class="feature-icon">
165153
<img class="atlas" style="--atlas-index: 7" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
166154
<span>Lightweight desktop app (with <a target="_blank" href="https://tauri.app/">Tauri</a>)</span>
@@ -169,6 +157,10 @@ Always on the bleeding edge and built to last— Graphite is written on a robust
169157
<div class="feature-icon heading" title="Expected to begin February 2025" data-year="2025">
170158
<h3>— Alpha 4 —</h3>
171159
</div>
160+
<div class="feature-icon">
161+
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
162+
<span>Graph data attribute spreadsheets</span>
163+
</div>
172164
<div class="feature-icon">
173165
<img class="atlas" style="--atlas-index: 54" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
174166
<span>Local file browser for saving/loading</span>
@@ -177,61 +169,77 @@ Always on the bleeding edge and built to last— Graphite is written on a robust
177169
<img class="atlas" style="--atlas-index: 53" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
178170
<span>Local fonts access</span>
179171
</div>
172+
<div class="feature-icon">
173+
<img class="atlas" style="--atlas-index: 41" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
174+
<span>Timeline with animation channels</span>
175+
</div>
176+
<div class="feature-icon">
177+
<img class="atlas" style="--atlas-index: 56" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
178+
<span>Variable color swatches</span>
179+
</div>
180+
<div class="feature-icon">
181+
<img class="atlas" style="--atlas-index: 52" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
182+
<span>Command palette and context menus</span>
183+
</div>
184+
<div class="feature-icon">
185+
<img class="atlas" style="--atlas-index: 19" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
186+
<span>Raw photo processing</span>
187+
</div>
180188
<div class="feature-icon">
181189
<img class="atlas" style="--atlas-index: 57" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
182190
<span>Signed distance fields</span>
183191
</div>
184192
<div class="feature-icon">
185-
<img class="atlas" style="--atlas-index: 5" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
186-
<span>Brush tool rewrite</span>
193+
<img class="atlas" style="--atlas-index: 43" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
194+
<span>Stylus and touch interaction</span>
187195
</div>
188196
<div class="feature-icon">
189-
<img class="atlas" style="--atlas-index: 56" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
190-
<span>Variable color swatches</span>
197+
<img class="atlas" style="--atlas-index: 5" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
198+
<span>Brush tool rewrite</span>
191199
</div>
192200
<div class="feature-icon">
193201
<img class="atlas" style="--atlas-index: 21" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
194202
<span>Select mode (marquee masking)</span>
195203
</div>
196-
<div class="feature-icon">
197-
<img class="atlas" style="--atlas-index: 52" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
198-
<span>Command palette and context menus</span>
199-
</div>
200204
<div class="feature-icon">
201205
<img class="atlas" style="--atlas-index: 24" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
202-
<span>Reconfigurable workspace panels</span>
206+
<span>Dockable workspace panels</span>
203207
</div>
204208
<div class="feature-icon">
205209
<img class="atlas" style="--atlas-index: 17" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
206210
<span>Stable document format</span>
207211
</div>
208-
<div class="feature-icon">
209-
<img class="atlas" style="--atlas-index: 4" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
210-
<span>Outliner panel (node graph tree view)</span>
212+
<!-- Beta -->
213+
<div class="feature-icon heading">
214+
<h3>— Beta —</h3>
211215
</div>
212216
<div class="feature-icon">
213-
<img class="atlas" style="--atlas-index: 50" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
214-
<span>Shape builder tool</span>
217+
<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
218+
<span>Code editor for custom nodes</span>
215219
</div>
216220
<div class="feature-icon">
217-
<img class="atlas" style="--atlas-index: 28" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
218-
<span>Guide mode (construction geometry)</span>
221+
<img class="atlas" style="--atlas-index: 22" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
222+
<span>Frozen-in-time graph references</span>
219223
</div>
220224
<div class="feature-icon">
221225
<img class="atlas" style="--atlas-index: 49" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
222226
<span>AI nodes and tools (e.g. magic wand)</span>
223227
</div>
224228
<div class="feature-icon">
225-
<img class="atlas" style="--atlas-index: 15" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
226-
<span>Hosted compile/render server</span>
229+
<img class="atlas" style="--atlas-index: 48" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
230+
<span>NURBS and mesh vector formats</span>
227231
</div>
228232
<div class="feature-icon">
229-
<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
230-
<span>Code editor for custom nodes</span>
233+
<img class="atlas" style="--atlas-index: 25" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
234+
<span>Liquify and non-affine transforms</span>
231235
</div>
232-
<!-- Beta -->
233-
<div class="feature-icon heading">
234-
<h3>— Beta —</h3>
236+
<div class="feature-icon">
237+
<img class="atlas" style="--atlas-index: 4" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
238+
<span>Outliner panel (node graph tree view)</span>
239+
</div>
240+
<div class="feature-icon">
241+
<img class="atlas" style="--atlas-index: 50" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
242+
<span>Shape builder tool</span>
235243
</div>
236244
<div class="feature-icon">
237245
<img class="atlas" style="--atlas-index: 23" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
@@ -241,21 +249,13 @@ Always on the bleeding edge and built to last— Graphite is written on a robust
241249
<img class="atlas" style="--atlas-index: 18" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
242250
<span>Document history management</span>
243251
</div>
244-
<div class="feature-icon">
245-
<img class="atlas" style="--atlas-index: 22" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
246-
<span>Frozen-in-time graph references</span>
247-
</div>
248252
<div class="feature-icon">
249253
<img class="atlas" style="--atlas-index: 27" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
250254
<span>Automation and batch processing</span>
251255
</div>
252256
<div class="feature-icon">
253-
<img class="atlas" style="--atlas-index: 48" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
254-
<span>NURBS and mesh vector formats</span>
255-
</div>
256-
<div class="feature-icon">
257-
<img class="atlas" style="--atlas-index: 25" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
258-
<span>Liquify and non-affine transforms</span>
257+
<img class="atlas" style="--atlas-index: 28" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
258+
<span>Construction geometry mode</span>
259259
</div>
260260
<div class="feature-icon">
261261
<img class="atlas" style="--atlas-index: 33" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
@@ -313,6 +313,10 @@ Always on the bleeding edge and built to last— Graphite is written on a robust
313313
<img class="atlas" style="--atlas-index: 36" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
314314
<span>Distributed graph rendering</span>
315315
</div>
316+
<div class="feature-icon">
317+
<img class="atlas" style="--atlas-index: 15" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
318+
<span>Cloud rendering accelerator service</span>
319+
</div>
316320
<div class="feature-icon">
317321
<img class="atlas" style="--atlas-index: 37" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
318322
<span>Cloud document storage</span>
@@ -327,19 +331,15 @@ Always on the bleeding edge and built to last— Graphite is written on a robust
327331
</div>
328332
<div class="feature-icon">
329333
<img class="atlas" style="--atlas-index: 46" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
330-
<span>SVG animation authorship</span>
334+
<span>Animated SVG creation</span>
331335
</div>
332336
<div class="feature-icon">
333337
<img class="atlas" style="--atlas-index: 42" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
334338
<span>Live video compositing</span>
335339
</div>
336-
<div class="feature-icon">
337-
<img class="atlas" style="--atlas-index: 43" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
338-
<span>Pen and touch-only interaction</span>
339-
</div>
340340
<div class="feature-icon">
341341
<img class="atlas" style="--atlas-index: 44" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
342-
<span>iPad app</span>
342+
<span>iPad app and keyboard-free controls</span>
343343
</div>
344344
<div class="feature-icon">
345345
<img class="atlas" style="--atlas-index: 47" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />

website/content/license.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ Graphite is open source software built by the community. The application is free
1313

1414
The source code [available on GitHub](https://github.com/GraphiteEditor/Graphite) (including the Graphite editor application, libraries, and other software materials) is provided under the Apache 2.0 license posted below, unless otherwise noted within the repository.
1515

16-
Visual assets, including but not limited to logos, icons, SVG code, branding imagery, and sample artwork are excluded from this license and held under copyright by their respective owners. Learn about the [Graphite brand](/logo) for more information.
16+
Visual assets, including but not limited to brand graphics, logos, fonts, icon sets, SVG data, and sample artworks are excluded from this code license and held under copyright by their respective owners. Derivative works must substitute these assets before distributing modified releases of the software. This protects the integrity of the [brand](/logo) and encourages the community to [contribute](/volunteer) back to the official project instead of fragmenting the ecosystem.
1717

1818
---
1919

0 commit comments

Comments
 (0)