Acasa
Desktop 1440 × 9049 Mobile 440 × 10088
NOOR / INCSMPSWEB DESIGN · UI SYSTEM · RESPONSIVE
Research, withroom to explore.
A near-complete, multi-page website design for Romania’s National Scientific Research Institute for Labour and Social Protection. This case study documents the real Figma page set and visual palette.
DESIGN CONCEPT · NOT YET LAUNCHED
INCSMPS / WEBSITE DESIGN CONCEPTINFORMATION / RESEARCH / PEOPLE
01 / THE DESIGNOFFICIAL WORK · INCSMPS
A COMPLETE MULTI-PAGE WEBSITE DESIGN
A research institute,
made easier to explore.
I designed the complete INCSMPS website as a connected set of desktop and mobile pages. This case study records the actual frame names, dimensions, and colors from my Figma work.
MY ROLEComplete website design
DESIGNED INFigma
LAYOUTSDesktop + mobile
STATUSDesign nearly complete · not launched
SOURCE-BASED DESIGN RECORD
The actual Figma
artboards and palette.
The values shown here come from the project’s real frames and color selections. The editable working file is kept private.
7NAMED PAGE FRAMES
6MEASURED DESKTOP / MOBILE PAIRS
13VISIBLE SOURCE COLORS
02 / ARTBOARD INDEX
Seven page frames.
One complete site.
These are the page names used in the original Figma file. Six desktop and mobile pairs have verified dimensions; the Contact Us frame is also present in the source.
Publications
Desktop 1440 × 3923 Mobile 440 × 7146
Proiecte
Desktop 1440 × 3118 Mobile 440 × 4777
Evenimente
Desktop 1440 × 6546 Mobile 440 × 5733
Echipăi
Desktop 1440 × 11951 Mobile 440 × 12049
Despre Noi
Desktop 1440 × 3907 Mobile 440 × 5058
Contact Us
Separate page frame in the source file.
03 / SOURCE PALETTE
The colours
from the file.
These values were read from the Figma selection colors in the original design. They are shown as source swatches, not as colors guessed from a recreated interface.
INCSMPS · FIGMA COLOR SELECTIONS13 VISIBLE VALUES
INDIGO
#333399DEEP BLUE
#253C8AGREEN
#34A569GOLD
#E9BE34WHITE
#FFFFFFNEAR-WHITE
#FEFEFELIGHT GREY
#D9D9D9GREY
#747474MID GREY
#4F4F4FDARK GREY
#4D4D4DCHARCOAL
#2A2E31PALE GREEN
#E8F5E9BLACK / 70%
#000000 / 70%04 / RESPONSIVE FRAME SIZES
Desktop and mobile,
in the source file.
The dimensions below match the measured Figma frames. They show the scale of the six paired page designs; Contact Us is listed separately because its dimensions were not recorded here.
FIGMA PAGEDESKTOP FRAMEMOBILE FRAME
Acasa1440 × 9049440 × 10088
Publications1440 × 3923440 × 7146
Proiecte1440 × 3118440 × 4777
Evenimente1440 × 6546440 × 5733
Echipăi1440 × 11951440 × 12049
Despre Noi1440 × 3907440 × 5058
ALSO IN THE SOURCEContact UsThe frame is present in Figma; its dimensions have not been included in this measurement set.
05 / SELECTED PAGE DESIGNS
Seven pages,
one connected site.
These original screenshots show the homepage, About, Team, Projects, Publications, Events and Contact designs. I shaped each page around its content while keeping one visual system across the site. English and Romanian versions show how the design carries across languages.
VIEW FULL PAGE↗
Homepage
VIEW FULL PAGE↗
Acasa
VIEW FULL PAGE↗
Despre Noi
VIEW FULL PAGE↗
Echipă
VIEW FULL PAGE↗
Proiecte
VIEW FULL PAGE↗
Publications
VIEW FULL PAGE↗
Publications
VIEW FULL PAGE↗
Evenimente
VIEW FULL PAGE↗
Contact Us
THE WORK SO FAR
A complete website design,
ready for its next chapter.
The INCSMPS design is close to complete, but the website has not been launched. This case study shares verified information from the original Figma work while the full editable design file stays private.
HAVE A PROJECT IN MIND?CONTACT NOOR ↗