Components

These are the definitions for UI elements inside our designs and implementations. Create definitions here to help ease communication across our design and engineering team.

Design Methodology

There are various design principles that our team has learned over the years.

CLI Design Principles

These are the philosophical approaches behind our CLI design Our CLI is a command known as seed which will be available from your terminal, and usable by agents with "skills" Self Documenting Simple Flexible Markdown First Compatible Workflows Cautious Workflows Compliant Workflows

This embedded document has been deleted

Product Map

We identify two personas: community organizer or site owner, and member or collaborator. Activities (to understand what an Activity is go here)

A Methodology for User Interface Design

by Charles Irby and Linda Bergsteinsson, ITG Systems Development Division Thomas Moran, William Newman and Larry Tesler, Palo Alto Research Center JANUARY 1977 Preface Introduction Task Analysis The Three Components of the User Interface The Design Process Conclusion References

Inspiration

Whimsical

https://whimsical.com/blog/building-the-whimsical-text-editor-part-1 https://whimsical.com/blog/building-the-whimsical-text-editor-part-2 Discussions Mentions I like how compact is the Block Bar Permissions

Onboarding Inspiration: Complete setup steps

I recently created a Buffer account and after I finish the onboarding they render this on the bottom right corner: I believe we can do something similar to make sure our users understand the most important features in the system:

Documentation

Understanding the Vault to design better

Goals, concepts, scenarios and how to treat this in terms of UX.

Content block system

Creates a consistent visual rhythm and hierarchy across all document types, without requiring the editor to think about spacing or layout.