Lack of design guidelines for contributions

[FaceHiddenInsideTheDark]

I would love to contribute icons of this style here, but there are no guidelines listed publically for color palette, translucency, layering, shadows, or really anything needed to maintain consistency. What are your design rules? I would really love to submit pull request for you to review.

[rogts]

hello my friend Firstly I want to thank you for sending me your report I don't have public guidelines, as this is an amateur work, not professional at all, this is just a hobby. My inspiration comes from the Mac icons, which are very colorful and I really like that. There are a lot of errors in this project because I'm not yet an expert in SVG, since I come from Blender and Cinema 4D, which are programs that export to PNG, create an SVG from a PNG, there are some problems but I'm trying my best

Em qui, 11 de jan de 2024 10:08 PM, FaceHiddenInsideTheDark < @.***> escreveu:

I would love to contribute icons of this style here, but there are no guidelines listed publically for color palette, translucency, layering, shadows, or really anything needed to maintain consistency. What are your design rules? I would really love to submit pull request for you to review.

— Reply to this email directly, view it on GitHub https://github.com/rogts/infinity-icon-theme/issues/2, or unsubscribe https://github.com/notifications/unsubscribe-auth/BEQXZMSHWDUPEFY7DH4SJK3YOCEKVAVCNFSM6AAAAABBXL3TGOVHI2DSMVQWIX3LMV43ASLTON2WKOZSGA3TOOBWG4YDEOA . You are receiving this because you are subscribed to this thread.Message ID: @.***>

[FaceHiddenInsideTheDark]

Thank you for the work you have put into this so far. What I'm suggesting is that with the formulation of some simple design principles, others (me included) may join you in your hobby. Maybe we can come up with something that should keep consistency across all icons and make this a more complete pack. I love the glassmorphism style and think this pack can really start to become something truly beautiful with some rules applied. I've been searching for an icon pack with similarity to this style: So far, your creations are the closest anyone has gotten.

All that needs defining are the following design aspects:

• Translucency Value (What % opacity of foreground accents)
• Blur strength (What px value of gaussian blur is applied to translucent objects)
• Color Palette (Should we use something like material palette, pastel, ect)
• Gradient rules (What direction gradients should go, and how distant should colors be from one another in hue)
• Shadow distance (how far shadows should be, if shadows are included)
• Shadow transparency (the % opacity value of a shadow)
• Shadow radius (The blur value of shadows)
• Glow (Whether some objects glow, which objects may have a light radius)
• Corner radius (What value in px the corners of a shape should round at)
• Layering rules (How should objects overlap, and fade as they enter the foreground as well as the distance between layers defined by shadow properties)
• Finally, which stuff gets what rules (if you have a fine detail, does it need corner radius, or would it be better just to leave it as is?)

I suggest going through your work, seeing what you love, and what you don't love, and taking a look at this list to see where you were consistent and what you can agree was likely for the best.

Here are some resources to help you with a color palette: https://www.figma.com/community/file/1248805263844976008/build-a-material-color-scheme https://github.com/themix-project/themix-gui https://github.com/dylanaraps/pywal https://terminal.sexy/

If you can come up with some simple rules like these, it makes making icons super easy and very very fast. All you have to do to produce a new icon is match the rules to existing icon designs, and everything else just falls into place for the most part. One last thing I have to ask; what are you using to edit vector art? Inkscape? Adobe Illustrator? 3D tools are very similar, and some advanced vector editors even let you work with 3d objects.

[rogts]

Ok I'll give you some values and you can use them as a pattern using your favorite icons

Remembering that I'm using Inkscape as a designer program

Translucency Value (What % opacity of foreground accents) 70 % opacity

Blur intensity about objects 30 % blur

I always use vertical gradients but I don't use this as a rule, it really depends on the icon to be created, the same goes for color distance

Shadow distance (how far shadows should be, if shadows are included) Shadows are not included in most icons created so far

Corner radius (What value in px the corners of a shape should round at) I looked but couldn't find how to measure the rounding radius in inkscap, if you can guide me on this I can give you a value

Final result will be something like this

Em sex., 12 de jan. de 2024 às 20:26, FaceHiddenInsideTheDark < @.***> escreveu:

Thank you for the work you have put into this so far. What I'm suggesting is that with the formulation of some simple design principles, others (me included) may join you in your hobby. Maybe we can come up with something that should keep consistency across all icons and make this a more complete pack. I love the glassmorphism style and think it can really start to become something truly beautiful. I've been searching for an icon pack with similarity to this style: d50f51126024707.6131fb70e7b6b.jpg (view on web) https://github.com/rogts/infinity-icon-theme/assets/13638708/5bdc595b-7d33-48c2-a74b-05cf03b23ff0 So far, your creations are the closest anyone has gotten.

All that needs defining are the following design aspects:

• Translucency Value (What % opacity of foreground accents)
• Blur strength (What px value of gaussian blur is applied to translucent objects)
• Color Pallette (Should we use something like material palette, pastel, ect)
• Gradient rules (What direction gradients should go, and how distant should colors be from one another in hue)
• Shadow distance (how far shadows should be, if shadows are included)
• Shadow transparency (the % opacity value of a shadow)
• Shadow radius (The blur value of shadows)
• Glow (Whether some objects glow, which objects may have a light radius)
• Corner radius (What value in px the corners of a shape should round at)
• Layering rules (How should objects overlap, and fade as they enter the foreground as well as the distance between layers defined by shadow properties)
• Finally, which stuff gets what rules (if you have a fine detail, does it need corner radius, or would it be better just to leave it as is?)

I suggest going through your work, seeing what you love, and what you don't love, and taking a look at this list to see where you were consistent and what you can agree was likely for the best.

Here are some resources to help you with a color palette:

https://www.figma.com/community/file/1248805263844976008/build-a-material-color-scheme https://github.com/themix-project/themix-gui https://github.com/dylanaraps/pywal https://terminal.sexy/

If you can come up with some simple rules like these, it makes making icons super easy and very very fast. All you have to do to produce a new icon is match the rules to existing icon designs, and everything else just falls into place for the most part. One last thing I have to ask; what are you using to edit vector art? Inkscape? Adobe Illustrator? 3D tools are very similar, and some advanced vector editors even let you work with 3d objects.

— Reply to this email directly, view it on GitHub https://github.com/rogts/infinity-icon-theme/issues/2#issuecomment-1890139353, or unsubscribe https://github.com/notifications/unsubscribe-auth/BEQXZMQES3GCLCIGVCCH35DYOHBCTAVCNFSM6AAAAABBXL3TGOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQOJQGEZTSMZVGM . You are receiving this because you commented.Message ID: @.***>

[rogts]

Em sáb., 13 de jan. de 2024 às 19:00, Rogério Souza @.***> escreveu:

Ok I'll give you some values and you can use them as a pattern using your favorite icons

Remembering that I'm using Inkscape as a designer program

Translucency Value (What % opacity of foreground accents) 70 % opacity

Blur intensity about objects 30 % blur

I always use vertical gradients but I don't use this as a rule, it really depends on the icon to be created, the same goes for color distance

Shadow distance (how far shadows should be, if shadows are included) Shadows are not included in most icons created so far

Corner radius (What value in px the corners of a shape should round at) I looked but couldn't find how to measure the rounding radius in inkscap, if you can guide me on this I can give you a value

Final result will be something like this

Em sex., 12 de jan. de 2024 às 20:26, FaceHiddenInsideTheDark < @.***> escreveu:

Thank you for the work you have put into this so far. What I'm suggesting is that with the formulation of some simple design principles, others (me included) may join you in your hobby. Maybe we can come up with something that should keep consistency across all icons and make this a more complete pack. I love the glassmorphism style and think it can really start to become something truly beautiful. I've been searching for an icon pack with similarity to this style: d50f51126024707.6131fb70e7b6b.jpg (view on web) https://github.com/rogts/infinity-icon-theme/assets/13638708/5bdc595b-7d33-48c2-a74b-05cf03b23ff0 So far, your creations are the closest anyone has gotten.

All that needs defining are the following design aspects:

• Translucency Value (What % opacity of foreground accents)
• Blur strength (What px value of gaussian blur is applied to translucent objects)
• Color Pallette (Should we use something like material palette, pastel, ect)
• Gradient rules (What direction gradients should go, and how distant should colors be from one another in hue)
• Shadow distance (how far shadows should be, if shadows are included)
• Shadow transparency (the % opacity value of a shadow)
• Shadow radius (The blur value of shadows)
• Glow (Whether some objects glow, which objects may have a light radius)
• Corner radius (What value in px the corners of a shape should round at)
• Layering rules (How should objects overlap, and fade as they enter the foreground as well as the distance between layers defined by shadow properties)
• Finally, which stuff gets what rules (if you have a fine detail, does it need corner radius, or would it be better just to leave it as is?)

I suggest going through your work, seeing what you love, and what you don't love, and taking a look at this list to see where you were consistent and what you can agree was likely for the best.

Here are some resources to help you with a color palette:

https://www.figma.com/community/file/1248805263844976008/build-a-material-color-scheme https://github.com/themix-project/themix-gui https://github.com/dylanaraps/pywal https://terminal.sexy/

If you can come up with some simple rules like these, it makes making icons super easy and very very fast. All you have to do to produce a new icon is match the rules to existing icon designs, and everything else just falls into place for the most part. One last thing I have to ask; what are you using to edit vector art? Inkscape? Adobe Illustrator? 3D tools are very similar, and some advanced vector editors even let you work with 3d objects.

— Reply to this email directly, view it on GitHub https://github.com/rogts/infinity-icon-theme/issues/2#issuecomment-1890139353, or unsubscribe https://github.com/notifications/unsubscribe-auth/BEQXZMQES3GCLCIGVCCH35DYOHBCTAVCNFSM6AAAAABBXL3TGOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQOJQGEZTSMZVGM . You are receiving this because you commented.Message ID: @.***>