G

P

Build docs that feel different

Most JavaScript documentation looks similar.
We wanted to change that.

Attributes is no-code implementation of JavaScript solutions — how do we reflect this when designing the documentation?

Visual documentation

Each attribute of each solution has an accordion dropdown with

- Simple action-based language.
- Written explanation of the setup.
- Visual screenshot or mp4 of the setup.

Branding

Following Finsweet's keyboard character logo selection, Attributes reserved the quote mark. This represents the quotation character used when adding attributes to an HTML element.

The entire Attributes library is featured on the homepage with the ability to search and filter through solutions.
Educational resources for implementations. Search and filter through keywords and categories.

Automated support, human support

We built an ASS (Automated Support Service) landing page for debugging Attributes implementations.

Before

After

Webflow website development