# Design Atlas by H190K > A free, public catalog of 49 website design languages, each shown as a full landing-page mockup in light and dark themes. Built by Hasan Albehadili (H190K), a web developer, so clients such as banks, oil and gas companies, digital wallets and other businesses can choose the visual style for their website. Key facts: - Owner and developer: Hasan Albehadili, also known as H190K. Personal site: https://h190k.com - Professional families (for companies) come first: Corporate & Enterprise, Banking & Finance, Energy & Industry, Product & Brand. - Stylistic families: Minimal & Typographic, Depth & Material, Futuristic & Tech, Retro & Historical, Organic & Expressive, Raw & Bold. - Every mockup is a concept mockup for a fictional brand. Mockups show the direction (mood, typography, colour, layout) of a style; icons, images and details are placeholders. Final client websites are designed from scratch and handcrafted. - To request a design or a custom website, use the contact form: https://designatlas.h190k.com/contact/ (add ?design= to pre-select a design). ## Main pages - [Home and catalog](https://designatlas.h190k.com/): introduction, all designs grouped by family, FAQ - [All designs](https://designatlas.h190k.com/designs/): the full catalog with numbered families - [Contact form](https://designatlas.h190k.com/contact/): send an enquiry with the chosen design - [Full LLM context](https://designatlas.h190k.com/llms-full.txt): every design described in detail ## 01 Corporate & Enterprise (professional) Trustworthy, structured websites for established companies, groups and institutions. - [Corporate Classic](https://designatlas.h190k.com/designs/corporate-classic/): Navy, serif and quiet authority. Best for: Law and accounting firms, Wealth management, Consultancies. Markdown: https://designatlas.h190k.com/designs/corporate-classic.md - [Enterprise SaaS](https://designatlas.h190k.com/designs/enterprise-saas/): Clear, credible, built to convert. Best for: B2B software, Data and analytics platforms, Developer infrastructure. Markdown: https://designatlas.h190k.com/designs/enterprise-saas.md - [Clean Healthcare](https://designatlas.h190k.com/designs/healthcare-corporate/): Calm, caring and clinically clear. Best for: Clinics and hospitals, Health tech, Insurance and wellness. Markdown: https://designatlas.h190k.com/designs/healthcare-corporate.md - [Government & Institutional](https://designatlas.h190k.com/designs/government/): Plain, accessible, task-first. Best for: Government and city services, Universities and NGOs, Utilities and public bodies. Markdown: https://designatlas.h190k.com/designs/government.md - [Holding Group](https://designatlas.h190k.com/designs/holding-group/): One group, many sectors, total composure. Best for: Family and investment holdings, Diversified conglomerates, Sovereign and regional groups. Markdown: https://designatlas.h190k.com/designs/holding-group.md - [Management Consulting](https://designatlas.h190k.com/designs/consulting/): Insight-led, editorial and precise. Best for: Consulting and advisory firms, Audit and tax practices, Think tanks and research groups. Markdown: https://designatlas.h190k.com/designs/consulting.md - [Telecom & Connectivity](https://designatlas.h190k.com/designs/telecom/): Bright, energetic and plan-focused. Best for: Mobile and broadband operators, Internet service providers, Connectivity and IoT companies. Markdown: https://designatlas.h190k.com/designs/telecom.md ## 02 Banking & Finance (professional) Secure, credible designs for banks, investment firms, insurers and digital wallets. - [Retail Bank](https://designatlas.h190k.com/designs/retail-bank/): Clear products, real rates, total trust. Best for: Retail and commercial banks, Credit unions, Lending and mortgage providers. Markdown: https://designatlas.h190k.com/designs/retail-bank.md - [Investment Banking](https://designatlas.h190k.com/designs/investment-bank/): Data-dense, discreet and institutional. Best for: Investment banks, Asset and fund managers, Brokerages and exchanges. Markdown: https://designatlas.h190k.com/designs/investment-bank.md - [Islamic Banking](https://designatlas.h190k.com/designs/islamic-banking/): Geometric heritage, modern finance. Best for: Islamic banks and windows, Takaful insurers, Ethical investment firms. Markdown: https://designatlas.h190k.com/designs/islamic-banking.md - [Digital Wallet](https://designatlas.h190k.com/designs/digital-wallet/): Mobile-first money, made delightful. Best for: Digital wallets and neobanks, Payment apps, Remittance and fintech startups. Markdown: https://designatlas.h190k.com/designs/digital-wallet.md - [Insurance](https://designatlas.h190k.com/designs/insurance/): Reassuring, simple, human. Best for: Insurers and takaful providers, Brokers and comparison services, Benefits providers. Markdown: https://designatlas.h190k.com/designs/insurance.md ## 03 Energy & Industry (professional) Confident, data-rich designs for oil and gas, utilities, engineering and logistics. - [Oil & Gas](https://designatlas.h190k.com/designs/oil-gas/): Industrial scale, safety-first precision. Best for: Oil and gas companies, National energy companies, Petrochemical and refining groups. Markdown: https://designatlas.h190k.com/designs/oil-gas.md - [Renewables & Utilities](https://designatlas.h190k.com/designs/renewable-energy/): Clean, optimistic and data-driven. Best for: Utilities and power companies, Solar and wind developers, Water and grid operators. Markdown: https://designatlas.h190k.com/designs/renewable-energy.md - [Engineering & Construction](https://designatlas.h190k.com/designs/engineering-construction/): Built on precision, delivered at scale. Best for: EPC contractors, Infrastructure and civil engineering, Industrial services firms. Markdown: https://designatlas.h190k.com/designs/engineering-construction.md - [Logistics & Shipping](https://designatlas.h190k.com/designs/logistics/): Global reach, real-time control. Best for: Shipping and freight companies, Ports and terminals, Supply chain providers. Markdown: https://designatlas.h190k.com/designs/logistics.md ## 04 Product & Brand (professional) Polished launch and brand sites for startups, products, studios and premium labels. - [Modern Startup](https://designatlas.h190k.com/designs/modern-saas/): Vibrant gradients and polished product shots. Best for: AI and developer startups, Fintech and payments, Product launches. Markdown: https://designatlas.h190k.com/designs/modern-saas.md - [Bento Grid](https://designatlas.h190k.com/designs/bento-grid/): Neat tiles of varied size. Best for: Hardware and product launches, Feature overviews, Portfolio summaries. Markdown: https://designatlas.h190k.com/designs/bento-grid.md - [Creative Agency](https://designatlas.h190k.com/designs/agency-studio/): Big statements, bold case studies. Best for: Design and branding agencies, Production studios, Freelance portfolios. Markdown: https://designatlas.h190k.com/designs/agency-studio.md - [Luxury](https://designatlas.h190k.com/designs/luxury/): Black, gold and slow, elegant serif. Best for: Jewellery and watches, Fashion houses, Hotels and fine dining. Markdown: https://designatlas.h190k.com/designs/luxury.md ## 05 Minimal & Typographic Restraint, whitespace and type doing nearly all of the work. - [Minimalism](https://designatlas.h190k.com/designs/minimalism/): Only what matters, with room to breathe. Best for: Premium product shops, Architecture and design studios, Personal brands. Markdown: https://designatlas.h190k.com/designs/minimalism.md - [Swiss Style](https://designatlas.h190k.com/designs/swiss-style/): Grids, Helvetica-like type and red. Best for: Design conferences and events, Museums and cultural venues, Information-heavy sites. Markdown: https://designatlas.h190k.com/designs/swiss-style.md - [Editorial](https://designatlas.h190k.com/designs/editorial/): Print-magazine elegance for the web. Best for: Magazines and journals, Content-led brands, Long-form storytelling. Markdown: https://designatlas.h190k.com/designs/editorial.md - [Japandi](https://designatlas.h190k.com/designs/japandi/): Warm, natural, quietly crafted. Best for: Furniture and interiors, Tea, wellness and spa, Boutique hospitality. Markdown: https://designatlas.h190k.com/designs/japandi.md - [Big Typography](https://designatlas.h190k.com/designs/typographic/): Letters as the main visual. Best for: Type foundries and agencies, Fashion and culture, Bold personal brands. Markdown: https://designatlas.h190k.com/designs/typographic.md ## 06 Depth & Material Light, shadow, glass and texture that make interfaces feel physical. - [Skeuomorphism](https://designatlas.h190k.com/designs/skeuomorphism/): Real-world materials, rendered on screen. Best for: Audio and music apps, Premium consumer gadgets, Nostalgic or crafted brands. Markdown: https://designatlas.h190k.com/designs/skeuomorphism.md - [Neumorphism](https://designatlas.h190k.com/designs/neumorphism/): Soft, extruded shapes from a single surface. Best for: Smart home and IoT apps, Wellness tools, Device control panels. Markdown: https://designatlas.h190k.com/designs/neumorphism.md - [Claymorphism](https://designatlas.h190k.com/designs/claymorphism/): Puffy, inflated, toy-like 3D. Best for: Kids and education apps, Games and rewards, Friendly consumer apps. Markdown: https://designatlas.h190k.com/designs/claymorphism.md - [Glassmorphism](https://designatlas.h190k.com/designs/glassmorphism/): Frosted panels floating over colour. Best for: Finance and crypto dashboards, Weather and travel apps, Modern OS-style interfaces. Markdown: https://designatlas.h190k.com/designs/glassmorphism.md - [Liquid Glass](https://designatlas.h190k.com/designs/liquid-glass/): Fluid, refractive glass with specular light. Best for: Media and streaming apps, Premium hardware brands, Modern mobile products. Markdown: https://designatlas.h190k.com/designs/liquid-glass.md - [Material Design](https://designatlas.h190k.com/designs/material-design/): Systematic, tonal, adaptive. Best for: Android and cross-platform apps, Productivity tools, Large product ecosystems. Markdown: https://designatlas.h190k.com/designs/material-design.md - [Flat Design](https://designatlas.h190k.com/designs/flat-design/): Solid colour, simple shapes, zero gloss. Best for: SaaS and fintech, Mobile apps, Infographic-heavy sites. Markdown: https://designatlas.h190k.com/designs/flat-design.md ## 07 Futuristic & Tech Glow, gradients and precision for products that live on the frontier. - [Cyberpunk](https://designatlas.h190k.com/designs/cyberpunk/): Neon, glitch and angular HUDs. Best for: Games and esports, Hardware and gadgets, Tech events. Markdown: https://designatlas.h190k.com/designs/cyberpunk.md - [Aurora Gradient](https://designatlas.h190k.com/designs/aurora-gradient/): Soft glowing colour fields. Best for: AI products, Web3 and fintech, Product launches. Markdown: https://designatlas.h190k.com/designs/aurora-gradient.md - [Dark Tech](https://designatlas.h190k.com/designs/dark-tech/): Precise, fast, quietly glowing. Best for: Developer tools, Productivity software, Engineering-focused brands. Markdown: https://designatlas.h190k.com/designs/dark-tech.md ## 08 Retro & Historical Movements and eras from the 1920s through the early web, reimagined. - [Bauhaus](https://designatlas.h190k.com/designs/bauhaus/): Primary colours and pure geometry. Best for: Art schools and galleries, Design-led products, Cultural events. Markdown: https://designatlas.h190k.com/designs/bauhaus.md - [Art Deco](https://designatlas.h190k.com/designs/art-deco/): Gilded geometry from the Jazz Age. Best for: Hotels, bars and theatres, Events and weddings, Premium spirits. Markdown: https://designatlas.h190k.com/designs/art-deco.md - [Memphis](https://designatlas.h190k.com/designs/memphis/): 80s squiggles, confetti and clashing colour. Best for: Kids and toy brands, Events and parties, Playful creative brands. Markdown: https://designatlas.h190k.com/designs/memphis.md - [Y2K](https://designatlas.h190k.com/designs/y2k/): Chrome, bubbles and iridescent optimism. Best for: Fashion and beauty, Music and pop culture, Gen-Z brands. Markdown: https://designatlas.h190k.com/designs/y2k.md - [Synthwave](https://designatlas.h190k.com/designs/synthwave/): Neon sunsets over a chrome grid. Best for: Music and radio, Gaming and esports, Nightlife and events. Markdown: https://designatlas.h190k.com/designs/synthwave.md - [Frutiger Aero](https://designatlas.h190k.com/designs/frutiger-aero/): Glossy skies, bubbles and fresh green. Best for: Utilities and cloud services, Eco and wellness brands, Nostalgic tech products. Markdown: https://designatlas.h190k.com/designs/frutiger-aero.md - [Pixel Art](https://designatlas.h190k.com/designs/pixel-art/): Chunky pixels and arcade nostalgia. Best for: Indie game studios, Gaming communities, Playful tech brands. Markdown: https://designatlas.h190k.com/designs/pixel-art.md - [Retro Terminal](https://designatlas.h190k.com/designs/retro-terminal/): Monospace, prompts and phosphor glow. Best for: Developer tools and CLIs, Security companies, Hacker communities. Markdown: https://designatlas.h190k.com/designs/retro-terminal.md ## 09 Organic & Expressive Hand-made, natural and abundant styles with lots of personality. - [Organic & Natural](https://designatlas.h190k.com/designs/organic/): Soft blobs, earth tones and warmth. Best for: Skincare and wellness, Food and farming, Sustainable brands. Markdown: https://designatlas.h190k.com/designs/organic.md - [Hand-Drawn](https://designatlas.h190k.com/designs/hand-drawn/): Wobbly lines and marker charm. Best for: Education and workshops, Creative tools, Personal and community brands. Markdown: https://designatlas.h190k.com/designs/hand-drawn.md - [Maximalism](https://designatlas.h190k.com/designs/maximalism/): Pattern on pattern, colour on colour. Best for: Home decor and fashion, Restaurants and bars, Personality-led brands. Markdown: https://designatlas.h190k.com/designs/maximalism.md ## 10 Raw & Bold Honest structure, heavy borders and loud contrast that refuse to blend in. - [Brutalism](https://designatlas.h190k.com/designs/brutalism/): Unpolished, structural, deliberately plain. Best for: Art and architecture archives, Independent publications, Portfolios with attitude. Markdown: https://designatlas.h190k.com/designs/brutalism.md - [Neo-Brutalism](https://designatlas.h190k.com/designs/neo-brutalism/): Thick outlines, hard shadows, loud colour. Best for: Startups and creator tools, Productivity apps, Youthful consumer brands. Markdown: https://designatlas.h190k.com/designs/neo-brutalism.md - [Anti-Design](https://designatlas.h190k.com/designs/anti-design/): Rules broken on purpose. Best for: Music and art festivals, Fashion labels, Experimental studios. Markdown: https://designatlas.h190k.com/designs/anti-design.md ## Optional - [Sitemap](https://designatlas.h190k.com/sitemap.xml) - [H190K personal website](https://h190k.com)