Goals

Introductory information about project scope and goals

Goals

Promote internal collaboration, providing shared conventions and documentation.

Facilitate potential work with external vendors.

Guarantee the a baseline on web accessibility and standards.

Free time from scaffolding to focus on creativity and innovation.

These objectives closely reflect our company culture, which prioritises collaboration and inclusion, and align with our department's goal to develop products that establish us as innovators and effective media partners for our clients.

Guidelines

Simplicity, to allow for maximum flexibility and creativity.

Solid defaults, in terms of code quality, accessibility and performance.

Modularity, to allow code reuse amongst projects.

Documentation, for internal use, for new or external developers.

Paid Posts are very often unique and they don’t follow an established design language. Therefore, we don’t need a design system like approach, but a series of strong defaults and implementations specific to our publishing workflow.

This could change in the future and we could explore with the design team to how to add a more coherent design language, if needed.

Inspiration

Many teams adopted a similar stack for the creation of interactive news pages or data visualisation.

The New York Times Interactive News team moved to a

Sveltekit-based setup⁠

to develop and publish the pages that inspire a lot of our branded content. See the best visual stories from

2019⁠

2020⁠

2021⁠

and

2022⁠

. In addition, Svelte is used for many interactive components of the company website, and Svelte itself has been developed internally for a long time.

Reuters Graphics has open-sourced their

toolkit⁠

based on Svelte.

The Pudding has open-sourced their

starter kit⁠

based on Svelte.

Der Spiegel Graphics open-sourced part of its Svelte

components⁠

and

actions⁠

used in their data stories.

... more to come?