Create Figma design for cards #860

New issue

Closed

opened 2026-05-11 07:44:52 +00:00 by a22erigr · 2 comments

a22erigr commented

2026-05-11 07:44:52 +00:00

Collaborator

Description

In the parent issue #843 the general design of the website will be designed. In this issue we should create a Figma design for how the cards should look. Remember that the cards will hold a wide range of different data. Everything form temperature, graphs and schedules. De design should be general enough to support the content. Use this figma kit https://www.figma.com/community/file/1035203688168086460/material-3-design-kit and use Material design philosophy
Mockup on how it could look. THIS needs refinement

What should be done

Implement a design for how cards should look.
- Both light and darkmode
Remember this should be a general design that should support a lot of different content. It is okay to select one specific card ex temperature to show how it may look. But remember to leave on card empty.
Investigate if icons (Material design) could or should be used.

## Description In the parent issue #843 the general design of the website will be designed. In this issue we should create a Figma design for how the cards should look. Remember that the cards will hold a wide range of different data. Everything form temperature, graphs and schedules. De design should be general enough to support the content. Use this figma kit https://www.figma.com/community/file/1035203688168086460/material-3-design-kit and use Material design philosophy Mockup on how it could look. THIS needs refinement ![bild](/attachments/168f77f0-933c-4cd0-874d-9e56b2416bf9) ## What should be done + Implement a design for how cards should look. + Both light and darkmode + Remember this should be a general design that should support a lot of different content. It is okay to select one specific card ex temperature to show how it may look. But remember to leave on card empty. + Investigate if icons (Material design) could or should be used.

bild.png

43 KiB

a22erigr added the

design

unassigned

labels

2026-05-11 07:44:52 +00:00

a24hirsa was assigned by a22erigr

2026-05-11 07:46:59 +00:00

a22erigr removed the

unassigned

label

2026-05-11 07:47:03 +00:00

a22erigr referenced this issue

2026-05-11 08:14:41 +00:00

Create a Figma design for Add cards menu #868

a24hirsa commented

2026-05-12 14:00:16 +00:00

Collaborator

Finished with a preliminary design mostly for mockup components. Still need some things but this should generally cover most possible design elements.

Link to view
https://www.figma.com/design/sCbmnTNA8SatReomeJtl03/CardDesigns?node-id=0-1&t=wnvLYpfgAPq1GQ9d-1

Finished with a preliminary design mostly for mockup components. Still need some things but this should generally cover most possible design elements. Link to view [https://www.figma.com/design/sCbmnTNA8SatReomeJtl03/CardDesigns?node-id=0-1&t=wnvLYpfgAPq1GQ9d-1](https://www.figma.com/design/sCbmnTNA8SatReomeJtl03/CardDesigns?node-id=0-1&t=wnvLYpfgAPq1GQ9d-1)

Screenshot_20260512_155758-1.png

94 KiB