What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

[ case study coming soon]

I built this project simply for me 😅. The reason is that over a long time of working with clients and brainstorming ideas, I always found myself repeatedly creating the same wireframe designs. So I wanted that process to be faster, where all I'll have to do after a flow is approved is quickly create a wireframe using already designed components, test out the ideas and iterate on a better solution and then move on to the juicy part, the design 😋.

‍

Goal 🎯

I built this project simply for me 😅. The reason because over a long time working with clients and brainstorming ideas I always found myself creating the same wireframe designs over and over again. I wanted that process to be faster, where all I have to do after a flow has been approved (a user map) is quickly create a wireframe, test out the ideas and iterate on a better solution and then move on to the juicy part, the design 😋.

‍

Approach 🛠

I had one desire, to be faster 🏃🏽‍♂️ and I already had multiple wireframe files I created for different projects, so all I did was to look through each project and highlight components that were constantly repeating. Then I created a simple list of those components and then I started to design.

‍

Solution 🎨

Wireframes are more concentrated on understanding that aesthetics. so I didn't want to go over the top with colours, font styles, etc because it can move from looking like a wire-framing kit to a simple UI kit. So, I stuck to a colour scheme that was simple and efficient and built the components out of it.

‍

This is just the version 1, I'm looking forward to including more components and improving the general look and feel.

‍

Click to view project

‍

‍

Well, till next time, see you as we keep building products for the next billion users.

‍

‍

‍

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.