New User guide styling

[Bonapara]

Current behavior

We have completed the initial version of the user guide, but it is not yet available online.

Desired behavior

We aim to enhance its design before online publication:

https://www.figma.com/file/aNpCjwN9wg2DqLWAHPS0ll/%F0%9F%8C%8D-Website-%26-Marketing?type=design&node-id=252-14685&mode=design&t=XF47MemVcHVfJEtr-11

For V1, don't implement the breadcrumb and Section pages. Create the styles for the Inter font.

We only use the 'Mobile' font size for the Gabarito font. This ensures titles and fonts don't appear oversized, even on desktop.

Effects

Apply smooth transitions using Framer Motion. Use the "Present" view to preview the animations in Figma

Screen.Recording.2024-02-14.at.11.07.34.mov

[Kanav-Arora]

Hi @Bonapara
I can work on this

[Bonapara]

Thanks so much @Kanav-Arora !

[manya706]

Please can i also join?

[Bonapara]

@Kanav-Arora can @manya706 help you?

[Kanav-Arora]

Hi @Bonapara
Sure

[Bonapara]

Amazing, thanks to you both!

[Bonapara]

@Kanav-Arora and @manya706, I just realized that we need to add a few more things to make it responsive.

Specifically, we need:

• A breadcrumb at the top
• A user-guide homepage

Here is the updated design:

User-guide homepage

A breadcrumb at the top

(Mobile = short breadcrumb)

Please ask me if you have any questions about the behaviors!