08 / 2026 / Portfolio / Web
Web Blogging Siberbot88
The site needed to combine personal identity, project navigation, and blog presentation without feeling like a generic static homepage.
Client
Context and business domain
00 / Design System
Palette Logic
Portfolio / Web
08
2026
Typography
Inter
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
Layout Grid
12-column responsive index structure.
Deep Slate
#0D1B1E
Graphite
#3D3D3D
Clear White
#F8F8F8
Soft Signal
#C9FBC6
Connected System
Frontend Website connects the visual language, interaction rhythm, and evidence structure for this case study.
01 / Challenge
The Challenge
The site needed to combine personal identity, project navigation, and blog presentation without feeling like a generic static homepage.
02 / Methodology
Methodology / Experiment
- 01
Brand Layout
Designed a personal hero, social links, and section navigation around a consistent dark portfolio mood.
Website shell82% - 02
Content Sections
Separated home, about, project, blog, and contact areas so visitors can move through the profile quickly.
5 sections78% - 03
Static Delivery
Kept the implementation lightweight for Netlify deployment and simple content iteration.
Netlify deploy76%
03 / Solution
The Solution
Personal Blog Homepage
A dark personal website with profile navigation, project access, blog entry points, and external social links.
Lightweight Static Frontend
The project uses simple web fundamentals to keep the portfolio and blog surface easy to host and maintain.
04 / Impact
Impact & Metrics
05
Main Sections
The site organizes identity, about, projects, blog, and contact in one browsing flow.
HTML
Core Stack
The repository is mostly HTML with CSS and JavaScript for presentation behavior.
Live
Published Site
The project is deployed publicly through Netlify.