Introducing Craft for Web

Shape

This document is a quick draft, which serves as a test content for us to fine-tune all the little and big details of our web viewer and potentially web editor in the future.

Shape

Interactive table

Hello Cell 1

Hello Cell 2

Hello Cell 3

Hello Cell 4

Shape

This document is a quick draft, which serves as a test content for us to fine-tune all the little and big details of our web viewer and potentially web editor in the future.

Shape

Simple table

Design ideas

Design state

Code state

Released

Gradient highlight

Done

Done

Yes 🎉

Toggle list

Refinements

Started

Nope

Table

Explorations

Not started yet

Nope

New page cards

Early ideas

Not started yet

Nope

Shape

With Craft for Web our overall goal is to enable all the functionalities we provide within the iOS, iPadOS and macOS apps with as high quality as possible, so you don’t feel a huge quality drop when switching between platforms.

Shape

Simple table with plain design

Design ideas

Design state

Code state

Released

Gradient highlight

Done

Done

Yes 🎉

Toggle list

Refinements

Started

Nope

Table

Explorations

Not started yet

Nope

New page cards

Early ideas

Not started yet

Nope

Shape

With Craft for Web our overall goal is to enable all the functionalities we provide within the iOS, iPadOS and macOS apps with as high quality as possible, so you don’t feel a huge quality drop when switching between platforms.

Shape

Simple table with pinned column

Design ideas

Design state

Code state

Released

Gradient highlight

Done

Done

Yes 🎉

Toggle list

Refinements

Started

Nope

Table

Explorations

Not started yet

Nope

New page cards

Early ideas

Not started yet

Nope

Shape

With Craft for Web our overall goal is to enable all the functionalities we provide within the iOS, iPadOS and macOS apps with as high quality as possible, so you don’t feel a huge quality drop when switching between platforms.

Shape

Large table

Date

Email

Emojis

Text

05/02/2021 10:51:09

5ckifrbasn@privaterelay.appleid.com

🤘

In Korean, if I choose 환경설정 -> 구독 -> 매월, I can see this words ‘재판 없음’ but that means Not trial for a try, trial for Court! That is weird.

05/02/2021 09:34:10

xux6gwqd9d@privaterelay.appleid.com

🤯

Is there a plan to provide an API

04/02/2021 19:07:27

me@maxepigeon.com

🔥

It would be nice if we could set different sorting order for different folders. A bit like in the Finder.

04/02/2021 15:15:11

patrickpsdeira1234@icloud.com

🤘

Seeing as how this app is a rich text editor can we change the font size of the text and/or adjust the dynamic type accessibility setting? This addition would make the typing and reading experience better for not just ourselves but for whoever we are collaborating with.

03/02/2021 23:29:52

oswadld@gmail.com

🤘

If I could paste inline Latex it would be perfect but it doesn’t work for math notes.

04/02/2021 04:31:05

xmntxujgqr@privaterelay.appleid.com

🚀

I want to add an existing page, as a block to an existing page.
For example I wanted to group a couple of documents with a single overview page.
For now I can probably get the same effect by create a new block in the overview page and copy and paste the contents from the existing page, and delete the old one once done.
I was wondering if there are any better way of doing this.
Thanks!

03/02/2021 20:25:07

shrldslz1@hotmail.com

🔥

Is there a way to prevent Craft from going back to the main organizational page when switching apps and instead have it return to the document (and place within it where one left off)? Gets annoying if doing a lot of full-window multi-tasking. Thanks!

Shape

With Craft for Web our overall goal is to enable all the functionalities we provide within the iOS, iPadOS and macOS apps with as high quality as possible, so you don’t feel a huge quality drop when switching between platforms.

Shape

Large table with plain design

Date

Email

Emojis

Text

05/02/2021 10:51:09

5ckifrbasn@privaterelay.appleid.com

🤘

In Korean, if I choose 환경설정 -> 구독 -> 매월, I can see this words ‘재판 없음’ but that means Not trial for a try, trial for Court! That is weird.

05/02/2021 09:34:10

xux6gwqd9d@privaterelay.appleid.com

🤯

Is there a plan to provide an API

04/02/2021 19:07:27

me@maxepigeon.com

🔥

It would be nice if we could set different sorting order for different folders. A bit like in the Finder.

04/02/2021 15:15:11

patrickpsdeira1234@icloud.com

🤘

Seeing as how this app is a rich text editor can we change the font size of the text and/or adjust the dynamic type accessibility setting? This addition would make the typing and reading experience better for not just ourselves but for whoever we are collaborating with.

03/02/2021 23:29:52

oswadld@gmail.com

🤘

If I could paste inline Latex it would be perfect but it doesn’t work for math notes.

04/02/2021 04:31:05

xmntxujgqr@privaterelay.appleid.com

🚀

I want to add an existing page, as a block to an existing page.
For example I wanted to group a couple of documents with a single overview page.
For now I can probably get the same effect by create a new block in the overview page and copy and paste the contents from the existing page, and delete the old one once done.
I was wondering if there are any better way of doing this.
Thanks!

03/02/2021 20:25:07

shrldslz1@hotmail.com

🔥

Is there a way to prevent Craft from going back to the main organizational page when switching apps and instead have it return to the document (and place within it where one left off)? Gets annoying if doing a lot of full-window multi-tasking. Thanks!

Shape

With Craft for Web our overall goal is to enable all the functionalities we provide within the iOS, iPadOS and macOS apps with as high quality as possible, so you don’t feel a huge quality drop when switching between platforms.

Shape

Number focused table

Date

Daily Users

Requests @ busy ours (k)

RPS

Ratio

Deviation

Average

Jan. 18.

5,280

62

17.22

306.58

12.6%

335.14

Jan. 19.

6,190

59

16.39

377.69

Jan. 20.

5,323

67

18.61

286.01

Jan. 21.

5,474

65

18.06

303.18

Jan. 22.

5,180

55

15.28

339.05

Jan. 23.

4,700

44

12.22

384.55

Jan. 24.

4,718

44

12.22

386.02

Jan. 25.

5,630

68

18.89

298.06

Shape

With Craft for Web our overall goal is to enable all the functionalities we provide within the iOS, iPadOS and macOS apps with as high quality as possible, so you don’t feel a huge quality drop when switching between platforms.

Shape

Number focused table - minimal

Date

Daily Users

Requests @ busy ours (k)

RPS

Ratio

Deviation

Average

Jan. 18.

5,280

62

17.22

306.58

12.6%

335.14

Jan. 19.

6,190

59

16.39

377.69

Jan. 20.

5,323

67

18.61

286.01

Jan. 21.

5,474

65

18.06

303.18

Jan. 22.

5,180

55

15.28

339.05

Jan. 23.

4,700

44

12.22

384.55

Jan. 24.

4,718

44

12.22

386.02

Jan. 25.

5,630

68

18.89

298.06

Shape

With Craft for Web our overall goal is to enable all the functionalities we provide within the iOS, iPadOS and macOS apps with as high quality as possible, so you don’t feel a huge quality drop when switching between platforms.

Shape

This document will have a lot of dummy content in there, so please keep that in mind. 🙌

Shape

Background customization

Shape

There are a couple of different customization options we can play with when it comes to the Home background of the app.

Shape

These backgrounds would be unique to each users and they could set different backgrounds per spaces.

Shape

This way it would be even easier to visually distinguish spaces when switching between them. Just like in Slack and other apps, you can customize your own experience per Space/Team without effecting other team members’ viewing experience.

Shape

This way it would be even easier to visually distinguish spaces when switching between them. Just like in Slack and other apps, you can customize your own experience per Space/Team without effecting other team members’ viewing experience.

Shape

Some additional ideas

Solid color background

Patterns

Patterns with colorful backgrounds

Shape

Additional explorations
Make the most out of customization

Next steps

Shape

Further improve the details

Shape
Path

Test this on different devices

Shape

Figure out the easiest way to implement the first version of this.

Shape

Related documents to read

Design ideas

Being able to access all Craft functionalities from the browser ensures that our product is universally accessible, which is a must-have when you’re looking for a product for team collaboration.

With providing a great web experience we can make our product more accessible, since web has the lowest point of entry (you don’t have to download anything, all you have to do is to give an email address to start using it).

Design principles

Regarding features and functionalities, we are always aiming for quality first rather than adding a lot of half baked features to the app.

Being able to access all Craft functionalities from the browser ensures that our product is universally accessible, which is a must-have when you’re looking for a product for team collaboration.

With providing a great web experience we can make our product more accessible, since web has the lowest point of entry (you don’t have to download anything, all you have to do is to give an email address to start using it).

Medium-S

Introducing Craft for Web

Typography playground

Select and try out different fonts

Overall interface fonts

  • Aa

    Roboto

  • Aa

    Proxima Nova

Content fonts

Aa

Roboto

Aa

Proxima Nova

Aa

IBM Plex Serif

Aa

FF Meta Serif Pro

Aa

Lora

Aa

Meret Pro

Aa

Avenir Next

Aa

Avenir Next Rounded

Aa

Roboto mono

magic-wand

Mixed

Serif headings with sans-serif body and handwritten tasks