Skip to content

Commit f140320

Browse files
committed
Added alt-text as per Hank's suggestion
1 parent 4f14d8b commit f140320

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

site_collections/_posts/2025-05-27-new-website-launched.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,14 +24,14 @@ Our goal was to create a website for Natron that was modern and professional. He
2424

2525
{% include news-img.html
2626
img="website-launch/website-artboards-1.png"
27-
alt=""
27+
alt="A showcase of artboards used during the design process for the new website"
2828
%}
2929

3030
Tailwind's [Typography plugin](https://github.com/tailwindlabs/tailwindcss-typography) and the [ElementaryOS blog](https://blog.elementary.io/) proved to be valuable sources for typography inspiration. We ultimately chose [Inter](https://rsms.me/inter/), a professional and versatile typeface with an extensive set of glyphs and support for advanced OpenType features. To give the website a distinctive look-and-feel, we incorporated glowing links, high-contrast colors, and vibrant gradients, which became integral to our core design language. A dark theme was chosen, inspired by Natron's purpose-designed UI dark theme, which is common for VFX work usually accomplished in dark rooms. Content was, inspired from what worked in the old website, such as a grid layout for the homepage features list.
3131

3232
{% include news-img.html
3333
img="website-launch/website-artboards-2.png"
34-
alt=""
34+
alt="A showcase of design artboards side-by-side with references from Tailwind and ElementaryOS"
3535
%}
3636

3737
As is with most design projects, the scope narrowed over time from complex mock-ups loaded with visual elements down to increasingly streamlined designs. Focus was eventually set upon delivering content in a simple and elegant manner.
@@ -46,12 +46,12 @@ As soon as the design stage shifted towards web development, emphasis was put on
4646

4747
{% include news-img.html
4848
img="website-launch/design-system-1.png"
49-
alt=""
49+
alt="Visual showcase of the design system (part 1)"
5050
%}
5151

5252
{% include news-img.html
5353
img="website-launch/design-system-2.png"
54-
alt=""
54+
alt="Visual showcase of the design system (part 2)"
5555
%}
5656

5757
This also meant that a unified repository of reusable UI components were readily accessible for quick mock-ups and prototypes for future additions to the website. Standardization and a component-based workflow were central towards making the design process as efficient as possible.

0 commit comments

Comments
 (0)