Portfolio & Resume Website UI Design AI Image Prompt

Design a modern, high-conversion portfolio-cum-resume website UI for Saeedur Rahman, a brand & social media marketing strategist / e-commerce operator based in Dhaka, Bangladesh. Full desktop layout, single scrolling page, clean and editorial — think Scandinavian minimalism meets Apple-level product presentation, with the bordered-panel structure of Linear or Vercel's marketing site. STYLE Light theme. Off-white canvas (#FAFAF7), near-black ink text (#16150F), soft gray secondary text, thin hairline borders (#E3E0D6). Two accent colors only, used sparingly: deep teal (#1F6F63) and warm amber (#C98A3D) — one small gradient moment where they meet, nowhere else. No heavy shadows, no glassmorphism, no busy gradients. Generous white space, confident type scale, quiet color. TYPOGRAPHY Geometric sans display font (Space Grotesk-style) for headlines. Clean humanist sans (Inter-style) for body copy. A monospace font (JetBrains Mono-style) used for numbers, labels, tags, and section eyebrows — gives the whole page a "systems/ledger" undertone, since this person automates spreadsheets for a living. LAYOUT / SECTIONS, TOP TO BOTTOM 1. Floating nav bar — wordmark left, section links center-right, solid pill CTA button far right. 2. Hero — small eyebrow label, large two-line headline with one word in gradient accent, subhead paragraph, two pill CTA buttons, a 4-column stat strip below (numbers in mono font), two side-by-side outlined "next step" cards underneath. 3. A thin horizontal ticker strip directly under the hero, scrolling brand names left to right, bordered top and bottom. 4. About — two-column: bio copy on the left, clustered skill tags grouped under small mono labels on the right. 5. Experience — vertical timeline or stacked cards: role title, company, dates, 2–3 line description each. 6. Education — compact single card or row. 7. Ventures — NOT a card grid. A table-like "ledger": each brand is a horizontal row with a small colored dot, brand name, category tag, one-line description, and a "visit" arrow link. Row highlights in its own brand color on hover. 8. Selected work — 3 expandable accordion rows, each opening into a 3-column Problem / Built / Result layout. 9. Showcase — two independent horizontal image carousels with arrow navigation, labeled "Brand & product visuals" and "Social & content design," 5–6 image tiles each with rounded corners. 10. Services — 3-column bordered panel grid, icon + title + description + text link per panel. 11. Contact — full-width dark inverted panel (near-black background, off-white text), centered headline, two CTA buttons (WhatsApp primary, Email outlined). 12. Footer — copyright left, social links right (Facebook, Fiverr, LinkedIn). SIGNATURE DETAILS TO INCLUDE Numbered section labels in mono font before every heading ("01 · About", "02 · Ventures", etc.), consistent pill-shaped buttons, bordered grid panels with rounded outer corners but square internal dividing lines, generous vertical rhythm between sections, subtle soft-focus color glow bleeding in behind the hero text. MOOD KEYWORDS Premium, restrained, confident, editorial, systems-minded, trustworthy, not corporate, not templated, not flashy. OUTPUT A single, cohesive full-page UI mockup at desktop width (1440px), suitable as a direct visual reference for frontend development.