[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-opal-camera":3,"facets-baseline-false":168,"facets-{\"includeAuthors\":\"false\"}":346,"similar-websites-opal-camera":360},{"id":4,"name":5,"slug":6,"url":7,"dateUpdated":8,"fetchedAt":9,"coverId":10,"coverMobileId":11,"coverWidth":12,"coverHeight":13,"coverMobileWidth":14,"coverMobileHeight":15,"descriptionEn":16,"seoMeta":17,"industry":20,"styles":24,"credits":37,"pages":44,"typefaces":81,"technologiesByCategory":89,"pagespeedDesktop":114,"pagespeedMobile":127,"performanceDesktop":117,"performanceMobile":48,"colorBuckets":132,"colorPalette":149},"f7f7da1e-1e42-42bc-bf21-6949c44e84e5","Opal Camera","opal-camera","https:\u002F\u002Fopalcamera.com","2026-05-23T19:09:35.000Z","2026-05-04T07:45:49.000Z","f134f7d2-adbf-4529-b7b1-71e2aa503371","eac64253-83dc-4647-9de6-a815c2d839f4",1440,900,780,1688,"Opal Camera is a premium hardware brand dedicated to redefining the remote work experience through high-fidelity webcam technology. Their product lineup, including the Tadpole and C1, focuses on bridging the gap between standard laptop cameras and professional-grade imaging, specifically optimized for the modern laptop user. The brand positions itself as an essential tool for creators, professionals, and remote workers who demand cinematic quality in their digital interactions.\n\nThe visual identity is characterized by a sophisticated, lifestyle-oriented aesthetic that blends high-end product photography with a clean, minimalist interface. By utilizing warm, natural lighting and authentic human moments, the design moves away from cold, sterile tech tropes toward a more approachable, premium feel. The typography is bold and authoritative, while the generous use of white space and a refined color palette communicates a sense of modern elegance and effortless usability.",{"title":18,"meta_description":19},"Opal Camera | Premium Webcams Designed for Laptops","Elevate your video calls with Opal. Discover professional-grade webcams like the C1 and Tadpole, engineered specifically for the modern laptop user.",{"name":21,"label":22,"slug":23},"Technology & Hardware","Technology","technology",[25,29,33],{"name":26,"label":27,"slug":28},"High-End \u002F Luxury","Luxury","luxury",{"name":30,"label":31,"slug":32},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":34,"label":35,"slug":36},"Typographic \u002F Big Type","Typographic","typographic",[38],{"author":39,"roles":42},{"name":40,"label":40,"slug":41},"Niklas Rosén","niklas-ros-n",[43],"designer",[45,56,63,70,74],{"name":46,"title":47,"description":48,"url":49,"coverId":10,"coverMobileId":11,"alt":50,"altMobile":51,"pageType":52},"Homepage","Opal Camera Inc.",null,"https:\u002F\u002Fopalcamera.com\u002F","The desktop homepage features a large hero image of a person wearing headphones looking at a laptop, overlaid with the headline 'The first webcam designed for laptops' and a yellow call-to-action button. A navigation menu at the top left provides links to Products, Company, and Resources. The color palette is warm and natural, utilizing soft lighting and greenery in the background.","The mobile version presents a vertically oriented hero image of the same person and laptop setup, with the headline and yellow 'Available now for $99' button centered. The top navigation is condensed into a grid icon, and the layout is optimized for a single-column scroll on a smaller screen.",{"name":53,"label":54,"slug":55},"Home \u002F Landing Page","Home \u002F Landing","home-landing",{"name":57,"title":48,"description":48,"url":58,"coverId":48,"coverMobileId":48,"alt":48,"altMobile":48,"pageType":59},"About","https:\u002F\u002Fopalcamera.com\u002Fabout",{"name":60,"label":61,"slug":62},"About Us \u002F Team","About Us","about-us",{"name":64,"title":48,"description":48,"url":65,"coverId":48,"coverMobileId":48,"alt":48,"altMobile":48,"pageType":66},"Tadpole","https:\u002F\u002Fopalcamera.com\u002Fopal-tadpole",{"name":67,"label":68,"slug":69},"Projects \u002F Portfolio","Portfolio","portfolio",{"name":71,"title":48,"description":48,"url":72,"coverId":48,"coverMobileId":48,"alt":48,"altMobile":48,"pageType":73},"C1","https:\u002F\u002Fopalcamera.com\u002Fopal-c1",{"name":67,"label":68,"slug":69},{"name":75,"title":48,"description":48,"url":76,"coverId":48,"coverMobileId":48,"alt":48,"altMobile":48,"pageType":77},"Composer","https:\u002F\u002Fopalcamera.com\u002Fopal-composer",{"name":78,"label":79,"slug":80},"Services \u002F Features","Services","services",[82,86],{"name":83,"label":83,"slug":84,"foundryName":85},"Roobert","roobert","Displaay",{"name":87,"label":87,"slug":88,"foundryName":48},"Swiper Icons","swiper-icons",{"Analytics":90,"Tag managers":94,"Security":98,"CDN":102,"Advertising":106,"PaaS":110},[91],{"name":92,"label":92,"slug":93},"Facebook Pixel","facebook-pixel",[95],{"name":96,"label":96,"slug":97},"Google Tag Manager","google-tag-manager",[99],{"name":100,"label":100,"slug":101},"HSTS","hsts",[103],{"name":104,"label":104,"slug":105},"jsDelivr","jsdelivr",[107],{"name":108,"label":108,"slug":109},"Twitter Ads","twitter-ads",[111],{"name":112,"label":112,"slug":113},"Vercel","vercel",[115,118,121,124],{"category":116,"score":117},"performance",53,{"category":119,"score":120},"accessibility",82,{"category":122,"score":123},"best-practices",100,{"category":125,"score":126},"seo",91,[128,130,131],{"category":119,"score":129},81,{"category":122,"score":123},{"category":125,"score":126},[133,137,141,145],{"value":134,"label":135,"hex":136},"black","Black","#000000",{"value":138,"label":139,"hex":140},"gray","Gray","#737373",{"value":142,"label":143,"hex":144},"white","White","#ffffff",{"value":146,"label":147,"hex":148},"orange","Orange","#ff6900",[150,153,156,159,162,165],{"hex":151,"percent":152},"#3E2514",0.3157,{"hex":154,"percent":155},"#170F02",0.2943,{"hex":157,"percent":158},"#694D3B",0.1456,{"hex":160,"percent":161},"#CFCDC1",0.1146,{"hex":163,"percent":164},"#8F9A7F",0.0975,{"hex":166,"percent":167},"#DC7C2A",0.0323,{"facetDistribution":169,"facetLabels":254},{"industry":170,"styles":190,"technologies":205,"font_families":229,"page_type_name":243},{"Agency & Studio":171,"Art & Culture":172,"SaaS & Software":173,"Fashion & Apparel":174,"Architecture & Real Estate":175,"Entertainment & Media":176,"Food & Beverage":177,"Photography & Video":178,"Finance & Fintech":179,"Healthcare & Wellness":180,"Technology & Hardware":181,"Industrial & Manufacturing":182,"Beauty & Cosmetics":183,"Travel & Hospitality":184,"Non-Profit & Charity":185,"Education & Courses":186,"Crypto & Web3":187,"Sports & Fitness":188,"Automotive & Transportation":189},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":191,"Typographic \u002F Big Type":192,"High-End \u002F Luxury":193,"Dark Mode":194,"Vibrant \u002F Colorful":195,"Monochrome \u002F Grayscale":196,"Fun \u002F Playful":197,"Brutalist \u002F Neo-Brutalist":198,"Corporate \u002F Professional":199,"Illustrative \u002F Hand-drawn":200,"Futuristic \u002F Sci-Fi":201,"3D \u002F Spatial":202,"Retro \u002F Vintage \u002F Y2K":203,"Glassmorphism":204,"Bento Grid":204},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":206,"PHP":207,"WordPress":208,"Node.js":209,"React":210,"Vercel":211,"Vue.js":212,"Shopify":213,"Next.js":214,"Klaviyo":215,"Nuxt.js":216,"Typekit":217,"Amazon Web Services":218,"reCAPTCHA":219,"YouTube":220,"MailChimp":221,"Modernizr":126,"Bootstrap":222,"Slick":120,"Google Font API":223,"Craft CMS":224,"Framer Sites":225,"Contact Form 7":226,"Stimulus":227,"Google Maps":228},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,92,85,79,66,65,64,59,58,{"Inter":230,"Times New Roman":231,"Roboto":232,"Open Sans":233,"Neue Haas Grotesk":233,"Suisse Intl":234,"Arial":201,"Poppins":224,"Helvetica Neue":226,"Montserrat":235,"Diatype":202,"Neue Montreal":181,"Lato":182,"Graphik":236,"Source Sans":237,"Monument Grotesk":238,"Noto Sans":239,"Helvetica":240,"Söhne":241,"DM Sans":241,"Founders Grotesk":241,"GT America":242,"Google Sans":242,"Editorial":203,"IBM Plex Mono":186},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":244,"About Us \u002F Team":245,"Projects \u002F Portfolio":246,"Contact Us":247,"Blog \u002F Article Layout":248,"Services \u002F Features":249,"Shop \u002F Catalog":250,"Careers \u002F Jobs":251,"Pricing Page":180,"Sign Up \u002F Login":252,"404 Error Page":253},2401,774,527,418,378,341,299,89,27,9,{"industry":255,"styles":274,"page_type_name":287,"technologies":295,"font_families":320},{"Agency & Studio":256,"Art & Culture":257,"SaaS & Software":258,"Fashion & Apparel":259,"Architecture & Real Estate":260,"Entertainment & Media":261,"Food & Beverage":262,"Photography & Video":263,"Finance & Fintech":264,"Healthcare & Wellness":265,"Technology & Hardware":22,"Industrial & Manufacturing":266,"Beauty & Cosmetics":267,"Travel & Hospitality":268,"Non-Profit & Charity":269,"Education & Courses":270,"Crypto & Web3":271,"Sports & Fitness":272,"Automotive & Transportation":273},"Agencies","Art and Culture","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":27,"Dark Mode":275,"Vibrant \u002F Colorful":276,"Monochrome \u002F Grayscale":277,"Fun \u002F Playful":278,"Brutalist \u002F Neo-Brutalist":279,"Corporate \u002F Professional":280,"Illustrative \u002F Hand-drawn":281,"Futuristic \u002F Sci-Fi":282,"3D \u002F Spatial":283,"Retro \u002F Vintage \u002F Y2K":284,"Glassmorphism":285,"Bento Grid":286},"Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":54,"About Us \u002F Team":61,"Projects \u002F Portfolio":68,"Contact Us":288,"Blog \u002F Article Layout":289,"Services \u002F Features":79,"Shop \u002F Catalog":290,"Careers \u002F Jobs":291,"Pricing Page":292,"Sign Up \u002F Login":293,"404 Error Page":294},"Contact","Blog \u002F Article","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":296,"PHP":297,"WordPress":298,"Node.js":299,"React":300,"Vercel":112,"Vue.js":301,"Shopify":302,"Next.js":303,"Klaviyo":304,"Nuxt.js":305,"Typekit":306,"Amazon Web Services":307,"reCAPTCHA":308,"YouTube":309,"MailChimp":310,"Modernizr":311,"Bootstrap":312,"Slick":313,"Google Font API":314,"Craft CMS":315,"Framer Sites":316,"Contact Form 7":317,"Stimulus":318,"Google Maps":319},"jQuery","PHP","WordPress","Node.js","React","Vue.js","Shopify","Next.js","Klaviyo","Nuxt.js","Typekit","Amazon Web Services","reCAPTCHA","YouTube","MailChimp","Modernizr","Bootstrap","Slick","Google Font API","Craft CMS","Framer Sites","Contact Form 7","Stimulus","Google Maps",{"Inter":321,"Times New Roman":322,"Roboto":323,"Open Sans":324,"Neue Haas Grotesk":325,"Suisse Intl":326,"Arial":327,"Poppins":328,"Helvetica Neue":329,"Montserrat":330,"Diatype":331,"Neue Montreal":332,"Lato":333,"Graphik":334,"Source Sans":335,"Monument Grotesk":336,"Noto Sans":337,"Helvetica":338,"Söhne":339,"DM Sans":340,"Founders Grotesk":341,"GT America":342,"Google Sans":343,"Editorial":344,"IBM Plex Mono":345},"Inter","Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Diatype","Neue Montreal","Lato","Graphik","Source Sans","Monument Grotesk","Noto Sans","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":347,"facetLabels":354},{"industry":348,"styles":349,"technologies":350,"font_families":351,"page_type_name":352},{"Agency & Studio":171,"Art & Culture":172,"SaaS & Software":173,"Fashion & Apparel":174,"Architecture & Real Estate":175,"Entertainment & Media":176,"Food & Beverage":177,"Photography & Video":178,"Finance & Fintech":179,"Healthcare & Wellness":180,"Technology & Hardware":181,"Industrial & Manufacturing":182,"Beauty & Cosmetics":183,"Travel & Hospitality":184,"Non-Profit & Charity":185,"Education & Courses":186,"Crypto & Web3":187,"Sports & Fitness":188,"Automotive & Transportation":189},{"Clean \u002F Minimalist":191,"Typographic \u002F Big Type":192,"High-End \u002F Luxury":193,"Dark Mode":194,"Vibrant \u002F Colorful":195,"Monochrome \u002F Grayscale":196,"Fun \u002F Playful":197,"Brutalist \u002F Neo-Brutalist":198,"Corporate \u002F Professional":199,"Illustrative \u002F Hand-drawn":200,"Futuristic \u002F Sci-Fi":201,"3D \u002F Spatial":202,"Retro \u002F Vintage \u002F Y2K":203,"Glassmorphism":204,"Bento Grid":204},{"jQuery":206,"PHP":207,"WordPress":208,"Node.js":209,"React":210,"Vercel":211,"Vue.js":212,"Shopify":213,"Next.js":214,"Klaviyo":215,"Nuxt.js":216,"Typekit":217,"Amazon Web Services":218,"reCAPTCHA":219,"YouTube":220,"MailChimp":221,"Modernizr":126,"Bootstrap":222,"Slick":120,"Google Font API":223,"Craft CMS":224,"Framer Sites":225,"Contact Form 7":226,"Stimulus":227,"Google Maps":228},{"Inter":230,"Times New Roman":231,"Roboto":232,"Open Sans":233,"Neue Haas Grotesk":233,"Suisse Intl":234,"Arial":201,"Poppins":224,"Helvetica Neue":226,"Montserrat":235,"Diatype":202,"Neue Montreal":181,"Lato":182,"Graphik":236,"Source Sans":237,"Monument Grotesk":238,"Noto Sans":239,"Helvetica":240,"Söhne":241,"DM Sans":241,"Founders Grotesk":241,"GT America":242,"Google Sans":242,"Editorial":203,"IBM Plex Mono":186},{"Home \u002F Landing Page":353},2397,{"industry":355,"styles":356,"page_type_name":357,"technologies":358,"font_families":359},{"Agency & Studio":256,"Art & Culture":257,"SaaS & Software":258,"Fashion & Apparel":259,"Architecture & Real Estate":260,"Entertainment & Media":261,"Food & Beverage":262,"Photography & Video":263,"Finance & Fintech":264,"Healthcare & Wellness":265,"Technology & Hardware":22,"Industrial & Manufacturing":266,"Beauty & Cosmetics":267,"Travel & Hospitality":268,"Non-Profit & Charity":269,"Education & Courses":270,"Crypto & Web3":271,"Sports & Fitness":272,"Automotive & Transportation":273},{"Clean \u002F Minimalist":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":27,"Dark Mode":275,"Vibrant \u002F Colorful":276,"Monochrome \u002F Grayscale":277,"Fun \u002F Playful":278,"Brutalist \u002F Neo-Brutalist":279,"Corporate \u002F Professional":280,"Illustrative \u002F Hand-drawn":281,"Futuristic \u002F Sci-Fi":282,"3D \u002F Spatial":283,"Retro \u002F Vintage \u002F Y2K":284,"Glassmorphism":285,"Bento Grid":286},{"Home \u002F Landing Page":54},{"jQuery":296,"PHP":297,"WordPress":298,"Node.js":299,"React":300,"Vercel":112,"Vue.js":301,"Shopify":302,"Next.js":303,"Klaviyo":304,"Nuxt.js":305,"Typekit":306,"Amazon Web Services":307,"reCAPTCHA":308,"YouTube":309,"MailChimp":310,"Modernizr":311,"Bootstrap":312,"Slick":313,"Google Font API":314,"Craft CMS":315,"Framer Sites":316,"Contact Form 7":317,"Stimulus":318,"Google Maps":319},{"Inter":321,"Times New Roman":322,"Roboto":323,"Open Sans":324,"Neue Haas Grotesk":325,"Suisse Intl":326,"Arial":327,"Poppins":328,"Helvetica Neue":329,"Montserrat":330,"Diatype":331,"Neue Montreal":332,"Lato":333,"Graphik":334,"Source Sans":335,"Monument Grotesk":336,"Noto Sans":337,"Helvetica":338,"Söhne":339,"DM Sans":340,"Founders Grotesk":341,"GT America":342,"Google Sans":343,"Editorial":344,"IBM Plex Mono":345},{"hits":361},[362,410,533,582],{"id":363,"website_id":364,"page_id":363,"name":365,"slug":366,"url":367,"website_name":365,"website_slug":366,"website_url":368,"result_url":367,"fetched_at":369,"score":370,"score_boost":371,"ai_score":372,"freshness_score":373,"scored_at":374,"page_name":46,"page_url":367,"page_title":365,"page_description":375,"page_content":376,"page_sort":371,"is_home":377,"is_home_rank":378,"page_type_id":379,"page_type_name":53,"cover":380,"cover_mobile":383,"cover_sequence":385,"translations":389,"industry":393,"styles":394,"credits":395,"font_families":396,"technologies":397,"pagespeed":398,"pagespeed_mobile":403,"buckets":408,"search_payload":409},"14973a9c-e69b-4f3f-b07a-90722059b95f","d53a82e8-c315-4038-a889-0af5cfc40928","Chapps","chapps","https:\u002F\u002Fchapps.team\u002F","https:\u002F\u002Fchapps.team","2026-05-24T21:04:49.000Z",80,0,78,1779656689,"2026-05-24T21:05:43.000Z","Chapps helps teams create world-class digital products. Available for new projects — contact us to start a project.","AVAILABLE FOR NEW PROJECTS We will help you create your next world-class product Start a project",true,1,"1",{"id":381,"height":13,"width":12,"blurhash":382},"4e4bd534-901b-408a-a48f-74c0c785e552","radial-gradient(at 0 0,#08110e,#00000000 50%),radial-gradient(at 33% 0,#000000,#00000000 50%),radial-gradient(at 67% 0,#000000,#00000000 50%),radial-gradient(at 100% 0,#000000,#00000000 50%),radial-gradient(at 0 50%,#282829,#00000000 50%),radial-gradient(at 33% 50%,#4f4f4f,#00000000 50%),radial-gradient(at 67% 50%,#666565,#00000000 50%),radial-gradient(at 100% 50%,#4d4d4d,#00000000 50%),radial-gradient(at 0 100%,#000000,#00000000 50%),radial-gradient(at 33% 100%,#222122,#00000000 50%),radial-gradient(at 67% 100%,#3f3f3f,#00000000 50%),radial-gradient(at 100% 100%,#202120,#00000000 50%)",{"id":384,"height":15,"width":14,"blurhash":48},"c5fa263d-f748-477a-8492-4bc4a88587b9",[386],{"directus_files_id":387},{"id":388},"4dae0351-89b3-4e0e-b44c-8a32c7d1dfb0",[390],{"languages_code":391,"description":392},"en","Chapps is a high-impact digital product agency dedicated to helping teams build world-class digital experiences. The website serves as a bold, high-conversion landing page designed to attract forward-thinking tech companies and startups looking for premium design and development partnership.\n\nThe visual identity is defined by a striking dark mode aesthetic, utilizing massive, high-contrast typography to command immediate attention. The design language is ultra-minimalist yet energetic, punctuated by vibrant neon green accents and fluid, organic button shapes that break the rigid structure of the black canvas. This creates a sophisticated, tech-forward atmosphere that feels both professional and cutting-edge.","Agency & Studio",[30,275,34],[],[],[],[399,400,401,402],{"score":123,"category":116},{"score":123,"category":119},{"score":123,"category":122},{"score":221,"category":125},[404,405,406,407],{"score":123,"category":116},{"score":123,"category":119},{"score":123,"category":122},{"score":221,"category":125},[134,142,138],"Website: Chapps. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Chapps. Page description: Chapps helps teams create world-class digital products. Available for new projects — contact us to start a project.. Page content: AVAILABLE FOR NEW PROJECTS We will help you create your next world-class product Start a project. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features Black, White, Gray. AI description: Chapps is a high-impact digital product agency dedicated to helping teams build world-class digital experiences. The website serves as a bold, high-conversion landing page designed to attract forward-thinking tech companies and startups looking for premium design and development partnership. The visual identity is defined by a striking dark mode aesthetic, utilizing massive, high-contrast typography to command immediate attention. The design language is ultra-minimalist yet energetic, punctuated by vibrant neon green accents and fluid, organic button shapes that break the rigid structure of the black canvas. This creates a sophisticated, tech-forward atmosphere that feels both professional and cutting-edge.",{"id":411,"website_id":412,"page_id":411,"name":413,"slug":414,"url":415,"website_name":413,"website_slug":414,"website_url":416,"result_url":415,"fetched_at":417,"score":222,"score_boost":371,"ai_score":234,"freshness_score":418,"scored_at":419,"page_name":46,"page_url":415,"page_title":413,"page_description":420,"page_content":421,"page_sort":371,"is_home":377,"is_home_rank":378,"page_type_id":379,"page_type_name":53,"cover":422,"cover_mobile":425,"cover_sequence":427,"translations":509,"industry":512,"styles":513,"credits":514,"font_families":515,"technologies":516,"pagespeed":518,"pagespeed_mobile":525,"buckets":531,"search_payload":532},"15daadb3-3abb-4766-b5d7-c078da49c034","e35e9269-d368-43c0-a3f2-e331d50947f8","Hasselblad","hasselblad","https:\u002F\u002Fhasselblad.com\u002F","https:\u002F\u002Fhasselblad.com","2026-05-04T20:33:27.000Z",75,"2026-05-23T19:26:31.000Z","Hasselblad is a leading manufacturer of digital medium format cameras and lenses. Hasselblad cameras are renowned for their iconic design, uncompromising image quality, and high performance.","Public Voting Now Open Vote NowREAD MORE X2D II 100C BRILLIANCE AT EVERY MOMENT Read MoreBuy Now XCD 2,8-4\u002F35-100E STANDARD ZOOM LENS Read MoreBuy Now 907X & CFV 100C A Trifecta of Imaging Possibilities Read MoreBuy Now Ottavio Giannella THE EARTH AWAKENS Read moreRead all stories XCD 3,4\u002F75P Lightweight Portrait Lens Read moreBuy Now HASSELBLAD ICONIC MOMENTS Read More Hasselblad Heroines 2023 Read more",{"id":423,"height":13,"width":12,"blurhash":424},"614899b4-3c70-4986-8e74-5decf1e566c2","radial-gradient(at 0 0,#000000,#00000000 50%),radial-gradient(at 33% 0,#000000,#00000000 50%),radial-gradient(at 67% 0,#000000,#00000000 50%),radial-gradient(at 100% 0,#000000,#00000000 50%),radial-gradient(at 0 50%,#000000,#00000000 50%),radial-gradient(at 33% 50%,#4a4035,#00000000 50%),radial-gradient(at 67% 50%,#4f473d,#00000000 50%),radial-gradient(at 100% 50%,#211d1d,#00000000 50%),radial-gradient(at 0 100%,#000000,#00000000 50%),radial-gradient(at 33% 100%,#1b1801,#00000000 50%),radial-gradient(at 67% 100%,#1d1f12,#00000000 50%),radial-gradient(at 100% 100%,#000000,#00000000 50%)",{"id":426,"height":15,"width":14,"blurhash":48},"aa599e42-22b8-40ef-af0d-166c9440526e",[428,431,434,437,440,443,446,449,452,455,458,461,464,467,470,473,476,479,482,485,488,491,494,497,500,503,506],{"directus_files_id":429},{"id":430},"5d226a67-849d-4728-85dc-ef80bd705f78",{"directus_files_id":432},{"id":433},"85d5f4d4-ac3b-4ccd-a587-0149ce41577a",{"directus_files_id":435},{"id":436},"9de95500-6783-4037-9c61-9641e45b345a",{"directus_files_id":438},{"id":439},"587b447b-01a6-4a31-933e-3bf00e6e32ff",{"directus_files_id":441},{"id":442},"ad50662c-e219-4f7a-9941-aacf1e8be6bc",{"directus_files_id":444},{"id":445},"b214f414-b885-48e3-882d-5143b456d21b",{"directus_files_id":447},{"id":448},"f9f5a257-f29e-4050-b85e-7e2fb867df44",{"directus_files_id":450},{"id":451},"203ef062-d052-448f-b83b-af0a7d592834",{"directus_files_id":453},{"id":454},"28ca2b97-2018-4703-a46f-cb63911c175a",{"directus_files_id":456},{"id":457},"391e07c9-70d7-46eb-ae99-486506b0b343",{"directus_files_id":459},{"id":460},"c0ff06e2-39f2-4c58-9575-3ff6fa0e5dc1",{"directus_files_id":462},{"id":463},"c77f2fc5-6f5b-40a3-80db-a09124c18106",{"directus_files_id":465},{"id":466},"14687ee1-7053-47e1-b731-c81379bbb32b",{"directus_files_id":468},{"id":469},"a69ebecf-46df-4beb-88aa-e92ce15db237",{"directus_files_id":471},{"id":472},"e72d3ab2-9b77-42cc-9216-9398c76036e5",{"directus_files_id":474},{"id":475},"446768bc-4e1d-4708-806c-7d1fb40bb1e5",{"directus_files_id":477},{"id":478},"1a77368d-1a20-4daf-8da5-6d9122d83cf5",{"directus_files_id":480},{"id":481},"2ecdb2b1-8da5-41dd-985e-d3e03244683c",{"directus_files_id":483},{"id":484},"bee8d6a3-0bd4-4f4d-97b2-c22e0d948c8c",{"directus_files_id":486},{"id":487},"fcca2c0b-9caa-42a3-8cc6-94b93f35c11c",{"directus_files_id":489},{"id":490},"547ea412-257c-48d4-866d-02bbbe6e73b9",{"directus_files_id":492},{"id":493},"60ec376f-4ef6-4523-beb3-8b51cd369cac",{"directus_files_id":495},{"id":496},"9debc6cc-1ce5-4cbf-994b-34607bbc2690",{"directus_files_id":498},{"id":499},"6d019c7a-b467-43cc-b475-cc43c244b30e",{"directus_files_id":501},{"id":502},"c89e04bf-75d6-4526-909f-4f73fe084066",{"directus_files_id":504},{"id":505},"79e3b066-d553-4364-bcdd-f2fd314eb9ac",{"directus_files_id":507},{"id":508},"ddcb9652-2b36-4ccb-add6-d3fd45ce029b",[510],{"languages_code":391,"description":511},"Hasselblad's digital presence is a masterclass in prestige branding, designed to mirror the uncompromising quality of its medium format camera systems. The website serves as a high-end portal for professional photographers and enthusiasts, blending product showcases with cultural initiatives like the 'Hasselblad Masters.' The layout is spacious and cinematic, utilizing large-scale, dramatic imagery and a sophisticated dark aesthetic to command attention and evoke a sense of awe.\n\nThe visual identity is defined by a minimalist, luxury approach. By employing a deep, dark color palette contrasted with elegant, widely-spaced typography, the site communicates heritage and technical excellence. The design avoids clutter, opting instead for a curated experience that emphasizes the artistry of light and the precision of the hardware, positioning the brand as an essential tool for the world's most elite visual storytellers.","Photography & Video",[30,275,26],[],[],[307,517,300],"Gatsby",[519,521,523,524],{"score":520,"category":116},84,{"score":522,"category":119},83,{"score":123,"category":122},{"score":222,"category":125},[526,528,529,530],{"score":527,"category":116},68,{"score":200,"category":119},{"score":123,"category":122},{"score":222,"category":125},[134,142,138],"Website: Hasselblad. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Hasselblad. Page description: Hasselblad is a leading manufacturer of digital medium format cameras and lenses. Hasselblad cameras are renowned for their iconic design, uncompromising image quality, and high performance.. Page content: Public Voting Now Open Vote NowREAD MORE X2D II 100C BRILLIANCE AT EVERY MOMENT Read MoreBuy Now XCD 2,8-4\u002F35-100E STANDARD ZOOM LENS Read MoreBuy Now 907X & CFV 100C A Trifecta of Imaging Possibilities Read MoreBuy Now Ottavio Giannella THE EARTH AWAKENS Read moreRead all stories XCD 3,4\u002F75P Lightweight Portrait Lens Read moreBuy Now HASSELBLAD ICONIC MOMENTS Read More Hasselblad Heroines 2023 Read more. A Clean \u002F Minimalist, Dark Mode, High-End \u002F Luxury website in the Photography & Video industry. The overall color palette features Black, White, Gray. Built using Amazon Web Services, Gatsby, React. AI description: Hasselblad's digital presence is a masterclass in prestige branding, designed to mirror the uncompromising quality of its medium format camera systems. The website serves as a high-end portal for professional photographers and enthusiasts, blending product showcases with cultural initiatives like the 'Hasselblad Masters.' The layout is spacious and cinematic, utilizing large-scale, dramatic imagery and a sophisticated dark aesthetic to command attention and evoke a sense of awe. The visual identity is defined by a minimalist, luxury approach. By employing a deep, dark color palette contrasted with elegant, widely-spaced typography, the site communicates heritage and technical excellence. The design avoids clutter, opting instead for a curated experience that emphasizes the artistry of light and the precision of the hardware, positioning the brand as an essential tool for the world's most elite visual storytellers.",{"id":534,"website_id":535,"page_id":534,"name":536,"slug":537,"url":538,"website_name":536,"website_slug":537,"website_url":539,"result_url":538,"fetched_at":540,"score":120,"score_boost":371,"ai_score":541,"freshness_score":179,"scored_at":542,"page_name":46,"page_url":538,"page_title":543,"page_description":544,"page_content":545,"page_sort":371,"is_home":377,"is_home_rank":378,"page_type_id":379,"page_type_name":53,"cover":546,"cover_mobile":549,"cover_sequence":551,"translations":555,"industry":558,"styles":559,"credits":562,"font_families":563,"technologies":566,"pagespeed":568,"pagespeed_mobile":573,"buckets":579,"search_payload":581},"72117586-4cae-443f-a191-a37e91f4b85f","d99d7af7-7d1a-40df-af08-51c44c186d28","Octopus","octopus","https:\u002F\u002Foctopus.do\u002F","https:\u002F\u002Foctopus.do","2026-05-05T19:03:30.000Z",86,"2026-05-23T19:26:19.000Z","Octopus.do, Visual Sitemap Tool, Website Planner, Architecture","FREE visual sitemap builder with lo-fi wireframes for prototyping website architecture & structure. Use our website planning and site mapping tool to create a site map instantly. Our website diagram tool and website mapping is extremely fast and easy, we promise!","Untitled project Search Project settings Profile AI assistant Sticky note Attach file External link Comments Estimate Image mode Tags Explore SEO Main parent Page Header Introduction Services Latest News Footer Content Generate pages Collapse Page 0 Content Generate pages Page 0 Content Generate pages Page 0 Content Generate pages Section Cookies 0 Content Generate pages 404 Error 0 Content Generate pages Add section Blue Topaz Purple 100% We use cookies for better experience. I agree Brian Sophie Femke Guest James - Product - Features Sitemap Content Share AI Generate Crawler - Pricing - Resources Changelog Blog Community Plugins - Support Log in Dashboard close - Product - Features Sitemap Content Share Ai Generate Crawler - Pricing - Resources Changelog Blog Community Plugins - Support - Logo Log in Dashboard Finally Lightning⚡fast visual sitemap builder Best in class website planning and content creation tool link Import URL Personal site Landing page Corporate website Portfolio 716 created today [ link Visualize sitemap Explore website architecture conveniently ](\u002Fsitemap\u002Ffeatures)[ link Organize content Plan website content - individually or with your team ](\u002Fsitemap\u002Fcontent)[ link Publish website Launch a simple website with clear navigation. ](\u002Fsitemap\u002Fpublish)[ link Export anywhere Export to various file formats or popular services. ](\u002Fsitemap\u002Fshare) Create estimates Upload designs Sync Figma AI assistant Analyze SEO Wireframes Twitter Interbrand Meta Figma Squarespace Amazon Twitter Interbrand Meta Figma Squarespace Amazon Now website planning is fast, easy, and fun ✨ AI Generate Import URL Or start from scratch Tutorial How to Plan a Website: 10 Steps to Ensure Your Site’s Success Plan on creating a website, but don't know where to start? We've got you covered - this is a step by step guide on creating a plan. Insights Website content planning: a must in modern website industry Planning content not only saves time in the project, but also helps to rank higher in search results. User Experience Website Structure: The Backbone of User Experience We've all been there - lost in a labyrinth, clicking through a website, unable to find what we're looking for. That’s the result of poor structure. Read more Suits both beginners and pros 👩‍💻 For everyone involved in web or application development. Copywriters SEO Freelancers Marketing Copywriters SEO Freelancers Marketing Web designers Management & Sales For UX\u002FUI specialists Web designers Management & Sales For UX\u002FUI specialists Developers Product owners Product analysts Developers Product owners Product analysts Try Octopus No sign-up, just start! Logo - Product - Overview - The Method - Pricing - Features - Sitemap - Content - Share - Ai Generate - Crawler - Resources - Support - Community - Blog - Changelog - Plugins - Contact - © 2025 Octopus - Privacy policy - Terms of use - Cookies Policy",{"id":547,"height":13,"width":12,"blurhash":548},"6e91b2e8-daed-472d-9180-bda4b86d35c9","radial-gradient(at 0 0,#dae1f2,#00000000 50%),radial-gradient(at 33% 0,#b9ccf2,#00000000 50%),radial-gradient(at 67% 0,#8db3f5,#00000000 50%),radial-gradient(at 100% 0,#b9ccf2,#00000000 50%),radial-gradient(at 0 50%,#c6d9ed,#00000000 50%),radial-gradient(at 33% 50%,#90b3ed,#00000000 50%),radial-gradient(at 67% 50%,#2585f0,#00000000 50%),radial-gradient(at 100% 50%,#95b7ed,#00000000 50%),radial-gradient(at 0 100%,#d4dcf1,#00000000 50%),radial-gradient(at 33% 100%,#b9c8f2,#00000000 50%),radial-gradient(at 67% 100%,#97b2f6,#00000000 50%),radial-gradient(at 100% 100%,#b9c8f2,#00000000 50%)",{"id":550,"height":15,"width":14,"blurhash":48},"c41de93c-1a3d-45d3-b27e-6a0fb0885c08",[552],{"directus_files_id":553},{"id":554},"402cec4c-cf0c-4f14-a515-6fb5c78b1a31",[556],{"languages_code":391,"description":557},"Octopus is a streamlined visual sitemap builder designed to simplify website architecture and content planning. By utilizing its proprietary 'Content Brick Method,' the platform allows designers and planners to rapidly prototype site structures through a highly intuitive, low-fidelity interface. It serves as a bridge between initial ideation and high-fidelity design, making it an essential utility for web professionals who need to visualize information architecture without the friction of complex diagramming software.\n\nThe visual identity is characterized by a bold, high-energy aesthetic that leans into modern SaaS trends. Utilizing a vibrant blue primary palette paired with heavy, impactful typography, the design communicates speed and efficiency. The interface is clean and functional, employing rounded UI elements and a clear hierarchy that prioritizes ease of use. It targets a professional audience of web designers, UX architects, and digital strategists who value rapid prototyping and structured workflows.","SaaS & Software",[30,560,561],"Fun \u002F Playful","Vibrant \u002F Colorful",[],[326,323,564,345,565,326,326],"Source Code","IBM Plex Serif",[308,567],"Ubuntu",[569,570,571,572],{"score":241,"category":116},{"score":372,"category":119},{"score":221,"category":122},{"score":221,"category":125},[574,575,576,578],{"score":242,"category":116},{"score":372,"category":119},{"score":577,"category":122},96,{"score":221,"category":125},[142,134,138,580],"teal","Website: Octopus. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Octopus.do, Visual Sitemap Tool, Website Planner, Architecture. Page description: FREE visual sitemap builder with lo-fi wireframes for prototyping website architecture & structure. Use our website planning and site mapping tool to create a site map instantly. Our website diagram tool and website mapping is extremely fast and easy, we promise!. Page content: Untitled project Search Project settings Profile AI assistant Sticky note Attach file External link Comments Estimate Image mode Tags Explore SEO Main parent Page Header Introduction Services Latest News Footer Content Generate pages Collapse Page 0 Content Generate pages Page 0 Content Generate pages Page 0 Content Generate pages Section Cookies 0 Content Generate pages 404 Error 0 Content Generate pages Add section Blue Topaz Purple 100% We use cookies for better experience. I agree Brian Sophie Femke Guest James - Product - Features Sitemap Content Share AI Generate Crawler - Pricing - Resources Changelog Blog Community Plugins - Support Log in Dashboard close - Product - Features Sitemap Content Share Ai Generate Crawler - Pricing - Resources Changelog Blog Community Plugins - Support - Logo Log in Dashboard Finally Lightning⚡fast visual sitemap builder Best in class website planning and content creation tool link Import URL Personal site Landing page Corporate website Portfolio 716 created today [ link Visualize sitemap Explore website architecture conveniently ](\u002Fsitemap\u002Ffeatures)[ link Organize content Plan website content - individually or with your team ](\u002Fsitemap\u002Fcontent)[ link Publish website Launch a simple website with clear navigation. ](\u002Fsitemap\u002Fpublish)[ link Export anywhere Export to various file formats or popular services. ](\u002Fsitemap\u002Fshare) Create estimates Upload designs Sync Figma AI assistant Analyze SEO Wireframes Twitter Interbrand Meta Figma Squarespace Amazon Twitter Interbrand Meta Figma Squarespace Amazon Now website planning is fast, easy, and fun ✨ AI Generate Import URL Or start from scratch Tutorial How to Plan a Website: 10 Steps to Ensure Your Site’s Success Plan on creating a website, but don't know where to start? We've got you covered - this is a step by step guide on creating a plan. Insights Website content planning: a must in modern website industry Planning content not only saves time in the project, but also helps to rank higher in search results. User Experience Website Structure: The Backbone of User Experience We've all been there - lost in a labyrinth, clicking through a website, unable to find what we're looking for. That’s the result of poor structure. Read more Suits both beginners and pros 👩‍💻 For everyone involved in web or application development. Copywriters SEO Freelancers Marketing Copywriters SEO Freelancers Marketing Web designers Management & Sales For UX\u002FUI specialists Web designers Management & Sales For UX\u002FUI specialists Developers Product owners Product analysts Developers Product owners Product analysts Try Octopus No sign-up, just start! Logo - Product - Overview - The Method - Pricing - Features - Sitemap - Content - Share - Ai Generate - Crawler - Resources - Support - Community - Blog - Changelog - Plugins - Contact - © 2025 Octopus - Privacy policy - Terms of use - Cookies Policy. A Clean \u002F Minimalist, Fun \u002F Playful, Vibrant \u002F Colorful website in the SaaS & Software industry. The overall color palette features White, Black, Gray, Teal. The typography features Suisse Intl (Swiss Typefaces), Roboto (Sans Serif), Source Code (Sans Serif), IBM Plex Mono (Sans Serif), IBM Plex Serif (Serif), Suisse Intl (Swiss Typefaces), Suisse Intl (Swiss Typefaces). Built using reCAPTCHA, Ubuntu. AI description: Octopus is a streamlined visual sitemap builder designed to simplify website architecture and content planning. By utilizing its proprietary 'Content Brick Method,' the platform allows designers and planners to rapidly prototype site structures through a highly intuitive, low-fidelity interface. It serves as a bridge between initial ideation and high-fidelity design, making it an essential utility for web professionals who need to visualize information architecture without the friction of complex diagramming software. The visual identity is characterized by a bold, high-energy aesthetic that leans into modern SaaS trends. Utilizing a vibrant blue primary palette paired with heavy, impactful typography, the design communicates speed and efficiency. The interface is clean and functional, employing rounded UI elements and a clear hierarchy that prioritizes ease of use. It targets a professional audience of web designers, UX architects, and digital strategists who value rapid prototyping and structured workflows.",{"id":583,"website_id":584,"page_id":583,"name":585,"slug":586,"url":587,"website_name":585,"website_slug":586,"website_url":588,"result_url":587,"fetched_at":589,"score":222,"score_boost":371,"ai_score":234,"freshness_score":418,"scored_at":590,"page_name":46,"page_url":587,"page_title":585,"page_description":591,"page_content":592,"page_sort":371,"is_home":377,"is_home_rank":378,"page_type_id":379,"page_type_name":53,"cover":593,"cover_mobile":596,"cover_sequence":598,"translations":611,"industry":512,"styles":614,"credits":615,"font_families":618,"technologies":619,"pagespeed":621,"pagespeed_mobile":628,"buckets":633,"search_payload":635},"2f9fd342-86ac-4793-9627-c4a4bd5a1e3e","e57427b3-1ac1-4247-9086-35e44dfe226d","Canopy Films","canopy-films","https:\u002F\u002Fcanopyfilms.com\u002F","https:\u002F\u002Fcanopyfilms.com","2026-05-04T19:11:34.000Z","2026-05-23T19:21:02.000Z","Canopy Films is a production company based in Los Angeles and working everywhere.","Canopy Films - About - Work - Journal Vimeo Instagram [ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Finside-the-chinese-super-league)[ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Fadidas)[ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Fcartier-womens-perspectives)[ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Funder-armour-golf-jordan-spieth)[ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Fbose-street-busker) PREVIOUS NEXT 1\u002F6 00:08 Cartier - Women's Perspectives",{"id":594,"height":13,"width":12,"blurhash":595},"cb40fe54-617e-4d00-b487-27800aa9db6b","radial-gradient(at 0 0,#b6b6b7,#00000000 50%),radial-gradient(at 33% 0,#757577,#00000000 50%),radial-gradient(at 67% 0,#4c4c4e,#00000000 50%),radial-gradient(at 100% 0,#626263,#00000000 50%),radial-gradient(at 0 50%,#e8e8e9,#00000000 50%),radial-gradient(at 33% 50%,#8d8d8f,#00000000 50%),radial-gradient(at 67% 50%,#36363a,#00000000 50%),radial-gradient(at 100% 50%,#686869,#00000000 50%),radial-gradient(at 0 100%,#f6f6f7,#00000000 50%),radial-gradient(at 33% 100%,#a8a8a9,#00000000 50%),radial-gradient(at 67% 100%,#646466,#00000000 50%),radial-gradient(at 100% 100%,#7e7e7f,#00000000 50%)",{"id":597,"height":15,"width":14,"blurhash":48},"c1873dac-3407-4e4f-8845-9659db973f53",[599,602,605,608],{"directus_files_id":600},{"id":601},"a2eefdea-19da-4877-9d49-c83f44e049c0",{"directus_files_id":603},{"id":604},"2f6af276-4c8e-4584-8002-b80810bd4eda",{"directus_files_id":606},{"id":607},"fe805708-59a3-4b64-adf8-929619ca6572",{"directus_files_id":609},{"id":610},"43e9cf32-c598-4815-8e04-55e29d5f27ab",[612],{"languages_code":391,"description":613},"Canopy Films is a sophisticated film production company that leverages a high-contrast, minimalist aesthetic to showcase its cinematic portfolio. The website utilizes a bold, asymmetric grid layout and expansive monochrome imagery to create a sense of prestige and artistic intentionality. By stripping away unnecessary UI elements, the design places the viewer's focus entirely on the visual storytelling of their clients, ranging from luxury brands like Cartier to tech giants like Bose.\n\nThe visual identity is defined by a stark, editorial sensibility that targets high-end commercial clients and creative directors. The use of heavy typography, generous white space, and a dramatic grayscale palette positions the brand as a premium studio that values substance and cinematic texture over digital clutter. It is a masterclass in 'less is more,' where the motion and mood of the film stills serve as the primary interface.",[30,26,34],[616,617],"Lukas Eigler-Harding","Ilvz",[],[620,296,297],"GSAP",[622,624,626,627],{"score":623,"category":116},97,{"score":625,"category":119},73,{"score":577,"category":122},{"score":126,"category":125},[629,630,631,632],{"score":222,"category":116},{"score":372,"category":119},{"score":577,"category":122},{"score":126,"category":125},[634,142,134,138],"pink","Website: Canopy Films. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Canopy Films. Page description: Canopy Films is a production company based in Los Angeles and working everywhere.. Page content: Canopy Films - About - Work - Journal Vimeo Instagram [ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Finside-the-chinese-super-league)[ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Fadidas)[ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Fcartier-womens-perspectives)[ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Funder-armour-golf-jordan-spieth)[ VIEW PROJECT ](https:\u002F\u002Fcanopyfilms.com\u002Fwork\u002Fbose-street-busker) PREVIOUS NEXT 1\u002F6 00:08 Cartier - Women's Perspectives. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Photography & Video industry. Designed by Lukas Eigler-Harding and Ilvz. The overall color palette features Pink, White, Black, Gray. Built using GSAP, jQuery, PHP. AI description: Canopy Films is a sophisticated film production company that leverages a high-contrast, minimalist aesthetic to showcase its cinematic portfolio. The website utilizes a bold, asymmetric grid layout and expansive monochrome imagery to create a sense of prestige and artistic intentionality. By stripping away unnecessary UI elements, the design places the viewer's focus entirely on the visual storytelling of their clients, ranging from luxury brands like Cartier to tech giants like Bose. The visual identity is defined by a stark, editorial sensibility that targets high-end commercial clients and creative directors. The use of heavy typography, generous white space, and a dramatic grayscale palette positions the brand as a premium studio that values substance and cinematic texture over digital clutter. It is a masterclass in 'less is more,' where the motion and mood of the film stills serve as the primary interface."]