Karnage on Nostr: One easy way to design decent looking apps is to use the same color but different ...
One easy way to design decent looking apps is to use the same color but different shades all throughout the UI.
Step 1: pick a neutral color of your preference that’s not too dark.
Step 2: run the Color Shades plugin in figma.
If the color you picked is too dark you’ll see a warning message. Try again.
You should have a nice uniform shade selection eventually.
Furthest to closest -> darker to lighter. The same as nature. Modals are closer in depth = lightest color.
Pick 1 accent color. This will be your primary color. Can also be a gradient.
That’s it. Works every time. You’ll have to play around a little to get the shades you like.
#design #nostrdesign
Published at
2023-10-21 11:52:09Event JSON
{
"id": "43060d8469e5eac1a9c7c0d9921d4b6ab908558b3ef5485e64ad807263ac4703",
"pubkey": "1bc70a0148b3f316da33fe3c89f23e3e71ac4ff998027ec712b905cd24f6a411",
"created_at": 1697889129,
"kind": 1,
"tags": [
[
"imeta",
"url https://i.nostr.build/Dn2V.jpg",
"blurhash eLH2W$-@ssk7RO_3M{9F%Mt7%KM{9F%MtQRhogt9RiaxM|k8obRkof",
"dim 3024x4032"
],
[
"t",
"design"
],
[
"t",
"nostrdesign"
],
[
"r",
"https://i.nostr.build/Dn2V.jpg"
]
],
"content": "One easy way to design decent looking apps is to use the same color but different shades all throughout the UI. \n\nStep 1: pick a neutral color of your preference that’s not too dark.\nStep 2: run the Color Shades plugin in figma.\n\nIf the color you picked is too dark you’ll see a warning message. Try again. \n\nYou should have a nice uniform shade selection eventually. \n\nFurthest to closest -\u003e darker to lighter. The same as nature. Modals are closer in depth = lightest color. \n\nPick 1 accent color. This will be your primary color. Can also be a gradient. \n\nThat’s it. Works every time. You’ll have to play around a little to get the shades you like. \n\n#design #nostrdesign https://i.nostr.build/Dn2V.jpg ",
"sig": "c83b17ac8fe1b4ace08902c253479b905d7dd8dedeb72e860ae5836e61ea1e718d8ccc3685859d11a337c1a7f5a9031b8f13d77841ea13de3a50e9ee98e4aa36"
}