Minimal Pixel Art Portfolio Website

A minimalist portfolio website combining pixel art aesthetics with modern design principles. Clean, elegant, and focused on content presentation.

🎮 View Live Demo

Design Philosophy

• 🎯 Content-first approach
• ✨ Subtle pixel art elements
• 🎨 Modern minimalist UI
• 📱 Responsive design
• ♿ Enhanced accessibility
• 🚀 Optimized performance

Key Features

Minimal Design Elements

• Clean typography with Press Start 2P font
• Subtle hover animations
• Thoughtful whitespace usage
• Focused content presentation

Project Showcase

• SVG geometric art placeholders
• Project categorization
• Technology highlights
• Direct GitHub repository links

Interactive Elements

• Animated skill bars
• Smooth hover effects
• Responsive contact form
• Social media integration

Tech Stack

Frontend:
├── HTML5 (Semantic markup)
├── CSS3
│   ├── Custom properties
│   ├── Flexbox
│   ├── Grid
│   └── Animations
└── JavaScript (Vanilla)

Quick Start

1. Clone the repository:

git clone https://github.com/only-mar/pixel-art-portfolio.git

2. Navigate to project:

cd pixel-art-portfolio

3. Open in browser:

# Using Python
python -m http.server 8000

# Using PHP
php -S localhost:8000

# Using Node.js
npx serve

Customization

Color Scheme

:root {
    --primary: #6366F1;    /* Indigo */
    --background: #0F172A; /* Dark background */
    --surface: #1E293B;    /* Surface */
    --text: #F8FAFC;      /* White text */
    --accent: #F472B6;    /* Pink accent */
}

Content

1. Update index.html with your information
2. Modify project cards in the portfolio section
3. Customize SVG placeholders
4. Add your social media links

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Font: Press Start 2P
• Inspiration: Minimalist design principles with pixel art aesthetics

Author

Omar Alhami (Mar)

• GitHub: @only-mar
• Website: So Creative Tech

Support

If you find this template useful, consider supporting my work:

Made with ❤️ by Mar