A technical brutalist portfolio website for Kirill Kovtun, showcasing expertise in project management, data analytics, and software development with a documentation-style aesthetic.
This personal portfolio website underwent a complete transformation from minimalist design to technical brutalism. Built with Bootstrap 5 and custom CSS, it features a monochrome, documentation-inspired design with table-based data presentation and technical codes. The site presents professional services, case studies, and contact information in a structured, code-like interface reminiscent of technical documentation.
- V1.0 (May 2025): Modern minimalist design with soft colors and card-based layout
- V2.0 (June 2025): Complete redesign to brutalist aesthetic with monochrome styling and table-based structure
- Technical Brutalist Design: Monochrome interface with documentation-style aesthetics
- Table-Based Data Presentation: All information structured in technical tables with codes
- Responsive Design: Fully responsive layout optimized for all devices
- Case Studies: Detailed project showcases with technical specifications
- Fixed Navigation Elements: Back-to-cases button with mobile adaptations
- Unified Typography: Times New Roman for content, Courier New for tables
- Mobile-First Approach: Optimized mobile experience with table-based navigation
- SEO Optimized: Proper meta tags and semantic HTML structure
- HTML5: Semantic markup with accessibility considerations
- CSS3: Custom styling with monochrome brutalist design
- Bootstrap 5: Responsive framework for layout and components
- JavaScript: Interactive functionality and mobile navigation
- Font Awesome: Professional icon library
- Times New Roman: Primary typography for content
- Courier New: Monospace font for tables and technical elements
- GitHub Pages: Static site hosting with automatic deployment
- Primary White: #ffffff (main background)
- Secondary Gray: #f8f9fa (alternate sections)
- Primary Black: #000000 (text and borders)
- Secondary Gray: #666666 (secondary text)
- Monochrome Theme: Strict black and white brutalist aesthetic
- Content Font: Times New Roman (serif)
- Technical Font: Courier New (monospace for tables)
- Text Transform: Uppercase headers for technical appearance
- Letter Spacing: Enhanced spacing for technical aesthetic
- Table-Based Structure: All data presented in structured tables
- Technical Codes: Each section and item has technical identifiers
- Brutalist Grid: Harsh borders and minimal spacing
- Documentation Style: Interface resembling technical documentation
The portfolio features detailed case studies showcasing various projects:
- DEV-BRUT: Personal Portfolio Website - Custom brutalist design with modern technologies
- DEV-MAIL: Telegram Bot "Instant Mail" - Temporary email service with API integration
- DEV-TRAD: "Trading House" Game Prototype - Ancient-themed trading strategy with dual UI
- ANA-RENT: Moscow Short-term Rental Market Analysis - Complete data pipeline from parsing to dashboard
- PMG-HOTEL: "Vozrozhdenie" Sports Hotel Complex Website - First official website from concept to release
├── index.html # Main portfolio page
├── style.css # Brutalist CSS styling
├── script.js # Interactive functionality
├── cases/ # Case study pages
│ ├── case-portfolio.html
│ ├── case-tempmail-bot.html
│ ├── case-trading-house.html
│ ├── case-rental-analysis.html
│ └── case-vozrozhdenie.html
├── images/ # Assets and case study images
│ └── ...
└── README.md # This file
- Monospace Tables: All data structured in Courier New tables
- Technical Codes: Systematic coding for projects (DEV-, ANA-, PMG-)
- Fixed Navigation: Vertical "Back to Cases" button with mobile adaptation
- Documentation Aesthetic: Interface inspired by technical documentation
- Underlined Links: All interactive elements styled as simple underlined links
- Table-Based Mobile Menu: Navigation structured as data table
- Responsive Back Button: Repositioned to bottom on small screens
- Compact Tables: Optimized table sizing for mobile devices
- Touch-Friendly: Large touch targets for mobile interaction
The website embodies technical brutalism - a design approach that prioritizes function over form while maintaining a harsh, uncompromising aesthetic. Every element serves a purpose, with no decoration for decoration's sake. The monochrome color scheme and technical typography create an atmosphere of serious professionalism and technical competence.
- Lightweight: Minimal dependencies, fast loading
- Semantic HTML: Accessible and SEO-friendly markup
- Responsive Images: Optimized for various screen sizes
- Clean Code: Well-structured CSS and JavaScript
- Email: ethermolly@yandex.ru
- Telegram: @solarmolly
- GitHub: lunarmolly
© 2025 Kirill Kovtun. Portfolio showcasing technical brutalist design evolution from minimalism to documentation-style interface.