[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-surimpression":3,"facets-baseline-false":127,"facets-{\"includeAuthors\":\"false\"}":309,"similar-websites-surimpression":323},{"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":50,"typefaces":62,"technologiesByCategory":67,"pagespeedDesktop":72,"pagespeedMobile":85,"performanceDesktop":75,"performanceMobile":87,"colorBuckets":91,"colorPalette":108},"f7088ef0-d4d8-420e-a852-34e3115efc52","surimpression.studiokhi.com","surimpression","https:\u002F\u002Fsurimpression.studiokhi.com","2026-05-23T20:23:59.000Z","2026-05-04T07:23:04.000Z","a1d4b98c-8bc5-485f-b11f-64815b1bde93","959cf39d-4c21-43c5-89c7-61d6a79a3772",1440,900,780,1688,"SurImpression is a high-concept digital showcase designed to bridge the gap between physical exhibitions and immersive digital experiences. It serves as a conceptual playground for Studio Khi, demonstrating how cutting-edge technologies like interactive installations and generative art can be presented through a sophisticated, minimalist web interface. The site acts as both an event landing page and a portfolio piece for experimental design.\n\nThe visual identity is defined by a striking, Swiss-inspired typographic hierarchy and a rigorous grid system. By utilizing massive, high-contrast sans-serif typefaces against a stark white background, the design commands attention and establishes an immediate sense of authority and modernity. The layout is structured with a clean, modular grid that balances whitespace with dense information, appealing to a design-literate audience of artists, technologists, and creative professionals.",{"title":18,"meta_description":19},"SurImpression | Immersive Digital Design Concept","Explore SurImpression, a minimalist concept site by Studio Khi merging bold typography with interactive digital exhibition experiences.",{"name":21,"label":22,"slug":23},"Art & Culture","Art and Culture","art-and-culture",[25,29,33],{"name":26,"label":27,"slug":28},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":30,"label":31,"slug":32},"Monochrome \u002F Grayscale","Monochrome","monochrome",{"name":34,"label":35,"slug":36},"Typographic \u002F Big Type","Typographic","typographic",[38,44],{"author":39,"roles":42},{"name":40,"label":40,"slug":41},"Cynthia Jego","cynthia-jego",[43],"designer",{"author":45,"roles":48},{"name":46,"label":46,"slug":47},"Stéfan Lancelot","st-fan-lancelot",[49],"developer",[51],{"name":52,"title":53,"description":54,"url":55,"coverId":10,"coverMobileId":11,"alt":56,"altMobile":57,"pageType":58},"Homepage","SurImpression +","SurImpression is a minimalist website crafted to transform exhibitions into immersive digital experiences. More than just a showcase, this\n        website is a concept exploration designed by Studio Khi, merging bold aesthetics with intuitive functionality.","https:\u002F\u002Fsurimpression.studiokhi.com\u002F","A minimalist desktop website with a white background and large, bold black typography. The header features 'SurImpression + Labo School of Design' and dates, followed by a descriptive paragraph. A vertical sidebar on the right contains 'Menu', 'SurImpression', and 'Tickets' labels, while the main content area begins a grid of project entries like 'Collective Oblique' and 'Studio Aether'.","The mobile version presents a single-column vertical layout with the same large, bold black typography on a white background. The header text is stacked, and the side navigation is replaced by a top blue 'Menu' bar. The project list, starting with 'Collective Oblique', flows vertically down the screen.",{"name":59,"label":60,"slug":61},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[63],{"name":64,"label":64,"slug":65,"foundryName":66},"Helvetica Neue","helvetica-neue",null,{"CDN":68},[69],{"name":70,"label":70,"slug":71},"jsDelivr","jsdelivr",[73,76,79,82],{"category":74,"score":75},"performance",97,{"category":77,"score":78},"accessibility",91,{"category":80,"score":81},"best-practices",100,{"category":83,"score":84},"seo",63,[86,88,89,90],{"category":74,"score":87},68,{"category":77,"score":81},{"category":80,"score":81},{"category":83,"score":84},[92,96,100,104],{"value":93,"label":94,"hex":95},"white","White","#ffffff",{"value":97,"label":98,"hex":99},"black","Black","#000000",{"value":101,"label":102,"hex":103},"blue","Blue","#2b7fff",{"value":105,"label":106,"hex":107},"gray","Gray","#737373",[109,112,115,118,121,124],{"hex":110,"percent":111},"#FFFFFF",0.9065,{"hex":113,"percent":114},"#010101",0.067,{"hex":116,"percent":117},"#3939FA",0.008,{"hex":119,"percent":120},"#C8C8CA",0.0065,{"hex":122,"percent":123},"#868686",0.0063,{"hex":125,"percent":126},"#424242",0.0057,{"facetDistribution":128,"facetLabels":214},{"industry":129,"styles":149,"technologies":164,"font_families":189,"page_type_name":203},{"Agency & Studio":130,"Art & Culture":131,"SaaS & Software":132,"Fashion & Apparel":133,"Architecture & Real Estate":134,"Entertainment & Media":135,"Food & Beverage":136,"Photography & Video":137,"Finance & Fintech":138,"Healthcare & Wellness":139,"Technology & Hardware":140,"Industrial & Manufacturing":141,"Beauty & Cosmetics":142,"Travel & Hospitality":143,"Non-Profit & Charity":144,"Education & Courses":145,"Crypto & Web3":146,"Sports & Fitness":147,"Automotive & Transportation":148},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":150,"Typographic \u002F Big Type":151,"High-End \u002F Luxury":152,"Dark Mode":153,"Vibrant \u002F Colorful":154,"Monochrome \u002F Grayscale":155,"Fun \u002F Playful":156,"Brutalist \u002F Neo-Brutalist":157,"Corporate \u002F Professional":158,"Illustrative \u002F Hand-drawn":159,"Futuristic \u002F Sci-Fi":160,"3D \u002F Spatial":161,"Retro \u002F Vintage \u002F Y2K":162,"Glassmorphism":163,"Bento Grid":163},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":165,"PHP":166,"WordPress":167,"Node.js":168,"React":169,"Vercel":170,"Vue.js":171,"Shopify":172,"Next.js":173,"Klaviyo":174,"Nuxt.js":175,"Typekit":176,"Amazon Web Services":177,"reCAPTCHA":178,"YouTube":179,"MailChimp":180,"Modernizr":78,"Bootstrap":181,"Slick":182,"Google Font API":183,"Craft CMS":184,"Framer Sites":185,"Contact Form 7":186,"Stimulus":187,"Google Maps":188},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,92,85,82,79,66,65,64,59,58,{"Inter":190,"Times New Roman":191,"Roboto":192,"Open Sans":193,"Neue Haas Grotesk":193,"Suisse Intl":194,"Arial":160,"Poppins":184,"Helvetica Neue":186,"Montserrat":195,"Diatype":161,"Neue Montreal":140,"Lato":141,"Graphik":196,"Source Sans":197,"Monument Grotesk":198,"Noto Sans":199,"Helvetica":200,"Söhne":201,"DM Sans":201,"Founders Grotesk":201,"GT America":202,"Google Sans":202,"Editorial":162,"IBM Plex Mono":145},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":204,"About Us \u002F Team":205,"Projects \u002F Portfolio":206,"Contact Us":207,"Blog \u002F Article Layout":208,"Services \u002F Features":209,"Shop \u002F Catalog":210,"Careers \u002F Jobs":211,"Pricing Page":139,"Sign Up \u002F Login":212,"404 Error Page":213},2401,774,527,418,378,341,299,89,27,9,{"industry":215,"styles":234,"page_type_name":247,"technologies":258,"font_families":284},{"Agency & Studio":216,"Art & Culture":22,"SaaS & Software":217,"Fashion & Apparel":218,"Architecture & Real Estate":219,"Entertainment & Media":220,"Food & Beverage":221,"Photography & Video":222,"Finance & Fintech":223,"Healthcare & Wellness":224,"Technology & Hardware":225,"Industrial & Manufacturing":226,"Beauty & Cosmetics":227,"Travel & Hospitality":228,"Non-Profit & Charity":229,"Education & Courses":230,"Crypto & Web3":231,"Sports & Fitness":232,"Automotive & Transportation":233},"Agencies","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":235,"Dark Mode":236,"Vibrant \u002F Colorful":237,"Monochrome \u002F Grayscale":31,"Fun \u002F Playful":238,"Brutalist \u002F Neo-Brutalist":239,"Corporate \u002F Professional":240,"Illustrative \u002F Hand-drawn":241,"Futuristic \u002F Sci-Fi":242,"3D \u002F Spatial":243,"Retro \u002F Vintage \u002F Y2K":244,"Glassmorphism":245,"Bento Grid":246},"Luxury","Dark Mode","Vibrant","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":60,"About Us \u002F Team":248,"Projects \u002F Portfolio":249,"Contact Us":250,"Blog \u002F Article Layout":251,"Services \u002F Features":252,"Shop \u002F Catalog":253,"Careers \u002F Jobs":254,"Pricing Page":255,"Sign Up \u002F Login":256,"404 Error Page":257},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":259,"PHP":260,"WordPress":261,"Node.js":262,"React":263,"Vercel":264,"Vue.js":265,"Shopify":266,"Next.js":267,"Klaviyo":268,"Nuxt.js":269,"Typekit":270,"Amazon Web Services":271,"reCAPTCHA":272,"YouTube":273,"MailChimp":274,"Modernizr":275,"Bootstrap":276,"Slick":277,"Google Font API":278,"Craft CMS":279,"Framer Sites":280,"Contact Form 7":281,"Stimulus":282,"Google Maps":283},"jQuery","PHP","WordPress","Node.js","React","Vercel","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":285,"Times New Roman":286,"Roboto":287,"Open Sans":288,"Neue Haas Grotesk":289,"Suisse Intl":290,"Arial":291,"Poppins":292,"Helvetica Neue":64,"Montserrat":293,"Diatype":294,"Neue Montreal":295,"Lato":296,"Graphik":297,"Source Sans":298,"Monument Grotesk":299,"Noto Sans":300,"Helvetica":301,"Söhne":302,"DM Sans":303,"Founders Grotesk":304,"GT America":305,"Google Sans":306,"Editorial":307,"IBM Plex Mono":308},"Inter","Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","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":310,"facetLabels":317},{"industry":311,"styles":312,"technologies":313,"font_families":314,"page_type_name":315},{"Agency & Studio":130,"Art & Culture":131,"SaaS & Software":132,"Fashion & Apparel":133,"Architecture & Real Estate":134,"Entertainment & Media":135,"Food & Beverage":136,"Photography & Video":137,"Finance & Fintech":138,"Healthcare & Wellness":139,"Technology & Hardware":140,"Industrial & Manufacturing":141,"Beauty & Cosmetics":142,"Travel & Hospitality":143,"Non-Profit & Charity":144,"Education & Courses":145,"Crypto & Web3":146,"Sports & Fitness":147,"Automotive & Transportation":148},{"Clean \u002F Minimalist":150,"Typographic \u002F Big Type":151,"High-End \u002F Luxury":152,"Dark Mode":153,"Vibrant \u002F Colorful":154,"Monochrome \u002F Grayscale":155,"Fun \u002F Playful":156,"Brutalist \u002F Neo-Brutalist":157,"Corporate \u002F Professional":158,"Illustrative \u002F Hand-drawn":159,"Futuristic \u002F Sci-Fi":160,"3D \u002F Spatial":161,"Retro \u002F Vintage \u002F Y2K":162,"Glassmorphism":163,"Bento Grid":163},{"jQuery":165,"PHP":166,"WordPress":167,"Node.js":168,"React":169,"Vercel":170,"Vue.js":171,"Shopify":172,"Next.js":173,"Klaviyo":174,"Nuxt.js":175,"Typekit":176,"Amazon Web Services":177,"reCAPTCHA":178,"YouTube":179,"MailChimp":180,"Modernizr":78,"Bootstrap":181,"Slick":182,"Google Font API":183,"Craft CMS":184,"Framer Sites":185,"Contact Form 7":186,"Stimulus":187,"Google Maps":188},{"Inter":190,"Times New Roman":191,"Roboto":192,"Open Sans":193,"Neue Haas Grotesk":193,"Suisse Intl":194,"Arial":160,"Poppins":184,"Helvetica Neue":186,"Montserrat":195,"Diatype":161,"Neue Montreal":140,"Lato":141,"Graphik":196,"Source Sans":197,"Monument Grotesk":198,"Noto Sans":199,"Helvetica":200,"Söhne":201,"DM Sans":201,"Founders Grotesk":201,"GT America":202,"Google Sans":202,"Editorial":162,"IBM Plex Mono":145},{"Home \u002F Landing Page":316},2397,{"industry":318,"styles":319,"page_type_name":320,"technologies":321,"font_families":322},{"Agency & Studio":216,"Art & Culture":22,"SaaS & Software":217,"Fashion & Apparel":218,"Architecture & Real Estate":219,"Entertainment & Media":220,"Food & Beverage":221,"Photography & Video":222,"Finance & Fintech":223,"Healthcare & Wellness":224,"Technology & Hardware":225,"Industrial & Manufacturing":226,"Beauty & Cosmetics":227,"Travel & Hospitality":228,"Non-Profit & Charity":229,"Education & Courses":230,"Crypto & Web3":231,"Sports & Fitness":232,"Automotive & Transportation":233},{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":235,"Dark Mode":236,"Vibrant \u002F Colorful":237,"Monochrome \u002F Grayscale":31,"Fun \u002F Playful":238,"Brutalist \u002F Neo-Brutalist":239,"Corporate \u002F Professional":240,"Illustrative \u002F Hand-drawn":241,"Futuristic \u002F Sci-Fi":242,"3D \u002F Spatial":243,"Retro \u002F Vintage \u002F Y2K":244,"Glassmorphism":245,"Bento Grid":246},{"Home \u002F Landing Page":60},{"jQuery":259,"PHP":260,"WordPress":261,"Node.js":262,"React":263,"Vercel":264,"Vue.js":265,"Shopify":266,"Next.js":267,"Klaviyo":268,"Nuxt.js":269,"Typekit":270,"Amazon Web Services":271,"reCAPTCHA":272,"YouTube":273,"MailChimp":274,"Modernizr":275,"Bootstrap":276,"Slick":277,"Google Font API":278,"Craft CMS":279,"Framer Sites":280,"Contact Form 7":281,"Stimulus":282,"Google Maps":283},{"Inter":285,"Times New Roman":286,"Roboto":287,"Open Sans":288,"Neue Haas Grotesk":289,"Suisse Intl":290,"Arial":291,"Poppins":292,"Helvetica Neue":64,"Montserrat":293,"Diatype":294,"Neue Montreal":295,"Lato":296,"Graphik":297,"Source Sans":298,"Monument Grotesk":299,"Noto Sans":300,"Helvetica":301,"Söhne":302,"DM Sans":303,"Founders Grotesk":304,"GT America":305,"Google Sans":306,"Editorial":307,"IBM Plex Mono":308},{"hits":324},[325,394,515,555],{"id":326,"website_id":327,"page_id":326,"name":328,"slug":329,"url":330,"website_name":328,"website_slug":329,"website_url":331,"result_url":330,"fetched_at":332,"score":333,"score_boost":334,"ai_score":335,"freshness_score":336,"scored_at":337,"page_name":52,"page_url":330,"page_title":328,"page_description":338,"page_content":339,"page_sort":334,"is_home":340,"is_home_rank":341,"page_type_id":342,"page_type_name":59,"cover":343,"cover_mobile":346,"cover_sequence":348,"translations":364,"industry":368,"styles":369,"credits":371,"font_families":374,"technologies":375,"pagespeed":376,"pagespeed_mobile":384,"buckets":390,"search_payload":393},"c10a7b03-3139-415a-aad4-a389067e6237","e074993a-efc0-440a-9c65-17f4aea88349","Karoshi","karoshi","https:\u002F\u002Fteamkaroshi.com\u002F","https:\u002F\u002Fteamkaroshi.com","2026-05-05T08:29:46.000Z",83,0,84,75,"2026-05-23T19:23:39.000Z","Multi-disciplinary design consultancy","A multi-disciplinary design consultancy, we address every type of brand challenge imaginable. We create, evolve, implement and nurture.",true,1,"1",{"id":344,"height":13,"width":12,"blurhash":345},"542a2363-7b11-4b39-ad0e-f6509723df0d","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#ffffff,#00000000 50%),radial-gradient(at 67% 0,#ffffff,#00000000 50%),radial-gradient(at 100% 0,#fffefb,#00000000 50%),radial-gradient(at 0 50%,#edf3f0,#00000000 50%),radial-gradient(at 33% 50%,#e7efec,#00000000 50%),radial-gradient(at 67% 50%,#e7e9e4,#00000000 50%),radial-gradient(at 100% 50%,#ece7df,#00000000 50%),radial-gradient(at 0 100%,#a8daf1,#00000000 50%),radial-gradient(at 33% 100%,#8ecce5,#00000000 50%),radial-gradient(at 67% 100%,#94bfd0,#00000000 50%),radial-gradient(at 100% 100%,#94b6c3,#00000000 50%)",{"id":347,"height":15,"width":14,"blurhash":66},"1919eccd-7bf2-4c9f-b730-18536e498c2c",[349,352,355,358,361],{"directus_files_id":350},{"id":351},"f672dac5-ab83-4d1b-a078-6353a684f14d",{"directus_files_id":353},{"id":354},"813423bd-0fd5-4a52-bdfd-0e7c070b3463",{"directus_files_id":356},{"id":357},"b0131bf8-fabb-4584-a1af-00e15d225e5b",{"directus_files_id":359},{"id":360},"2419c973-a57c-418a-9c55-771cf8487a35",{"directus_files_id":362},{"id":363},"ac231b10-97c0-4dda-97ab-e7d2a70ca2d0",[365],{"languages_code":366,"description":367},"en","Karoshi is a multi-disciplinary design consultancy that positions itself as a holistic partner for brand evolution. The website utilizes a sophisticated, high-end aesthetic characterized by expansive whitespace, generous margins, and a structured grid that allows its portfolio work to breathe. The visual identity is anchored by high-fidelity, tactile imagery that emphasizes the physical reality of design, from printed materials to lifestyle photography.\n\nThe design language is unapologetically minimal and editorial, targeting high-level brand managers and ambitious enterprises seeking premium creative direction. By blending clean typography with large-scale, impactful imagery, the site communicates a sense of confidence and professional maturity. The navigation is understated, ensuring that the focus remains entirely on the agency's ability to 'create, evolve, implement, and nurture' brand identities.","Agency & Studio",[26,370,34],"High-End \u002F Luxury",[372,373],"Foundation","Paul Davis",[290],[259,275,260,261],[377,379,381,383],{"score":378,"category":74},99,{"score":380,"category":77},80,{"score":382,"category":80},81,{"score":180,"category":83},[385,387,388,389],{"score":386,"category":74},93,{"score":335,"category":77},{"score":382,"category":80},{"score":180,"category":83},[93,105,391,392,97],"teal","brown","Website: Karoshi. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Karoshi. Page description: Multi-disciplinary design consultancy. Page content: A multi-disciplinary design consultancy, we address every type of brand challenge imaginable. We create, evolve, implement and nurture.. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Gray, Teal, Brown, Black. The typography features Suisse Intl (Swiss Typefaces). Built using jQuery, Modernizr, PHP, WordPress. AI description: Karoshi is a multi-disciplinary design consultancy that positions itself as a holistic partner for brand evolution. The website utilizes a sophisticated, high-end aesthetic characterized by expansive whitespace, generous margins, and a structured grid that allows its portfolio work to breathe. The visual identity is anchored by high-fidelity, tactile imagery that emphasizes the physical reality of design, from printed materials to lifestyle photography. The design language is unapologetically minimal and editorial, targeting high-level brand managers and ambitious enterprises seeking premium creative direction. By blending clean typography with large-scale, impactful imagery, the site communicates a sense of confidence and professional maturity. The navigation is understated, ensuring that the focus remains entirely on the agency's ability to 'create, evolve, implement, and nurture' brand identities.",{"id":395,"website_id":396,"page_id":395,"name":397,"slug":398,"url":399,"website_name":397,"website_slug":398,"website_url":400,"result_url":399,"fetched_at":401,"score":382,"score_boost":334,"ai_score":159,"freshness_score":402,"scored_at":403,"page_name":52,"page_url":399,"page_title":404,"page_description":405,"page_content":406,"page_sort":334,"is_home":340,"is_home_rank":341,"page_type_id":342,"page_type_name":59,"cover":407,"cover_mobile":410,"cover_sequence":412,"translations":491,"industry":368,"styles":494,"credits":495,"font_families":497,"technologies":500,"pagespeed":501,"pagespeed_mobile":507,"buckets":513,"search_payload":514},"0a196f7a-45eb-4671-8000-7c74b6b3264b","fb3b2274-865e-4212-a5ef-8c41e24af703","Makkaihang Design","makkaihang","https:\u002F\u002Fmakkaihang.com\u002F","https:\u002F\u002Fmakkaihang.com","2026-04-30T19:35:25.000Z",70,"2026-05-23T19:17:13.000Z","makkaihang design","Design practice in Hong Kong. Offering design solutions of Brand Identity, Book Design, Exhibitions, and Digital Website.","In this chaotic era with overwhelming information, designers take up the role of intermediary and facilitator in our daily communication. We are convinced that design has the power to shape a better world, design is an attitude. Our team endeavors to solve every design problem and convey project essence through the use of explicit design language.",{"id":408,"height":13,"width":12,"blurhash":409},"e3d7e425-b221-4a3f-9dfc-7e8e2d534de0","radial-gradient(at 0 0,#151515,#00000000 50%),radial-gradient(at 33% 0,#1a1a1a,#00000000 50%),radial-gradient(at 67% 0,#1d1d1d,#00000000 50%),radial-gradient(at 100% 0,#191919,#00000000 50%),radial-gradient(at 0 50%,#212121,#00000000 50%),radial-gradient(at 33% 50%,#2a2a2a,#00000000 50%),radial-gradient(at 67% 50%,#313131,#00000000 50%),radial-gradient(at 100% 50%,#2e2e2e,#00000000 50%),radial-gradient(at 0 100%,#121212,#00000000 50%),radial-gradient(at 33% 100%,#161616,#00000000 50%),radial-gradient(at 67% 100%,#191919,#00000000 50%),radial-gradient(at 100% 100%,#181818,#00000000 50%)",{"id":411,"height":15,"width":14,"blurhash":66},"60c3a153-e039-48a6-9699-da484aa59d58",[413,416,419,422,425,428,431,434,437,440,443,446,449,452,455,458,461,464,467,470,473,476,479,482,485,488],{"directus_files_id":414},{"id":415},"d7f8bdd0-6724-4f8b-8c8c-b26363097e67",{"directus_files_id":417},{"id":418},"1f7f4d14-948c-4893-aba3-d7c8e821c0b3",{"directus_files_id":420},{"id":421},"58b1299f-1381-4ddb-9900-2ed132d39c23",{"directus_files_id":423},{"id":424},"40c5ba23-8a1d-4f3d-890a-3a759112c44a",{"directus_files_id":426},{"id":427},"91edeb3e-95b1-4800-bd0c-3ec1d092cbaf",{"directus_files_id":429},{"id":430},"b67080ee-6a6f-4428-a2d4-32ee2f8503c2",{"directus_files_id":432},{"id":433},"e61793d7-78ec-4acb-b786-0b7075b4b40c",{"directus_files_id":435},{"id":436},"7be9522a-6532-4e65-b55f-875c76ba9c48",{"directus_files_id":438},{"id":439},"6ed59807-1555-4f11-a41f-6db2f76a83cb",{"directus_files_id":441},{"id":442},"b641569d-f0d3-44ed-b87c-f5f683e3a402",{"directus_files_id":444},{"id":445},"34077372-aef4-42a3-9fe8-c7d90e3c45a0",{"directus_files_id":447},{"id":448},"30cfbb0a-0ab9-4b72-89fb-301fc7d851bb",{"directus_files_id":450},{"id":451},"83993acb-3607-465b-8003-dfd397da990d",{"directus_files_id":453},{"id":454},"df01a9a2-c539-4ce3-849e-3901961d87cc",{"directus_files_id":456},{"id":457},"d6e9864c-d2cd-4621-a90d-68ad318704fc",{"directus_files_id":459},{"id":460},"c3fe0560-9a4e-415b-8a8f-b40c9ff1c1d5",{"directus_files_id":462},{"id":463},"43937ad3-3144-4f91-b33a-b04eb271d96a",{"directus_files_id":465},{"id":466},"ea6c3bef-4de2-44f4-90c1-413173775e42",{"directus_files_id":468},{"id":469},"c9daea38-5406-46b9-9889-152efaac63da",{"directus_files_id":471},{"id":472},"4455e630-23c5-4926-b2eb-a988855ab65b",{"directus_files_id":474},{"id":475},"f631cfb1-324d-4e2d-894c-5b4df16ceff4",{"directus_files_id":477},{"id":478},"c00dda30-e89b-488e-8824-c3c81bb5c9a6",{"directus_files_id":480},{"id":481},"958c24ad-e3b9-4625-8634-0c54bf026433",{"directus_files_id":483},{"id":484},"5e38a7f7-3e1a-4bba-ad87-806ed25cb3a2",{"directus_files_id":486},{"id":487},"96adc913-ff91-4ab7-9d30-054c381b7b7f",{"directus_files_id":489},{"id":490},"7b8cb75a-0dd3-4be0-8314-7f3fb4f490eb",[492],{"languages_code":366,"description":493},"Makkaihang Design is a multidisciplinary design practice based in Hong Kong, specializing in brand identity, book design, exhibitions, and digital experiences. The studio positions itself as an intermediary in a chaotic information era, focusing on the intersection of traditional craftsmanship and experimental typography to create timeless, meaningful design solutions.\n\nThe visual identity is defined by a sophisticated, high-end minimalist aesthetic. Utilizing a dark mode interface with a rigorous typographic hierarchy, the website employs a spacious, editorial layout that allows its portfolio to breathe. The use of monochrome tones and structured grids reflects a professional yet avant-garde sensibility, targeting clients in the art, culture, and luxury sectors who value intellectual depth and precision.",[26,236,34],[496],"Simon Chung",[498,499],"Untitled Sans","Untitled Serif",[274],[502,503,504,506],{"score":198,"category":74},{"score":380,"category":77},{"score":505,"category":80},96,{"score":84,"category":83},[508,509,511,512],{"score":202,"category":74},{"score":510,"category":77},71,{"score":505,"category":80},{"score":84,"category":83},[97,105,93],"Website: Makkaihang Design. Page: Homepage. Page type: Home \u002F Landing Page. Page title: makkaihang design. Page description: Design practice in Hong Kong. Offering design solutions of Brand Identity, Book Design, Exhibitions, and Digital Website.. Page content: In this chaotic era with overwhelming information, designers take up the role of intermediary and facilitator in our daily communication. We are convinced that design has the power to shape a better world, design is an attitude. Our team endeavors to solve every design problem and convey project essence through the use of explicit design language.. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. Designed by Simon Chung. The overall color palette features Black, Gray, White. The typography features Untitled Sans (Sans Serif, Klim Type), Untitled Serif (Serif, Klim Type). Built using MailChimp. AI description: Makkaihang Design is a multidisciplinary design practice based in Hong Kong, specializing in brand identity, book design, exhibitions, and digital experiences. The studio positions itself as an intermediary in a chaotic information era, focusing on the intersection of traditional craftsmanship and experimental typography to create timeless, meaningful design solutions. The visual identity is defined by a sophisticated, high-end minimalist aesthetic. Utilizing a dark mode interface with a rigorous typographic hierarchy, the website employs a spacious, editorial layout that allows its portfolio to breathe. The use of monochrome tones and structured grids reflects a professional yet avant-garde sensibility, targeting clients in the art, culture, and luxury sectors who value intellectual depth and precision.",{"id":516,"website_id":517,"page_id":516,"name":518,"slug":519,"url":520,"website_name":518,"website_slug":519,"website_url":521,"result_url":520,"fetched_at":522,"score":335,"score_boost":334,"ai_score":211,"freshness_score":186,"scored_at":523,"page_name":52,"page_url":520,"page_title":519,"page_description":524,"page_content":525,"page_sort":334,"is_home":340,"is_home_rank":341,"page_type_id":342,"page_type_name":59,"cover":526,"cover_mobile":529,"cover_sequence":531,"translations":535,"industry":368,"styles":538,"credits":539,"font_families":540,"technologies":541,"pagespeed":542,"pagespeed_mobile":547,"buckets":553,"search_payload":554},"d88bd211-968b-4025-9f31-0ab5b6ecebfa","fef92e54-f992-4ed0-9a14-fe16f271d865","Ffforum","ffforum","https:\u002F\u002Fffforum.site\u002F","https:\u002F\u002Fffforum.site","2026-04-24T17:34:46.000Z","2026-05-23T19:16:37.000Z","ffforum is a design studio developing brand identities, digital tools and images for clients across culture and commerce.","fff ffforum ProjectsStudio [ Future-facing identity built around attribution View ](\u002Fprojects\u002Ftitles)",{"id":527,"height":13,"width":12,"blurhash":528},"e3f76497-a175-4208-b0cb-8631c9ffb904","radial-gradient(at 0 0,#7c817c,#00000000 50%),radial-gradient(at 33% 0,#717371,#00000000 50%),radial-gradient(at 67% 0,#6f6d6f,#00000000 50%),radial-gradient(at 100% 0,#797778,#00000000 50%),radial-gradient(at 0 50%,#6c6f6d,#00000000 50%),radial-gradient(at 33% 50%,#606361,#00000000 50%),radial-gradient(at 67% 50%,#4d4b4d,#00000000 50%),radial-gradient(at 100% 50%,#5d5b5c,#00000000 50%),radial-gradient(at 0 100%,#575658,#00000000 50%),radial-gradient(at 33% 100%,#363737,#00000000 50%),radial-gradient(at 67% 100%,#000800,#00000000 50%),radial-gradient(at 100% 100%,#3c3b3b,#00000000 50%)",{"id":530,"height":15,"width":14,"blurhash":66},"38d5939a-0460-489d-953c-2408336897de",[532],{"directus_files_id":533},{"id":534},"471e16ea-6a04-436d-ba6d-2aaa4134f9de",[536],{"languages_code":366,"description":537},"Ffforum operates at the intersection of culture and commerce, presenting a digital presence that mirrors its multidisciplinary studio approach. The site uses high-contrast imagery and expansive typography to establish a sophisticated, editorial tone that feels more like a high-end lookbook than a standard agency portfolio. By utilizing large-scale imagery and rhythmic section transitions, the design communicates a sense of scale and intentionality, framing their work in identity systems and digital tools as high-stakes creative endeavors.\n\nOversized, heavy sans-serif type dominates the layout, creating a powerful visual hierarchy that anchors the dark-mode interface. The grid is loose and experimental, often breaking traditional boundaries with overlapping elements and large-scale photography that fills the viewport. A restrained monochromatic palette allows the textures of the project imagery—from grainy film stills to abstract digital renders—to take center stage. The use of pill-shaped navigation buttons provides a tactile, functional anchor amidst the expansive, type-driven sections.",[26,236,34],[],[],[],[543,544,545,546],{"score":180,"category":74},{"score":335,"category":77},{"score":81,"category":80},{"score":180,"category":83},[548,550,551,552],{"score":549,"category":74},73,{"score":335,"category":77},{"score":81,"category":80},{"score":180,"category":83},[93,97,105],"Website: Ffforum. Page: Homepage. Page type: Home \u002F Landing Page. Page title: ffforum. Page description: ffforum is a design studio developing brand identities, digital tools and images for clients across culture and commerce.. Page content: fff ffforum ProjectsStudio [ Future-facing identity built around attribution View ](\u002Fprojects\u002Ftitles). A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Black, Gray. AI description: Ffforum operates at the intersection of culture and commerce, presenting a digital presence that mirrors its multidisciplinary studio approach. The site uses high-contrast imagery and expansive typography to establish a sophisticated, editorial tone that feels more like a high-end lookbook than a standard agency portfolio. By utilizing large-scale imagery and rhythmic section transitions, the design communicates a sense of scale and intentionality, framing their work in identity systems and digital tools as high-stakes creative endeavors. Oversized, heavy sans-serif type dominates the layout, creating a powerful visual hierarchy that anchors the dark-mode interface. The grid is loose and experimental, often breaking traditional boundaries with overlapping elements and large-scale photography that fills the viewport. A restrained monochromatic palette allows the textures of the project imagery—from grainy film stills to abstract digital renders—to take center stage. The use of pill-shaped navigation buttons provides a tactile, functional anchor amidst the expansive, type-driven sections.",{"id":556,"website_id":557,"page_id":556,"name":558,"slug":559,"url":560,"website_name":558,"website_slug":559,"website_url":561,"result_url":560,"fetched_at":562,"score":380,"score_boost":334,"ai_score":182,"freshness_score":563,"scored_at":564,"page_name":52,"page_url":560,"page_title":558,"page_description":565,"page_content":566,"page_sort":334,"is_home":340,"is_home_rank":341,"page_type_id":342,"page_type_name":59,"cover":567,"cover_mobile":570,"cover_sequence":572,"translations":576,"industry":368,"styles":579,"credits":582,"font_families":583,"technologies":585,"pagespeed":586,"pagespeed_mobile":590,"buckets":595,"search_payload":597},"265c19f6-1a50-4624-b65a-b19423940a49","f0695953-3fc1-44a0-8b3c-a49154ea3cd2","HHEY","hhey","https:\u002F\u002Fhhey.studio\u002F","https:\u002F\u002Fhhey.studio","2026-05-04T09:36:58.000Z",74,"2026-05-23T19:21:22.000Z","We develop novel interactive experiences with a strong focus on sophisticated technical execution and aesthetics for agencies and brands.","Hello, new visitor! 🤗",{"id":568,"height":13,"width":12,"blurhash":569},"209232e4-3fd7-4294-9bf5-89b71861c3b2","radial-gradient(at 0 0,#e4eade,#00000000 50%),radial-gradient(at 33% 0,#f0eeef,#00000000 50%),radial-gradient(at 67% 0,#ffffff,#00000000 50%),radial-gradient(at 100% 0,#ffffff,#00000000 50%),radial-gradient(at 0 50%,#beb3ff,#00000000 50%),radial-gradient(at 33% 50%,#d8d3fd,#00000000 50%),radial-gradient(at 67% 50%,#f4f4ff,#00000000 50%),radial-gradient(at 100% 50%,#faf8ff,#00000000 50%),radial-gradient(at 0 100%,#cbc9f8,#00000000 50%),radial-gradient(at 33% 100%,#c3b3fa,#00000000 50%),radial-gradient(at 67% 100%,#e2d6ff,#00000000 50%),radial-gradient(at 100% 100%,#faf7ff,#00000000 50%)",{"id":571,"height":15,"width":14,"blurhash":66},"d1be313a-9525-49ac-9adb-bd9803ec96ac",[573],{"directus_files_id":574},{"id":575},"ccaf5846-435b-40b9-9d3a-990dbf60fd9b",[577],{"languages_code":366,"description":578},"HHEY is a high-energy digital product studio based in Hamburg, specializing in the creation of novel interactive experiences. The studio positions itself at the intersection of sophisticated technical execution and cutting-edge aesthetics, catering specifically to forward-thinking agencies and global brands looking to push the boundaries of digital engagement.\n\nThe visual identity is unapologetically bold, utilizing a playful yet highly polished design language. Characterized by vibrant purple hues, expressive typography, and whimsical UI elements like floating speech bubbles and emojis, the site communicates a sense of approachability and creative dynamism. It strikes a perfect balance between a fun, experimental vibe and the professional rigor required for high-end digital product development.",[580,34,581],"Fun \u002F Playful","Vibrant \u002F Colorful",[],[305,305,584],"Ginto",[],[587,588,589],{"score":138,"category":77},{"score":81,"category":80},{"score":81,"category":83},[591,592,593,594],{"score":144,"category":74},{"score":138,"category":77},{"score":81,"category":80},{"score":81,"category":83},[93,101,97,596,392],"pink","Website: HHEY. Page: Homepage. Page type: Home \u002F Landing Page. Page title: HHEY. Page description: We develop novel interactive experiences with a strong focus on sophisticated technical execution and aesthetics for agencies and brands.. Page content: Hello, new visitor! 🤗. A Fun \u002F Playful, Typographic \u002F Big Type, Vibrant \u002F Colorful website in the Agency & Studio industry. The overall color palette features White, Blue, Black, Pink, Brown. The typography features GT America (Sans Serif, Grilli Type), GT America (Sans Serif, Grilli Type), Ginto (Sans Serif, Dinamo). AI description: HHEY is a high-energy digital product studio based in Hamburg, specializing in the creation of novel interactive experiences. The studio positions itself at the intersection of sophisticated technical execution and cutting-edge aesthetics, catering specifically to forward-thinking agencies and global brands looking to push the boundaries of digital engagement. The visual identity is unapologetically bold, utilizing a playful yet highly polished design language. Characterized by vibrant purple hues, expressive typography, and whimsical UI elements like floating speech bubbles and emojis, the site communicates a sense of approachability and creative dynamism. It strikes a perfect balance between a fun, experimental vibe and the professional rigor required for high-end digital product development."]