Strona główna Minimalnego Portfolio Dewelopera

{ "type": "zrzut ekranu przeglądarki komputerowej przedstawiający projekt strony głównej minimalistycznej witryny portfolio osobistego", "style": "szwajcarski system siatki, brutalistyczny minimalizm, czarno-biała paleta barw, delikatne techniczne wskazówki projektowe, cienkie szare obramowania, dużo białej przestrzeni, mikro-etykiety o stałej szerokości w połączeniu z pogrubioną, geometryczną czcionką bezszeryfową", "canvas": { "aspect_ratio": "szeroki 16:9", "environment": "wyświetlany w oknie przeglądarki podobnej do Chrome pod adresem localhost:5173 z widocznymi kartami, paskiem zakładek i paskiem adresu", "background": "biały" }, "brand": { "logo": "mały kwadratowy kontur znaku z inicjałami NRS", "name": "{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "górny stały pasek nawigacyjny witryny poniżej przeglądarki Chrome", "height": "about 64px", "left_brand": "Logo NRS, a po nim Naufaldi Rafif S.", "navigation": { "count": 6, "items": [ "STRONA GŁÓWNA", "BLOG", "PROJEKTY", "O NAS", "PREZENTANT", "INNE z szewronem skierowanym w dół" ], "active_item": "STRONA GŁÓWNA w cienkiej, prostokątnej karcie" }, "actions": { "count": 3, "items": [ "Kontakt z białym konturem", "Pobierz CV, czarny przycisk ze strzałką", "mały kwadratowy przycisk z ikoną słońca/motywu" ] } }, "layout": { "main_container": "Duży, wyśrodkowany, prostokątny obszar siatki z delikatnymi pionowymi i poziomymi liniami pomocniczymi, etykietami współrzędnych i cienką ramką", "technical_annotations": { "count": 7, "labels": [ "X-1440", "X-768", "X-0", „X-1024”, „X-768”, „X-480”, „Oznaczenia prowadnic Y-0 / Y-360 / Y-720” ] }, „sections”: [ { „title”: „01 // INTRO”, „position”: „lewa duża kolumna treści”, „count”: 1, „content”: „ogromny nagłówek w ramce {argument name=\"tekst nagłówka\" default=\"NAUFALDI RAFIF S.\"} podzielony na dwa wiersze, czarnymi, dużymi literami o bardzo dużej pogrubionej czcionce” }, { „title”: „podsumowanie zawodowe”, „position”: „poniżej nagłówka w lewej kolumnie”, „count”: 3, „items”: [ „subtitle: {argument name=\"stanowisko roli\" default=\"Inżynier oprogramowania i mentor\"}”, „specjalistyczne tagi: SYSTEMY PRODUKTOWE | FUNDAMENTY ZASAD | MENTORING INŻYNIERSKI”, „paragraph: {argument name=\"bio paragraph\" default=\"Moim fundamentem jest front-end, ale kierunek jest szerszy: własność back-endu, architektura produktu i kompleksowe dostarczanie oprogramowania.\"}" ] }, { "title": "02 // TRASY", "position": "prawy pasek boczny oddzielony pionową linią podziału", "count": 3, "items": [ "01 Przeglądaj projekty, czarna aktywna karta z ikoną kodu i strzałką w prawo", "02 Skontaktuj się z nami, biały wiersz ze strzałką w prawo", "03 Pobierz CV, biały wiersz ze strzałką w prawo" ] }, { "title": "dolny pasek stanu", "position": "dół obramowanego kontenera", "count": 4, "items": [ "OTWARTY NA PRACĘ", "7 LAT DOŚWIADCZENIA", "PONAD 1000 PODOPIECZNYCH", "BEKASI, INDONEZJA" ] } ], "footer_meta": "prawa strona dolnego paska pokazuje BUILD:2026 i PRD:01" }, "typography": { "headline": "duże, pogrubione wielkie litery bezszeryfowe, ciasne odstępy", "body": "czytelna, czytelna czcionka bezszeryfowa", "microcopy": "małe wielkie litery o stałej szerokości i szerokich odstępach między literami" }, "color_palette": { "primary": "#0b0d0e prawie czarny", "background": "#ffffff", "border": "#e8e8e8 jasnoszary", "guides": "#edf2ef bardzo delikatny zielono-szary", "accent": "cienka zielona linia na aktywnej karcie trasy i górnej linii siatki" }, "composition_notes": "Spraw, aby wyglądało jak dopracowany model systemu projektowania stron internetowych wygenerowany na potrzeby wdrożenia, a nie jak strona docelowa marketingu; podkreśl precyzyjne wyrównanie, nakładki siatki, etykiety współrzędnych i nowoczesną estetykę portfolio programisty." }