[TASK-37] Improve Design And Refine System

[ThiagoThalisson]

Design

• [x] For front-end focused projects, create a shot in [shots.so](http://shots.so/) to present.
• [x] Check on how to improve Style Guide to be used in websites like Behance and Dribble.
  • Display logo and colors.
• [x] Remove all gap’s from “Logo, Colors And Typography.

• [x] Organize Building Blocks - Components in a more symmetrical way a fix any unintended styling or variant configuration.

  Change variant sizing and if working on dark theme, change background inside the variant.

• Start using the references page more.
• [x] Use higher spacing in sections - 80px for mobile padding, 64px for gap’s and 112px for desktop padding, 80px for gap’s.
• [x] Create social cards components and social section.
• [x] Eliminate grids.

Front-End

• [x] Use a 1280px min-width break-point for Sections.
• [x] Apply higher spacing.
• [x] Adds custom classes to most components.
• [x] Disable view transitions for now.
• [x] Adds icons and snapping feature on footer.
• [x] Improves image block.

Documentation

• [x] Add a GitHub Shot to the documentation preview.
• [x] Add steps on how to execute the project.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
lpis-template	✅ Ready (Inspect)	Visit Preview	May 3, 2024 3:42pm