Веб-дизайн
Промпт для сайта-портфолио маркетингового стратега
Опубликовано 17 сентября 2026
Промпт
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.STYLELight 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.TYPOGRAPHYGeometric 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 BOTTOM1. 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 INCLUDENumbered 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 KEYWORDSPremium, restrained, confident, editorial, systems-minded, trustworthy, not corporate, not templated, not flashy.OUTPUTA single, cohesive full-page UI mockup at desktop width (1440px), suitable as a direct visual reference for frontend development.
