acid-info / guide.logos.co Goto Github PK

It would be nice to design and create a unique layout for the gallery section where we want to showcase the work that has been made based on our guidelines. The gallery can include mix number of items (images, text, video). Each item should be enlargeable and have a caption.

The favicon looks squeezed

1. Link to the Card component in a UI kit. Variant name - External resource with preview
   https://www.figma.com/file/HhXs6KhLJgw7NK8oCJAcWb/Docu-UI-Kit-%2F-Dark?type=design&node-id=315%3A614&mode=design&t=WryJYoD1NX4GuKKu-1

2. Link to the design of the Presentation kits page that uses this component
   https://www.figma.com/file/lubsp7NVLke4Qe6qihZlUT/Guidelines?type=design&node-id=66%3A11430&mode=design&t=vRt8trTLoWbC7DiH-1

acid-info/lsd#72

Updated Gallery page layout
https://www.figma.com/file/lubsp7NVLke4Qe6qihZlUT/Guidelines?type=design&node-id=2%3A1842&mode=design&t=vRt8trTLoWbC7DiH-1

Link to the Card component in a UI kit. Variant name - Color
https://www.figma.com/file/HhXs6KhLJgw7NK8oCJAcWb/Docu-UI-Kit-%2F-Dark?type=design&node-id=315%3A614&mode=design&t=WryJYoD1NX4GuKKu-1

Link to the design of the Color page that uses this component
https://www.figma.com/file/lubsp7NVLke4Qe6qihZlUT/Guidelines?type=design&node-id=112%3A2437&mode=design&t=ZCopvJNl6Fq6CMwK-1

• Replace all hardcoded lines with a proper logic
• Some of images are not loaded - https://logos-brand-guidelines.vercel.app/resources-and-tools/lsd/design-tokens

1. Link to the Card component in a UI kit. Variant name - External resource
   https://www.figma.com/file/HhXs6KhLJgw7NK8oCJAcWb/Docu-UI-Kit-%2F-Dark?type=design&node-id=315%3A614&mode=design&t=WryJYoD1NX4GuKKu-1

2. Link to the design of the Logo page that uses this component
   https://www.figma.com/file/lubsp7NVLke4Qe6qihZlUT/Guidelines?type=design&node-id=66%3A11429&mode=design&t=vRt8trTLoWbC7DiH-1

A grid view of all components using the preview image created by @ihor-hrtsk .
https://www.figma.com/file/TQ0eEsvv1xrSCgzvGRPF72/LSD-graphics?type=design&node-id=1%3A72&mode=design&t=ytJn8ZFRLLbZ7hIJ-1

Nice to have

• searchable/filterable by name

We need to be able to read components also from notion and as part of exported file.

• Add required syntax and components on Notion
• Parse and transform components to storybook component

• Provide README for the configs
• Clone template for each BU
• Create a ticket on infra for domains

• LSD overview page should include a link to LSD repo as well as NPM
• LSD figma link should point to Figma community page
• In this page LSD in title should not be a link. If we need to make a link it should be part of the text. In the same page the the image includes buttons for "theme adjustment" etc... this is redundant, lets remove them.
• LSD/tokens/colors Theme font switch is redundant
• LSD/tokens/colors Theme font & Theme color switches are redundant

Changes are described in the Notion docs:

1. Design tokens page
   https://www.notion.so/Design-tokens-31ea305ac88342ebbc505ea93e3bca3a

2. Components section
   https://www.notion.so/Components-7e1b6243aafa4b349e7d55082460bba9

Add caption and link to the fullscreen image preview
https://www.figma.com/file/lubsp7NVLke4Qe6qihZlUT/Guidelines?type=design&node-id=42%3A4764&mode=design&t=vRt8trTLoWbC7DiH-1

1. Link to the Card component in a UI kit. Variant name - Downloadable asset
   https://www.figma.com/file/HhXs6KhLJgw7NK8oCJAcWb/Docu-UI-Kit-%2F-Dark?type=design&node-id=315%3A614&mode=design&t=WryJYoD1NX4GuKKu-1

2. Link to the design of the Logo page that uses this component
   https://www.figma.com/file/lubsp7NVLke4Qe6qihZlUT/Guidelines?type=design&node-id=76%3A1983&mode=design&t=vRt8trTLoWbC7DiH-1