Skip to content

Commit 593a89f

Browse files
authored
Update content throughout the website (#3252)
1 parent 3cfaccc commit 593a89f

File tree

10 files changed

+86
-64
lines changed

10 files changed

+86
-64
lines changed

website/content/_index.md

Lines changed: 29 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -153,6 +153,28 @@ meta_description = "Open source free software. A vector graphics creativity suit
153153
</div>
154154
</section>
155155
<!-- ▙ SCREENSHOTS ▟ -->
156+
<!-- -->
157+
<!-- ▛ WHAT'S NEW ▜ -->
158+
<section id="what-is-new" class="block">
159+
160+
<div class="block">
161+
162+
## What's new?
163+
164+
The latest major update is out now! See what the team has been cooking up recently:
165+
166+
<div class="block video-container">
167+
<div>
168+
<div class="youtube-embed aspect-16x9">
169+
<img data-youtube-embed="Vl5BA4g3QXM" loading="lazy" src="https://static.graphite.rs/content/index/video-september-025-update.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="September Update - Graphite, the Open Source 2D Graphics Suite" />
170+
</div>
171+
</div>
172+
</div>
173+
174+
</div>
175+
176+
</section>
177+
<!-- ▙ WHAT'S NEW ▟ -->
156178
<!-- -->
157179
<!-- ▛ OVERVIEW ▜ -->
158180
<section id="overview" class="feature-box-outer">
@@ -167,7 +189,7 @@ meta_description = "Open source free software. A vector graphics creativity suit
167189
<div class="diptych sizzle-video">
168190
<div class="block text">
169191

170-
Starting life as a vector editor, Graphite is evolving into a generalized, all-in-one graphics toolbox that's built more like a game engine than a conventional creative app. The editor's tools wrap its node graph core, providing user-friendly workflows for vector, raster, animation, and beyond.
192+
Starting life as a vector editor, Graphite is evolving into a general-purpose, all-in-one graphics toolbox that is built more like a game engine than a conventional creative app. The editor's tools wrap its node graph core, providing user-friendly workflows for vector, raster, animation, and beyond.
171193

172194
<a href="https://editor.graphite.rs" class="button arrow">Start creating</a>
173195

@@ -277,7 +299,7 @@ Presently, Graphite is a lightweight offline web app with features primarily ori
277299

278300
## Desktop-first and web-ready
279301

280-
Where's the download? The web app is [currently live](https://editor.graphite.rs) and desktop apps for Windows, Mac, and Linux should be available in 2025.
302+
Where's the download? The web app is [currently live](https://editor.graphite.rs) and desktop apps for Windows, Mac, and Linux will be available in Q4 2025.
281303

282304
Graphite is designed principally as a professional desktop application that is also accessible in a browser for quick access from anywhere. It's built for speed with (nearly) no JavaScript. And regardless of platform, it runs locally and privately on your own hardware— there is no server.
283305

@@ -290,7 +312,7 @@ Graphite's code architecture is structured to deliver true native performance fo
290312
</div>
291313
</section>
292314
<!-- ▙ OVERVIEW ▟ -->
293-
<!-- -->
315+
<!-- -->
294316
<!-- ▛ DONATE ▜ -->
295317
<section id="donate" class="block">
296318

@@ -376,15 +398,15 @@ Graphite's representation of artwork as a node graph lets you customize, compose
376398
<div class="feature-icons four-wide">
377399
<div class="feature-icon">
378400
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
379-
<span class="balance-text">Infinitely pan and zoom, export any resolution with no pixelation</span>
401+
<span class="balance-text">Infinitely pan and zoom; export any resolution with no pixelation</span>
380402
</div>
381403
<div class="feature-icon">
382404
<img class="atlas" style="--atlas-index: 2" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
383-
<span class="balance-text">Modular node-based pipelines for generative AI <em>(future)</em></span>
405+
<span class="balance-text">Build workflows to mix AI and human-authored content <em>(future)</em></span>
384406
</div>
385407
<div class="feature-icon">
386408
<img class="atlas" style="--atlas-index: 11" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
387-
<span class="balance-text">Asset pipelines for studio production environments <em>(future)</em></span>
409+
<span class="balance-text">Deploy asset pipelines in studio production environments <em>(future)</em></span>
388410
</div>
389411
</div>
390412

@@ -475,7 +497,7 @@ Get started with Graphite by following along to a hands-on quickstart tutorial.
475497
<div class="block video-container">
476498
<div>
477499
<div class="youtube-embed aspect-16x9">
478-
<img data-youtube-embed="7gjUhl_3X10" loading="lazy" src="https://static.graphite.rs/content/index/tutorial-1-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
500+
<img data-youtube-embed="7gjUhl_3X10" loading="lazy" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector Art Quickstart - Graphite, the Open Source 2D Graphics Suite" />
479501
</div>
480502
</div>
481503
</div>

website/content/about.md

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -31,16 +31,14 @@ The idea for Graphite began with a desire to create artwork and edit photos usin
3131

3232
Graphite strives to unshackle the creativity of every budding artist and seasoned professional by building the best comprehensive art and design tool that's accessible to all.
3333

34-
Mission success will come when Graphite is an industry standard. A cohesive product vision and focus on innovation over imitation is the strategy that will make that possible.
34+
Mission success will come when Graphite is an industry standard. A cohesive product vision and a focus on innovation over imitation is the strategy that will make that possible.
3535

3636
</div>
3737
<div class="block">
3838

39-
## Funding
39+
## Organization
4040

41-
Graphite is beholden to no investors and will always be free and open source. The project's [founder](#keavon) has been personally funding the organization's expenses and working full-time to bring the project to life. He asks for [your support](/donate) bearing some of the costs.
42-
43-
Later on, donations will be supplemented by revenue from operating an asset marketplace for user-created procedural content.
41+
Graphite is fully funded by its community and beholden to no investors, ensuring it remains free and open source forever. The organization, *Graphite Labs, LLC*, is owned and controlled solely by the project's founder. Future nonprofit foundation status is being explored, but that administrative complexity is not yet justified. All revenue is being reinvested into the project, with aims to employ full-time developers once funding reaches sustainable levels.
4442

4543
</div>
4644

@@ -138,15 +136,15 @@ Dennis is a mix between a mathematician and a mad scientist. While still enjoyin
138136
</div>
139137
<div class="diptych">
140138

141-
<div class="block" id="hypercube">
139+
<div class="block" id="timon">
142140

143-
<img src="https://static.graphite.rs/content/about/core-team-photo-hypercube__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Photo of Hypercube" />
141+
<img src="https://static.graphite.rs/content/about/core-team-photo-timon-schelling.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Photo of Timon Schelling" />
144142

145-
## "Hypercube" <span class="handle">(@0Hypercube)</span> <img src="https://static.graphite.rs/icons/flags/gb.png" class="flag" title="British" />
143+
## Timon Schelling <span class="handle">(@timon-schelling)</span> <img src="https://static.graphite.rs/icons/flags/de.png" class="flag" title="German" />
146144

147-
***Editor systems, nodes, tools, architecture***
145+
***Desktop application engineering***
148146

149-
"Hypercube" is a light speed code monkey who excels at developing, refactoring, and maintaining the editor codebase. With an unmatched ability to comprehend intricate code, he delivers lasting and efficient solutions at an impressive pace. He takes ownership of many central editor systems including tools, typography, transforms, layers, and node graph integration.
147+
Timon believes open source tools are essential to grant digital artists freedom in access, creativity, and expression. He builds and maintains Graphite's native desktop app, ensuring its polish, reliability, and cross-platform consistency. Drawn to Graphite by its vision of procedural, nondestructive, expansive 2D art tools, he works to make that vision usable by as many people as possible.
150148

151149
</div>
152150

website/content/blog/2024-01-01-looking-back-on-2023-and-what's-next.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ The next big news of August was my formation of [Graphite Labs, LLC](https://www
9494
I allocated my time at several points throughout the year into growing and evolving this website with a refreshed and more visually-appealing home page, dedicated pages for information [about](/about) the project and its [features](/features), an area providing resources and help for [volunteers](/volunteer) and [code contributors](/volunteer/guide), and just this month— a [user manual](/learn) complete with an introductory tutorial series. The first video went up yesterday:
9595

9696
<div class="youtube-embed aspect-16x9">
97-
<img data-youtube-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
97+
<img data-youtube-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector Art Quickstart - Graphite, the Open Source 2D Graphics Suite" />
9898
</div>
9999

100100
The user manual and tutorial series will continue expanding throughout the coming weeks. Additional website features including user accounts, forums, and other community features are being planned.

website/content/features.md

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -136,41 +136,33 @@ Marrying vector and raster under one roof enables both art forms to complement e
136136
<img class="atlas" style="--atlas-index: 48" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
137137
<span>Robust vector mesh editing/rendering</span>
138138
</div>
139+
<div class="feature-icon ongoing" title="Development Ongoing">
140+
<img class="atlas" style="--atlas-index: 43; transform: rotate(90deg)" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
141+
<span>Automatic image trace vectorization</span>
142+
</div>
139143
<div class="feature-icon">
140144
<img class="atlas" style="--atlas-index: 41" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
141145
<span>Timeline panel for animation curves</span>
142146
</div>
143-
<div class="feature-icon">
144-
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
145-
<span>Custom attributes for table data</span>
146-
</div>
147-
<div class="feature-icon">
148-
<img class="atlas" style="--atlas-index: 57" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
149-
<span>Signed distance field rendering</span>
150-
</div>
151147
<div class="feature-icon">
152148
<img class="atlas" style="--atlas-index: 40" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
153149
<span>Simplified main properties panel</span>
154150
</div>
155151
<div class="feature-icon">
156-
<img class="atlas" style="--atlas-index: 43; transform: rotate(90deg)" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
157-
<span>Automatic image trace vectorization</span>
158-
</div>
159-
<div class="feature-icon">
160-
<img class="atlas" style="--atlas-index: 5" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
161-
<span>Brush tool rewrite</span>
152+
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
153+
<span>Custom attributes for table data</span>
162154
</div>
163155
<div class="feature-icon">
164-
<img class="atlas" style="--atlas-index: 54" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
165-
<span>Local file browser for saving/loading</span>
156+
<img class="atlas" style="--atlas-index: 57" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
157+
<span>Signed distance field rendering</span>
166158
</div>
167159
<div class="feature-icon">
168160
<img class="atlas" style="--atlas-index: 53" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
169161
<span>Local fonts access</span>
170162
</div>
171163
<div class="feature-icon">
172-
<img class="atlas" style="--atlas-index: 56" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
173-
<span>Variable color swatches</span>
164+
<img class="atlas" style="--atlas-index: 54" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
165+
<span>Local file browser for saving/loading</span>
174166
</div>
175167
<div class="feature-icon">
176168
<img class="atlas" style="--atlas-index: 18" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
@@ -188,10 +180,22 @@ Marrying vector and raster under one roof enables both art forms to complement e
188180
<div class="feature-icon heading">
189181
<h3>— Beta —</h3>
190182
</div>
183+
<div class="feature-icon">
184+
<img class="atlas" style="--atlas-index: 56" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
185+
<span>Variable color swatches</span>
186+
</div>
191187
<div class="feature-icon">
192188
<img class="atlas" style="--atlas-index: 52" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
193189
<span>Command palette and context menus</span>
194190
</div>
191+
<div class="feature-icon">
192+
<img class="atlas" style="--atlas-index: 28" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
193+
<span>Physical units of measure</span>
194+
</div>
195+
<div class="feature-icon">
196+
<img class="atlas" style="--atlas-index: 5" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
197+
<span>Brush tool rewrite</span>
198+
</div>
195199
<div class="feature-icon">
196200
<img class="atlas" style="--atlas-index: 43" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
197201
<span>Stylus and touch interaction</span>
@@ -220,6 +224,10 @@ Marrying vector and raster under one roof enables both art forms to complement e
220224
<img class="atlas" style="--atlas-index: 39" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
221225
<span>Offline edit resolution with CRDTs</span>
222226
</div>
227+
<div class="feature-icon">
228+
<img class="atlas" style="--atlas-index: 22" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
229+
<span>History brush and clone stamp tools</span>
230+
</div>
223231
<div class="feature-icon">
224232
<img class="atlas" style="--atlas-index: 34" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
225233
<span>Asset libraries and node marketplace</span>
@@ -245,24 +253,20 @@ Marrying vector and raster under one roof enables both art forms to complement e
245253
<span>Liquify and warp transforms</span>
246254
</div>
247255
<div class="feature-icon">
248-
<img class="atlas" style="--atlas-index: 32" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
249-
<span>PDF, EPS, AI, DXF, PSD, and TIFF</span>
256+
<img class="atlas" style="--atlas-index: 31" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
257+
<span>Advanced typography and typesetting</span>
250258
</div>
251259
<div class="feature-icon">
252-
<img class="atlas" style="--atlas-index: 33" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
253-
<span>HDR and WCG color handling</span>
260+
<img class="atlas" style="--atlas-index: 32" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
261+
<span>PDF, EPS, AI, DXF, PSD, and TIFF</span>
254262
</div>
255263
<div class="feature-icon">
256264
<img class="atlas" style="--atlas-index: 55" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
257-
<span>CMYK and other color spaces</span>
265+
<span>CMYK, spot color, and ICC profiles</span>
258266
</div>
259267
<div class="feature-icon">
260-
<img class="atlas" style="--atlas-index: 31" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
261-
<span>Advanced typography and typesetting</span>
262-
</div>
263-
<div class="feature-icon">
264-
<img class="atlas" style="--atlas-index: 22" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
265-
<span>Frozen-in-time graph references</span>
268+
<img class="atlas" style="--atlas-index: 33" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
269+
<span>HDR and WCG color handling</span>
266270
</div>
267271
<!-- 1.0 Release -->
268272
<div class="feature-icon heading">
@@ -288,10 +292,6 @@ Marrying vector and raster under one roof enables both art forms to complement e
288292
<img class="atlas" style="--atlas-index: 11" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
289293
<span>Infinite generative vector patterns</span>
290294
</div>
291-
<div class="feature-icon">
292-
<img class="atlas" style="--atlas-index: 28" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
293-
<span>Construction geometry mode</span>
294-
</div>
295295
<div class="feature-icon">
296296
<img class="atlas" style="--atlas-index: 29" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
297297
<span>CAD style constraint relationships</span>

website/content/learn/_index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,8 @@ If you're ever stuck or confused, ask your questions in the `#🧭user-help` cha
2525

2626
<!-- If you're eager to skip the reading, head straight to the [hands-on quickstart video](./introduction) in the next chapter for a beginner project walkthrough you can follow along with. -->
2727

28-
The fastest way to get started is to watch and follow along steps-by-step in the hands-on quickstart video:
28+
The fastest way to get started is to watch and follow along steps-by-step in the hands-on quickstart tutorial:
2929

3030
<div class="youtube-embed aspect-16x9">
31-
<img data-youtube-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
31+
<img data-youtube-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector Art Quickstart - Graphite, the Open Source 2D Graphics Suite" />
3232
</div>

website/content/learn/introduction/_index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ One is available now, and more will be released on a regular basis throughout ea
2222
<!-- You can follow along with this starter project either by watching the tutorial video or referencing the step-by-step breakdown. -->
2323

2424
<div class="youtube-embed aspect-16x9">
25-
<img data-youtube-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
25+
<img data-youtube-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector Art Quickstart - Graphite, the Open Source 2D Graphics Suite" />
2626
</div>
2727

2828
### Video 2

0 commit comments

Comments
 (0)