wireframe
Create a high-fidelity web application wireframe for a platform called “DATA-FORGE”, designed in a Bauhaus-inspired style. 🎨 Design Style Guidelines (Very Important) Strong geometric shapes (circles, rectangles, straight lines) Bold primary colors: red, blue, yellow Black and white base Asymmetrical layout Large typography Sans-serif font (Futura / geometric style) Flat design (no gradients, no shadows) Clear grid structure Functional minimalism High contrast Thick black lines for section dividers Design for desktop (1440px width). 🖥️ Screen 1 – Landing Page Layout Style: Asymmetrical geometric composition with strong blocks of color. Include: Top Navigation Bold “DATA-FORGE” text logo (large, uppercase) Minimal nav links: Discover | Generate | Logs Login button as a solid colored rectangle Hero Section Large bold heading: “FORGE YOUR DATA.” Subtext in smaller sans-serif Two CTA buttons: Solid red rectangle → “DISCOVER DATASETS” Blue outlined rectangle → “GENERATE DATA” Visual Element Large geometric shapes overlapping in background: Yellow circle Red square Blue vertical bar 🔎 Screen 2 – Discover Datasets Layout: Left geometric filter panel + right structured card grid. Left Panel (Colored Block Background – e.g., Yellow) Section title: FILTERS Checkbox style filters Bold section dividers (thick black lines) Right Panel Dataset cards in clean rectangular format Each card: Bold dataset name Short description Small metadata block Red square button → “VIEW” Use sharp alignment, no rounded corners. 📊 Screen 3 – Dataset Details Layout: Split screen design. Left Side Dataset title in very large typography Metadata displayed in a grid (2x2 layout) Strong black dividing lines Right Side Table preview (clean grid lines) Buttons: Blue solid → DOWNLOAD Red solid → CLEAN & EXPORT Add a bold yellow vertical accent bar on one side. 🤖 Screen 4 – AI Dataset Generator Layout: Centered structured composition with geometric framing. Top Large heading: GENERATE DATA Form Section Topic input field (rectangular) Dropdown fields Format selector as square buttons (CSV / JSON / XLS) Generate Button Large red rectangle centered. Output Section Structured preview block with heavy borders. 📜 Screen 5 – Logs / History Layout: Grid-heavy, clean Bauhaus composition. Big heading: LOGS Table with thick black lines Action buttons as colored squares One side accent color block (blue or red) ⏳ Screen 6 – Scraping in Progress Layout: Minimalist geometric composition. Large centered circular progress element Text: “SCRAPING DATA…” Step indicators stacked vertically Cancel button as black outlined rectangle Background can include a large faint yellow circle partially off-screen. 🔥 Extra Bauhaus Touches No rounded corners Strong horizontal/vertical alignment Typography hierarchy is dramatic White space is intentional Color blocks are structural, not decorative Every element must feel purposeful and engineered