Neumorphism
A system that was used to create the effect of neumorphism.
Drop Shadow
bg color FFFFFF
bg color 000000
inner shadow 1
X -2
Y -2
blurs 24
opacity 8%
color FFFFFF
inner shadow 2
X 2
Y 2
blurs 32
opacity 100%
color 000000
Web Developer - Portfolio
Rafael Rosa
About
Portfolio and brand design created for the Web Developer Specialist Rafael Rosa.
Project
Client: Rafael Rosa
Role: UI Designer Specialist
Year: 2021
Challenge
Designing a portfolio that brings Neumorphism characteristics to a clean interface, with a focus on the cases of the Developer.
neumorphism concept design
Typography
headlines
Merriweather
1234567890:;"',<.>/?`!@#$%^&*()_+=
ABCDEFGHIJKLMNOPQRSTUVYXWZ
abcdefghijklmnopqrstuvyxwz
Merriweather was designed to be a text face that is pleasant to read on screens. It features a very large x height, slightly condesed letterforms, a mild diagonal stress, sturd serifs and open forms.
There is also Merriweather Sans, a sans-serif version which closely harmonizes with the weights and styles of this serif family.
body typography
Roboto Mono
1234567890:;"',<.>/?`!@#$%^&*()_+=
ABCDEFGHIJKLMNOPQRSTUVYXWZ
abcdefghijklmnopqrstuvyxwz
Roboto Mono is a monospaced addition to the Roboto type family. Like the other members of the Roboto family, the fonts are optimized for readability on screens accross a wide variety of devices and reading environments.
Special consideration is given to glyphs important for reading and writing software source code. Letters with similar shapes are easy to tell apart.
Color Palette
Branding
The challenge also included creating a minimalist brand, which brings in its graphic representation the association with the code (in the context of development).
neumorphism concept design
Portfolio
Desenvolver's expectation was, above all, minimalism in the presentation of its projects, uniting its great interest in elements of Neumorphism (tendency in UI Design).
Main screens
