Главная страница минималистичного портфолио разработчика

{ "type": "скриншот дизайна главной страницы минималистичного личного портфолио в браузере", "style": "швейцарская сетка, бруталистский минимализм, черно-белая палитра, едва заметные технические чертежи, тонкие серые границы, много свободного пространства, моноширинные микрометки в сочетании с жирным геометрическим шрифтом без засечек", "canvas": { "aspect_ratio": "широкий 16:9", "environment": "отображается в окне браузера, похожем на Chrome, по адресу localhost:5173 с видимыми вкладками, панелью закладок и адресной строкой", "background": "белый" }, "brand": { "logo": "небольшой квадратный контурный знак с инициалами NRS", "name": "{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}" }, "header": { "position": "верхняя фиксированная панель навигации веб-сайта под Chrome браузера", "height": "около 64px", "left_brand": "логотип NRS, за которым следует Naufaldi Rafif S.", "navigation": { "count": 6, "items": [ "HOME", "BLOG", "PROJECTS", "ABOUT", "SPEAKER", "OTHER with down chevron" ], "active_item": "HOME in a thin outlined rectangular tab" }, "actions": { "count": 3, "items": [ "Contact white outlined button", "Download CV black filled button with arrow", "small square sun/theme icon button" ] } }, "layout": { "main_container": "large centered rectangular grid area with thin vertical and horizontal guide lines, coordinate labels, and thin border", "technical_annotations": { "count": 7, "labels": [ "X-1440", "X-768", "X-0", "X-1024", "X-768", "X-480", "Y-0 / Y-360 / Маркировка направляющей Y-720" ] }, "разделы": [ { "заголовок": "01 // ВВЕДЕНИЕ", "позиция": "левая большая колонка контента", "количество": 1, "содержание": "огромный заголовок в рамке с текстом {argument name=\"headline text\" default=\"NAUFALDI RAFIF S.\"}, разделенный на две строки, черный шрифт, заглавные буквы, очень жирный" }, { "заголовок": "профессиональное резюме", "позиция": "под заголовком в левой колонке", "количество": 3, "элементы": [ "подзаголовок: {argument name=\"role title\" default=\"Software Engineer & Mentor\"}", "специализированные теги: ПРОДУКТОВЫЕ СИСТЕМЫ | ОСНОВЫ БЭКЕНДА | НАСТАВНИЧЕСТВО В ИНЖЕНЕРИИ", "абзац: {argument name=\"bio paragraph\" default=\"Моя основа — фронтенд, но направление шире: владение бэкендом, архитектура продукта и комплексная разработка программного обеспечения."}" ] }, { "title": "02 // МАРШРУТЫ", "position": "правая боковая панель, разделенная вертикальной перегородкой", "count": 3, "items": [ "01 Просмотр проектов, черная активная карточка со значком кода и стрелкой вправо", "02 Связаться с нами, белая строка со стрелкой вправо", "03 Скачать резюме, белая строка со стрелкой вправо" ] }, { "title": "нижняя полоса состояния", "position": "нижняя часть контейнера с рамкой", "count": 4, "items": [ "ОТКРЫТ ДЛЯ РАБОТЫ", "7 ЛЕТ ОПЫТА", "БОЛЕЕ 1000 ПОДОПЕЧНЫХ", "БЕКАСИ, ИНДОНЕЗИЯ" ] } ], "footer_meta": "справа от нижней полосы отображается BUILD:2026 и PRD:01" }, "typography": { "headline": "массивный шрифт без засечек, узкий интервал", "body": "чистый читаемый шрифт без засечек", "microcopy": "маленький моноширинный шрифт с заглавными буквами и широким межбуквенным интервалом" }, "цветовая палитра": { "основной": "#0b0d0e почти черный", "фон": "#ffffff", "граница": "#e8e8e8 светло-серый", "направляющие": "#edf2ef очень бледно-зелено-серый", "акцент": "тонкая зеленая линия на активной карточке маршрута и верхней направляющей сетки" }, "заметки по композиции": "Сделайте так, чтобы это выглядело как отполированный макет системы веб-дизайна, созданный для внедрения, а не как маркетинговая целевая страница; подчеркните точное выравнивание, наложение сетки, метки координат и современную эстетику портфолио разработчика." }