Neumorphism tutorial
Light (HSL: E7F1F5)
1. Drop Shadow: x6; y6; blur 12; 426583, 25%
Drop Shadow: x-6; y-6; blur 12; FFFFFF, 100%
Layer Blur: 2
2. Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4; y-4; blur 12; FFFFFF, 100%
Inner Shadow: x4; y4; blur 5; FFFFFF, 100%
Inner Shadow: x-4; y-4; blur 7; 668FB2, 25%
3. Linear: #F4F9FB; #C9DFE9; -45o
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-6; y-6; blur 13; FFFFFF, 100%
4. Linear: #CDE1EA; #F8FBFC; -45o
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%
Layer Blur: 2
5. Inner Shadow: x-7; y-7; blur 13; FFFFFF, 100%
Inner Shadow: x9; y9; blur 12; 426583, 25%
6. Stroke (HSL: E7F1F5): 6, inside
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%
Inner Shadow: x-7; y-7; blur 13; FFFFFF, 100%
Inner Shadow: x9; y9; blur 12; 426583, 25%
7. Stroke (HSL: E7F1F5): 6, inside
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%
Inner Shadow: x9; y9; blur 12; FFFFFF, 100%
Inner Shadow: x-7; y-7; blur 13; 668FB2, 25%
8. Linear: #F8FBFC; #C6DDE6; -45o
Stroke (HSL: E7F1F5): 6, inside
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%
9. Linear: #CDE2EA; #F8FBFC; -45o
Stroke (HSL: E7F1F5): 6, inside
Drop Shadow: x4; y4; blur 12; 426583, 25%
Drop Shadow: x-4 y-4; blur 12; FFFFFF, 100%
Dark (HSL: 00384F)
1. Drop Shadow: x6; y6; blur 12; 001D29, 100%
Drop Shadow: x-6; y-6; blur 12; 005375, 100%
Layer Blur: 2
2. Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4; y-4; blur 12; 005375, 100%
Inner Shadow: x4; y4; blur 5; 005070, 100%
Inner Shadow: x-4; y-4; blur 7; 002433, 100%
3. Linear: #005375; #001924; -45o
Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4; y-4; blur 12; 005375, 100%
4. Linear: #002F42; #005375; -45o
Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4 y-4; blur 12; 005375, 100%
Layer Blur: 2
5. Inner Shadow: x-7; y-7; blur 13; 004866, 100%
Inner Shadow: x9; y9; blur 12; 002433, 100%
6. Stroke (HSL: 00384F): 6, inside
Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4 y-4; blur 12; 005375, 100%
Inner Shadow: x-7; y-7; blur 13; 005375, 100%
Inner Shadow: x9; y9; blur 12; 001D29, 100%
7. Stroke (HSL: 00384F): 6, inside
Drop Shadow: x4; y4; blur 12; 001D29, 100%
Drop Shadow: x-4 y-4; blur 12; 005375, 100%
Inner Shadow: x9; y9; blur 12; 005375, 100%
Inner Shadow: x-7; y-7; blur 13; 001924, 100%
8. Linear: #005375; #001924; -45o
Stroke (HSL: 00384F): 6, inside
Drop Shadow: x4; y4; blur 12; 001924, 100%
Drop Shadow: x-4 y-4; blur 12; 005070, 100%
9. Linear: #002433; #005375; -45o
Stroke (HSL: 00384F): 6, inside
Drop Shadow: x4; y4; blur 12; 00212E, 100%
Drop Shadow: x-4 y-4; blur 12; 004866, 100%