Промпт для фото: шаблон портфолио в стиле нео-брутализм

1 / 1 ↓ esc×

SPKTR Studio

@spktr_gallery

GPT Image

Промпт

Create a highly interactive, 3D Neo-Brutalist personal portfolio website template for an E-commerce Operations & Automation expert named Saeed Abu Umar. The design must use a playful, vibrant LIGHT THEME that balances structural organization with bold, trend-forward design elements.### 1. Color Palette & Typography- Background: A warm, soft cream or pale matcha light canvas (#FAF6EE).- Accent Lighting: Playful and colorful. Use contrasting, rich shades of Soft Apricot (#FFB38A), Sweet Lavender (#E3D5CA), and Mint Green (#B5E2FA) to give the sections a distinct, friendly visual identity.- Typography: Bold, chunky, trend-forward sans-serif font combination. Headings must use an ultra-bold, high-personality geometric typeface like Clash Display or Lexend Mega. Body text must remain incredibly clean and legible using Inter or DM Sans.### 2. Header & Navigation Updates- Top-right navigation: Feature an isolated, high-contrast "WhatsApp" button designed like a physical 3D key that compresses slightly when clicked.### 3. Hero Section Refinements (With Photo Integration)- Structural Layout: A high-impact block structure splitting the hero section visually into a text block and a bold photo frame block.- Text Element: Title "SAEED ABU UMAR" styled in a deep, rich charcoal with a soft 3D text-shadow or a smooth dual-tone gradient. Includes a distinctive rounded-rectangle button with a thick, solid dark shadow underneath, giving it a tactile 3D sticker look that moves down slightly when clicked to simulate a physical press.- Photo Element: A prominent, dedicated slot for my portrait photo. The photo must be styled inside a thick, solid black-bordered container with a heavy, offset 3D shadow behind it (classic Neo-Brutalist sticker pop-out style). The entire photo card should bounce or bob slightly on an idle loop animation.- Metrics/Stat Counters: Chunky, colored border containers (each stat box a slightly different pastel shade) with solid, offset 3D shadows to pop cleanly against the warm background.### 4. Bento Grid Skillset Section- Title Layout ("Ops rigor meets creative energy"): Rendered in the new heavy sans-serif typeface, shifting the colors to stand out beautifully on a light canvas.- Bento Cards: Overhaul ALL bento grid cards to use thick, crisp borders and asymmetric 3D container drops. Each card should feature a distinct pastel background color matching the accent palette, making the grid incredibly fun, scannable, and engaging to navigate.### 5. Portfolio & Card Showcase- "Featured Work" section built on the Neo-Brutalist light layout architecture.- Cards include framed, high-contrast imagery that lifts up or expands into an overlay modal on interaction. Ensure the front-end structure utilizes clean custom fields for effortless media and screenshot uploading.### 6. Footer Layout Updates- Left Brand Logo: Rebalance the visual hierarchy so "Saeed" is noticeably larger and bolder than "Abu Umar", updated to match the global text colors.- Right CTA Button: Replace the generic "Get in touch" link with a vibrant, prominent WhatsApp communication button that feels like a physical web badge.