Styles design systems

Vertical whiteboard tutorial landing page with metallic aluminum frame border (gray gradient, dual box-shadow) and decorative Expo markers at the bottom.

○ Light· Permanent Markerdesignmd.app ↗

Whiteboard-style landing page with metallic aluminum frame border (gray gradient with dual box-shadow). Ideal for processos e fluxogramas, onboarding e tutoriais, educacao e cursos, startups criativas, brainstorming e ideacao.

○ Light· Permanent Markerdesignmd.app ↗

Minimalist white SaaS hero with background video vertically flipped scaleY(-1) and white gradient overlay (transparent at 26.4% to white at 66.9%).

○ Light· Geistdesignmd.app ↗

Dark portfolio with animated loading screen (2.7s): counter 000→100 via rAF, rotating words with AnimatePresence, gradient progress bar (#89AACC to #4E85BF) with glow.

◐ Dark· Interdesignmd.app ↗

Design an immersive infinite scroll landing page inspired by Locomotive Scroll v5 and Lenis. Ideal for landing pages imersivas, storytelling digital, portfolios criativos, sites de agências, apresentações de produto premium, one-page…

◐ Dark· Interdesignmd.app ↗

Premium video agency hero with full-screen video no color overlay. Ideal for agências de vídeo, produtoras de reels e shorts, estúdios de edição, freelancers de vídeo. AI-ready template.

○ Light· Barlowdesignmd.app ↗

Design the quintessential SaaS/AI startup landing page with THE signature tech gradient. Ideal for startups saas, ai tools, plataformas de desenvolvedores, landing pages tech, produtos b2b modernos, apis e sdks. AI-ready template.

○ Light· Interdesignmd.app ↗

SaaS hero with HLS background video at full opacity no overlay. Ideal for saas de faturamento, plataformas de billing, ferramentas de pagamento, gestão financeira. AI-ready template.

◐ Dark· Switzerdesignmd.app ↗

Pure black SaaS hero with HLS video at 100% opacity no overlay, positioned at height 80vh and absolute bottom-[35vh]. Ideal for saas de inovação, plataformas de ai, ferramentas enterprise, startups de tecnologia. AI-ready template.

◐ Dark· System UI stackdesignmd.app ↗

Dark agency hero with HLS video using mix-blend-screen. Ideal for digital agencies, estúdios criativos, consultorias de design, portfólios de agência. AI-ready template.

◐ Dark· System UI stackdesignmd.app ↗

Dark SaaS hero with background video at opacity-50 and gradient overlay fading to background color. Ideal for produtos saas, plataformas de gestão de projetos, ferramentas de produtividade, dashboards analíticos. AI-ready template.

◐ Dark· Manropedesignmd.app ↗

High-end cinematic 2-page architectural portfolio. Ideal for portfolios de arquitetura, estúdios de design, creative agencies, portfolios pessoais premium, showcases de projetos tech. AI-ready template.

◐ Dark· Space Groteskdesignmd.app ↗

Premium fintech hero with full-screen looping background video scaled 150% with top-left focal point. Ideal for fintechs, plataformas de investimento, gestão patrimonial, landing pages financeiras premium. AI-ready template.

◐ Dark· System UI stackdesignmd.app ↗

Design an AI hero with dark purple-black background #070612. Ideal for plataformas de ai, automação de workflows, produtos de machine learning, startups de inteligência artificial. AI-ready template.

◐ Dark· System UI stackdesignmd.app ↗

Premium dark-themed landing page with advanced animations and interactions. Ideal for portfolios de luxo, estúdios de arquitetura, marcas premium, móveis de alto padrão, wellness premium, creative agencies. AI-ready template.

◐ Dark· Interdesignmd.app ↗

Multisensory landing page with micro-sound UX integration. Ideal for apps de produtividade premium, plataformas de musica, interfaces de gaming, dashboards interativos, experiencias imersivas, ferramentas criativas. AI-ready template.

◐ Dark· Interdesignmd.app ↗

Design an automotive hero with full-viewport video (min 600px, max 965px). Ideal for concessionárias de carros, marketplaces automotivos, marcas de veículos, landing pages de lançamento. AI-ready template.

◐ Dark· Interdesignmd.app ↗

Design uma landing page analytics SaaS em scroll contínuo: hero fullscreen com headline 'Every number that matters. Ideal for saas analytics, dashboards de métricas, plataformas de dados, ferramentas de integração. AI-ready template.

◐ Dark· SF Pro Textdesignmd.app ↗

Linear-style dark SaaS hero with HLS background video and black overlay (bg-black/60). Ideal for plataformas de dados, ferramentas de infraestrutura, redes e networking, saas enterprise. AI-ready template.

◐ Dark· Manropedesignmd.app ↗

Landing page with full Windows 95/98 internet nostalgia aesthetic. Ideal for portfolios criativos retro, jogos indie, eventos tematicos, blogs pessoais nostalgicos, lancamentos de produto ironicos, comunidades de nicho. AI-ready template.

○ Light· Courier Newdesignmd.app ↗

Cinematic 3D studio page with pure black background. Ideal for estúdios 3d, agências de motion design, produtoras de vídeo, portfólios de animação. AI-ready template.

◐ Dark· Interdesignmd.app ↗

Dark hero with full-screen video with seamless loop transition via requestAnimationFrame opacity. Ideal for website builders, plataformas no-code, ferramentas de criação de sites, landing pages de produto. AI-ready template.

○ Light· System UI stackdesignmd.app ↗

MiniMax-inspired landing page with white canvas and colorful product cards. Ideal for plataformas de ia multi-modelo, galerias de ai, produtos consumer ai, showcases de tecnologia. AI-ready template.

○ Light· DM Sansdesignmd.app ↗

Visually stunning landing page with democratized fancy animations using CSS and lightweight WebGL-inspired effects. Ideal for landing pages premium, portfolios criativos, lancamentos de produto tech, agencias digitais, experiencias…

◐ Dark· Interdesignmd.app ↗

Full-screen hero page with a vertical white-to-magenta gradient background, overlapping blurred triangular shapes in purple and pink, and tall glass columns using glassmorphism.

○ Light· System UI stackdesignmd.app ↗

High-impact full-screen hero section for a viral video agency. Ideal for agências de vídeo, produtoras de conteúdo, marketing de reels, creative agencies, social media agencies. AI-ready template.

○ Light· Barlowdesignmd.app ↗

Resend-inspired cinematic dark landing page. Ideal for apis de email, infraestrutura developer, saas técnico, plataformas de comunicação. AI-ready template.

◐ Dark· Georgia for herodesignmd.app ↗

Premium Apple-style landing page with binary light/dark section rhythm. Ideal for produtos premium, technology, eletrônicos, marcas de luxo. AI-ready template.

◐ Dark· SF Pro Displaydesignmd.app ↗

Bold portfolio hero with vertical gradient from red-orange #fd2601 to orange #f37e1c. Ideal for creative portfolios, designers freelancer, agências de branding, sites pessoais de artistas. AI-ready template.

○ Light· Antondesignmd.app ↗

Design an OpenCode-inspired terminal-native landing page. Ideal for agentes de código ai, clis, ferramentas open-source, editores de terminal. AI-ready template.

◐ Dark· Berkeley Monodesignmd.app ↗

Pinterest-inspired warm discovery landing page. Ideal for marketplaces visuais, galerias de inspiração, plataformas de descoberta, e-commerce visual. AI-ready template.

○ Lightdesignmd.app ↗

Minimalist, high-end React hero section using Tailwind CSS v4 and the Motion library. Ideal for saas landing pages, ferramentas de gestão remota, startups premium, produtos digitais high-end. AI-ready template.

○ Light· Instrument Serifdesignmd.app ↗

Capsule — Modular pill-shaped cards on warm bone with a full pastel-pop palette. Bodoni Moda typography. warm bone background, ink-black structure, and a full pastel-pop palette (coral,.

○ Light· Bodoni Modadesignmd.app ↗

Bold cinematic hero with full-screen background video and dark blue fallback. Ideal for creative agencies, portfólios impactantes, landing pages editoriais, marcas de moda. AI-ready template.

◐ Dark· Rubikdesignmd.app ↗

Daisy Days — Cheerful pastel deck with hand-drawn daisies, stars, and rainbows. Friendly, soft, and warm. Fredoka One typography. warm cream base with a full pastel rainbow (mint, lavender, peach, sky, soft pin.

○ Light· Fredoka Onedesignmd.app ↗

Wabi-sabi inspired landing page celebrating imperfection and human touch. Ideal for portfolios artisticos, marcas artesanais, cafeterias e restaurantes, estudio de design, blogs pessoais, produtos organicos. AI-ready template.

○ Light· Libre Baskervilledesignmd.app ↗

Design an IBM Carbon-inspired enterprise landing page. Ideal for enterprise, infraestrutura cloud, plataformas corporativas, consultoria tech. AI-ready template.

○ Light· IBM Plex Sansdesignmd.app ↗

Vellum — Deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic. Cormorant Garamond Italic typography.

◐ Dark· Cormorant Garamonddesignmd.app ↗

Web3 hero with full-screen video and 50% black overlay. Ideal for projetos blockchain, plataformas web3, daos, landing pages de waitlist cripto. AI-ready template.

◐ Dark· General Sansdesignmd.app ↗

Landing page using grade school primary colors — the kind you remember from crayons and traffic signs. Ideal for startups consumer, apps educacionais, ecommerce jovem, plataformas de comunidade, marketing de produto, food delivery.

○ Light· Nunitodesignmd.app ↗

Sakura Chroma — Vintage Japanese cassette-package aesthetic: cream paper, diagonal rainbow ribbons, condensed bold type, JIS-style spec checkboxes. Big Shoulders Display typography.

○ Light· Barlow Condenseddesignmd.app ↗

Wise-inspired bold fintech landing page. Ideal for transferências internacionais, fintechs, plataformas de pagamento, câmbio. AI-ready template.

◐ Darkdesignmd.app ↗

Bauhaus-inspired landing page with strict primary colors and bold geometric shapes. Ideal for identidade de marca, layouts em grade para editorial, web design geométrico, pôsteres. AI-ready template.

○ Light· Josefin Sansdesignmd.app ↗

Together AI-inspired pastel cloud landing page. Ideal for infraestrutura ai, cloud computing, plataformas de modelos, gpu clusters. AI-ready template.

○ Light· The Futuredesignmd.app ↗

Design an Airbnb-inspired warm marketplace landing page. Ideal for marketplaces, viagens, plataformas de hospedagem, e-commerce experiencial. AI-ready template.

○ Lightdesignmd.app ↗

3x3 grid-based landing page where content is organized in nine uniform boxes. Ideal for feeds de instagram, moodboards, portfólios, design de vestuário/boutiques. AI-ready template.

○ Light· System UI stackdesignmd.app ↗

Mystical western landing page blending classic cowboy desert aesthetics with cosmic spiritual vibes. Ideal for pôsteres de festivais de música, marcas de vestuário indie, branding espiritual, eventos temáticos. AI-ready template.

○ Light· Ryedesignmd.app ↗

ClickHouse-inspired neon performance landing page. Ideal for databases, analytics em tempo real, infraestrutura de dados, data warehouses. AI-ready template.

◐ Dark· Interdesignmd.app ↗