Riswan Kurniawan - Portfolio Modern Corporate

A modern corporate minimalist design with a futuristic monochromatic purple theme. Featuring a dark mode aesthetic with deep charcoal backgrounds (#121212), primary purple accents (#A855F7), and glassmorphism elements. The layout utilizes a bento-grid inspired structure for skills and project showcases, complemented by floating 3D-effect geometric spheres and rings. Ideal for technology portfolios, SaaS product showcases, or high-end engineering agency websites requiring a balance of professionalism and creative flair through scroll-triggered animations and typing effects.

Riswan Kurniawan - Portfolio Modern Corporate preview

Summary

A sophisticated dark-mode portfolio design that blends corporate professionalism with futuristic 'glassmorphism' and geometric ornaments. The design features a primary monochromatic purple palette against a charcoal backdrop, utilizing bold typography, interactive cards, and smooth micro-interactions to create an engaging developer-centric user experience.

Style

The style is defined by a 'Glassmorphism on Deep Charcoal' theme. Typography pairs Montserrat (Extra Bold/Black) for headlines with Poppins for body text, creating a modern, readable hierarchy. The color palette centers on Purple (#A855F7) and Lavender (#D8B4FE) gradients against a #121212 background. Animations include a typing effect for subtitles, floating 3D spheres with radial gradients, and smooth hover transitions on card borders.

Layout & Structure

The layout is a single-page long-form structure with a sticky pill-shaped navigation. It uses a centered hero section followed by multi-column grids for content, with significant whitespace to maintain a 'minimalist corporate' feel.

Navigation Bar

Hero Section

About Section

Technical Skills Grid

Project Cards

Contact Footer

Components

Floating 3D Sphere

Animated decorative background elements that give the page depth.

Status Indicator Pill

A micro-component showing availability.

Glass-Card with Hover Border

The primary container for all sections.

Use this prompt