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.

Private Document

Datetime

Description We also have relative date and formatted date.

Subscriptions List

Card

Add icons for how many comments and citations have been made to this document. I only saw relevant to add metadata for comments and link mentions, but not for history. If we want to have the historical activity as well, we can add it. Cards Query block Cards and Lists

Site Header

The site header is the main navigation unit for a site. It is inside the publication box, which means it appears on web and desktop app.

Email Templates

Verification email Welcome Login confirmation New comment on document New discussion created New mention

Site Feed

Latest Designs Once in the site feed user will be able to see the latest activity for all sit e documents (new documents created, documents updated, citation and commenting) Document Creation Card Document Update Card Citation Card Commenting Card Threading If someone where to reply to this initial discussion, a second card would a appear on the feed with the threaded conversation. giving context to this new message that has been crated (Isabella's message). This is made taking into account that this feed will hold the conversations and activities for several documents within a site. If the user where to make a new reply to that reply (Gabo makes a reply to Isabella's reply) then a new card will appear showing the the new comment with its parent. And if someone wants to open the thread by clicking on it they will be able to see the threaded discussion similar to how X does it. It will open the thread depending on where you want to reply.

Menus

Application Menus Editor Menus

Supernumbers

I really like the Supernumbers solution.

Footer

We don't make the footer sticky, and make it visible only when you get to the end of the screen

Outline

Collapsed Outline Expanded Outline Mobile Outline

Formatting Menu

Formatting Menu New

Search Results

Search result types Search results UI

Sidebar

The Sidebar is the primary navigation element in Seed. It provides a persistent, context-aware interface for accessing core app functionality, user accounts, and favorite sites. Designed for clarity and speed, the Sidebar enables users to move seamlessly between creation, navigation, and collaboration. Layout Latest Designs

Inline Search

The Inline Search component enables users to quickly reference documents, contacts, and sites directly within any document by typing the "@" symbol. How It Works Latest Designs Display Rules Selection & Interaction Design Guidelines