OpenFileConverter Edge WASM Studio
Screen #1 of 60 Batch 1 desktop • 1440x900px

Desktop Landing Page — Fold 1: Header, Hero & Primary Dropzone

Open Route
Specification & Codex Reference Prompt (Click to expand) (Above-the-fold hero section, brand navigation, core value proposition, and primary client-side WASM drag-and-drop conversion zone.)

Screen Role: Above-the-fold hero section, brand navigation, core value proposition, and primary client-side WASM drag-and-drop conversion zone.

Design Intent: A professional modern SaaS desktop landing page UI mockup at 1440x900 resolution in bright, clean Light Mode (Fold 1 of 6). Crisp off-white canvas (#F8FAFC) within a 1440px grid container with 48px side margins. Minimalist pure white top navigation bar (#FFFFFF) with a 1px border (#E2E8F0) featuring: brand logo "OpenFileConverter" with a sleek geometric vector SVG icon, navigation links ("Converters", "API", "Benchmark", "Security", "Pricing"), and an indigo CTA button "Go Pro". Central hero section: bold dark slate headline (#0F172A) "Convert Any File at the Edge. Private. Instant. Free." Subtitle in muted slate (#475569) "100% in-browser WebAssembly conversions with zero server retention and zero file size tracking." Large, inviting central upload card in pure white (#FFFFFF) with subtle ambient drop shadow and dashed light indigo border (rounded-2xl): inside is a clean stroke-based vector upload arrow SVG icon, a solid indigo button "Choose Files", and text "or drag and drop here (up to 2GB)". Format selector dropdown pill "[ Convert to: PDF v ]". Bottom verification pill badge in soft green (#ECFDF5) with dark emerald text (#065F46) and a vector shield SVG: "Zero File Retention • Runs In-Browser via Rust WASM". Pixel-perfect Figma design, crisp Inter typography, strictly zero unicode emojis.

Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.

Direct route: /file-converter/ Template: file_converter/screens/screen_1.html
Live Django Implementation (desktop)
Isolate →
Zero File Retention • Runs 100% In-Browser via Rust WASM

Convert Any File at the Edge.
Private. Instant. Free.

100% in-browser WebAssembly conversions with zero server retention and zero file size tracking. Fast, private, and powered by Rust.

or drag and drop files here (up to 2GB)
Convert Target Format:

Over 500+ audio, video, CAD, document, raster and vector formats detected automatically via MIME sniffing.

Zero File Retention • Runs 100% In-Browser via Rust WASM (SIMD Accelerated)
• Up to 2GB per file • 100% local processing
0.00s
Cloud Retention
Files never leave browser isolate memory
500+
Format Pairs
Document, audio, video, CAD & vector
100%
Client-Side WASM
Compiled Rust SIMD execution
Original Codex Reference Mockup Full PNG
Authoritative Reference for Screen #1