Minimalist Design • High Performance • Vanilla Engineering
The FIMARx Portfolio is a masterclass in modern, framework-free web engineering. Designed for the 2026 digital landscape, it prioritizes visual weight, motion purpose, and raw performance. By bypassing heavy abstraction layers (like React or Tailwind), the site achieves sub-second rendering and absolute layout control.
Centered around a deep #0b0b10 canvas, the UI utilizes a curated glassmorphism stack:
- Glass Panels: High-transparency layers with
backdrop-filter: blur(12px)for depth. - Ember Accents: Strict usage of
#FF720Dfor primary CTAs and interactive feedback. - Typography: A dual-font system pairing Outfit (for bold, geometric headers) and Inter (for high-readability body text).
- Logic: Vanilla JavaScript with targeted jQuery 3.7.1 for stable DOM transitions.
- Slider Architecture: Swiper 12.1.3 integration with a custom-engineered event-driven pagination system to preserve DOM integrity.
- Iconography: Full FontAwesome 6.7.2 suite for hardware-accelerated vector rendering.
- Specificity-First Centering: Custom-built Flexbox engines that ensure perfect vertical and horizontal alignment regardless of dynamic library resizing.
- Static Minimalist Patterns: Removal of legacy "bouncy" animations in favor of high-stability transitions.
- Responsive Fluidity: A "Zero-Breakpoint" mindset ensuring seamless transitions from ultra-wide 4K monitors down to compact mobile devices.
├── css/
│ ├── style.css # Core design system & layout engine
│ ├── custom_fixes.css # [NEW 2026] Specificity-hardened overrides
│ └── plugins.css # Minified library styles
├── js/
│ ├── init.js # Main initialization & custom Swiper logic
│ ├── plugins.js # Core library suite
│ └── jquery.js # Library core
├── img/ # Optimized hardware-accelerated assets
└── index.html # Semantic HTML5 entry point
Dynamic bio scroller using a time-aware hardware-accelerated script. Features a "Get in Touch" instant navigation gateway.
An interactive dual-timeline system. Unlike legacy portfolios, it uses a Static Layout Protocol—no shifting cards on hover, ensuring a premium, distraction-free reading experience. Includes a tailored executive biography.
A fully integrated, native Linktree alternative wrapped in pristine glassmorphism. Directly below it sits a self-hosted Chart.js bar graph featuring a smart Javascript calculator that automatically tracks MoM follower percentage growth (+X.X% ▲) dynamically.
A high-performance slider featuring Instant-Load Modals. We've optimized the project info popups to strip away unnecessary technical metadata, focusing purely on content and imagery.
A tailored, floating-label interface. It features Specificity-Hardened Alignment, ensuring text always starts flush against the left corner for a modern, clean-cut aesthetic.
- Zero Framework Overhead: No React, No Vue, No Angular. Pure DOM.
- Asset Optimization: Using hardware-accelerated SVG iconography.
- Cache-Busting: Versioned asset strings (
?v=...) to ensure clients always receive the latest 2026 design patches.
Developed with passion by FIMARx © 2026. All rights reserved.