Web design in support of layout

WHAT DO YOU RECOMMEND?

In vision of Web3, it would be nice if we have some sort of web design functionality to empower users to publish nice looking websites. This should increase the competitiveness of Anytype beyond the note-taking market.

(Sorry if I am suggesting another big project and complicating things again :face_with_peeking_eye::woman_facepalming:)

HOW COULD IT BE DONE?

Degree of complexity and areas of implementation can be discussed.

  • Background and Canvas possibilities e.g. Full picture covering the whole background (like Homescreen from Legacy App ), background motions from animated gif/svg
  • Sectioning and scrolling/swiping to enable dynamic page/canvas navigation as an alternative to Add "Slide" block & support "Presententation" mode e.g. Vertical Line Dividers for sectioning sideways as well as no/less margin between blocks for more compact page design; Allow many texts/blocks to explain a picture while keeping the picture in vision throughout all the texts; allow full colouring of a page section without a border aka extend colouring beyond blocks
  • Hover behaviour like Use the pointer cursor more often to help viewers to understand what can be clicked or not (only editors understand what can be clicked or what have links by design of a page) in cooperation to the ability to hide object preview which could temporarily put important information out of sight and disturb page design
  • Styles, colours and themes e.g. Themes ; Red Should Be Red / Allow Custom Colors ; Add options to change font size and style . Not all webpages want block colours to be pastel; some saturation is eye-catching; extra large texts help highlighting the important contents.

REAL WORLD USE CASES

For publication purposes, people are less patient in reading long texts these days :sweat_smile: Current layout setting prioritise long texts with ‘infinite scrolling down’ and page ‘header”.

For note-taking/revision purposes, short-term memory typically handle around 4-7 items at a time; by grouping or emphasising information, it is easier for the brain to encode for later retrieval.

RECOMMENDED ALTERNATIVES

Create more system layouts/templates which doesn’t have to be too customisable.

API/plugin to assist codeless users with CSS and Custom CSS per object , something like Obsidian plugin - Style Setting. ← This alone will be a feature to have.

ADDITIONAL CONTEXT

Hopefully, improbable tag won’t be added to this FR too quickly. This FR is intended to give a second chance to some of the existing improbable/unprioritised FRs.

  • Animation is probably too much to ask for; but at least if we can make some like Anytype.io within Anytype, we know Anytype is next-level :wink:

In Any gallery, maybe we can have some example spaces that focuses on illustrating how we can utilise current block styling to present information, in addition to the current content-structure focused examples. Fellow community members feel free to contribute. (I am not experienced in web designs.)

btw Properties pane feels like a different style compared to widget and canvas - less compact; the design of properties pane doesn’t feel like this is something supposed to be accessed by viewers; we don’t supposed viewers to see which editors have created/edited what contents?! Some information is just not of relevance to viewers. Right sidebar could acts as providing additional information to canvas. This needs more brainstorming though.

Cheers everyone.

This would be nice and certainly useful to many, and therefore marketable (when the publication allows embedded elements to be published).
Adding custom CSS per object (or per template, which would be entirely relevant), usable by the web publication, would address most of the points.

The request had Razor’s support, so that can only help, right? :grinning_face_with_smiling_eyes: