Design a minimalistic landing page UI for a web app called "Mesh: Find Vetted Builders," an AI-powered network for discovering vetted creators and builders. Use a strict black-and-white color scheme: full black background (#000000
) with large expanses of blackspace (negative space) for breathing room, white text and accents (#FFFFFF
), and optional light gray (#CCCCCC
) for subtle borders or shadows. The style should evoke a retro typewriter on black paper: high contrast, no unnecessary elements, and a clean, immersive feel like the Google homepage or ChatGPT interface—centered and focused.Font: Use Space Mono (monospaced) exclusively—bold for headings (24-32px), regular for body/subtext (16px), with slight letter-spacing (0.5px) and line-height (1.5) to enhance the typewriter effect.Layout: Extremely minimal, like Google/ChatGPT—vast blackspace dominating the page, with everything centered vertically and horizontally. Include:- Top: Small, centered app name "Mesh" in bold white Space Mono, with tagline "Find Vetted Builders" below in smaller mono font. Add large blackspace padding above and below.- Center: A single, prominent search bar (white text on black background, thin white border, fixed-width like a typewriter line—e.g., 600px wide). Placeholder text: "Search for vetted builders, e.g., 'filmmakers in London'". Add a subtle typewriter effect like a blinking white cursor or faint typing animation on focus.- Bottom: Optional subtle white mono text footer (e.g., "Powered by AI" or login link), centered with even more blackspace above.Ensure responsiveness for desktop/mobile: The search bar scales down on smaller screens, maintaining centered alignment and blackspace. No images, profiles, or additional content—keep it purely minimalistic, premium, and focused on the search bar as the hero element, evoking a soft, dark void where users "type" their queries.
Loading...
Loading...
Design a minimalistic profile view page UI for the web app "Mesh: Find Vetted Builders." Use a strict black-and-white color scheme: full black background (#000000
) with large blackspace, white text and accents (#FFFFFF
), and optional light gray (#CCCCCC
) for borders. Style evokes a retro typewriter on black paper: high contrast, fixed-width centered content (max 800px).Font: Space Mono (monospaced)—bold for headings (24px), regular for body (16px), with letter-spacing (0.5px) and line-height (1.5) for typewriter feel.Layout: Centered like a typed document on black, with vast blackspace. Include:- Top: Header with "Mesh" logo in bold white Space Mono, tagline "Find Vetted Builders," and builder's name in large bold mono.- Profile Content: Collapsible sections below (accordion-style, white mono text on black, thin white borders that expand/collapse on click)—e.g., "AI-Generated Summary" (short typed paragraph), "Skills" (indented list), "Past Projects" (expandable details with links), "Current Focus," "Looking For." Use white "+" / "-" icons for collapse.- Sidebar (Optional Fixed): Narrow right panel (200px wide) with white mono text for quick actions (e.g., "Message" button, "Invite to Mesh").- Bottom: White mono footer with edit button (if owner) or back link, centered with blackspace.Ensure responsiveness: Sections stack vertically on mobile. Keep it premium and minimal—focus on expandable typewriter-like blocks with blackspace for readability.