{ "meta": { "title": "studio pretty — the golden corpus", "purpose": "The complete corpus, critic-hardened — v0 genre taxonomy plus the v1 expansion: landing craft, immersive photo & video, the maisons, agency craft, typography lineage, international scenes. Dual use: eval/auto-rater calibration + training signal for the code-generation model (post-training).", "assembled": "2026-08-07", "version": null, "method": "Seven research passes (six own agents + GPT + Gemini DR + Gemini geo + Kimi + Mistral salvage + maisons/agency agents), every URL liveness-verified 2026-08-06.", "rules": [ "Every URL verified live (bot-blocking noted, not dropped)", "Anti-slop bar: could a template have made this?", "Max 2 per brand family", "Every shipped site is grade-A against the random-click test; below-bar sites are parked, not deleted" ], "corpus_lineage": "v0 genre taxonomy plus the v1 expansion, critic-hardened; consolidated as v3 and unchanged since. v5 re-serves it with the constitution, register and card-image enrichment below.", "built": "2026-09-26", "count": 739, "base": "https://studio-pretty.web.app/", "access": "Public. Every asset path below resolves under `base` without a passcode.", "paths": "Relative to `base`, NOT to this file. `base` + `card` is the gallery image, `base` + `thumb` the larger capture. There is no phone capture in this repository, so no record carries `thumbM`.", "fields": { "name / url": "The brand and its live homepage. The URL is the source of truth — re-capture from it rather than trusting our thumbnails.", "genre / archetype / purpose": "The three labels. Genre is fine-grained, archetype is the broad job, purpose is a facet. See taxonomy.json for the full vocabulary with counts.", "register": "Which of the six visual registers this site reads as. Present only where a register cites it.", "why": "Written by hand: what specifically is good about this site. This is the judgement, not a description.", "desc / recognition / origin": "What the site is, any award or press that surfaced it, and where it is from.", "source": "Which research pass found it.", "mode / mode_observed / mean_luminance / mode_agrees": "Declared light/dark, what the capture actually measured, the measured luminance behind it, and whether the two agree.", "constitution_sections": "The laws in `graph/` that cite this site as a positive exemplar. Joined by hostname at build time from the markdown itself, never authored.", "flags": "canvas · bot-shield · login-adjacent · geo · campaign-expiry · staging-domain · audio-gated · js-shell. `canvas` means the DOM carries no design signal — visual-pair training only.", "thumb / thumbM / card": "Desktop capture, phone capture, gallery image. Resolve against `base`. Third-party imagery — evidence for a judgement, not redistributable assets.", "thumb / card": "The larger capture and the gallery image, both derived. Third-party imagery — evidence for a judgement, not redistributable assets." }, "licence": "The labels, the written judgements and the taxonomy are ours; use them for research, evaluation and training. The sites and the captures of them are not ours to give — the captures show what a claim is about and are not redistributable. Rights remain with the owners." }, "sites": [ { "n": 1, "genre": "Landing / marketing", "name": "Stripe", "url": "https://stripe.com", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "Global payment infrastructure platform", "why": "Custom geometric sans (Stripe Sans), mathematically precise gradients disciplined by a strong white grid; code panels, flows, and diagrams animate as connected systems — the B2B standard everyone copies.", "batch": "v0", "mode_observed": "light", "mean_luminance": 225, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "thumb": "card-thumbs/stripe@2x.webp", "register": "utilitarian-stark", "constitution_sections": [ "purpose-persuade-cta", "universal-layout" ], "card": "card-thumbs/stripe.webp" }, { "n": 2, "genre": "Landing / marketing", "name": "Apple", "url": "https://www.apple.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "user-anchor", "gpt" ], "recognition": "Industry benchmark", "desc": "Consumer hardware and services", "why": "The reference for restraint: SF Pro, an exceptionally consistent full-bleed section rhythm, product renders as sole hero — spectacle calibrated to never obscure the purchase path.", "batch": "v0", "mode_observed": "light", "mean_luminance": 227, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "thumb": "card-thumbs/apple@2x.webp", "constitution_sections": [ "tech-scroll-narrative-motion", "universal-colour", "universal-footer", "universal-hero", "universal-navigation" ], "card": "card-thumbs/apple.webp" }, { "n": 3, "genre": "Audio, instruments & hardware", "name": "Daylight Computer", "url": "https://daylightcomputer.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gpt" ], "recognition": "Awwwards SOTD 2024", "desc": "Distraction-free, paper-like computer", "why": "Sun-bleached cream, warm orange, hand-drawn diagrams and deliberately imperfect illustration build a complete anti-glare visual world; slow parallax reinforces calm instead of speed.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 92, "mode_agrees": false, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "thumb": "card-thumbs/daylight-computer@2x.webp", "constitution_sections": [ "purpose-persuade-cta", "universal-hero" ], "card": "card-thumbs/daylight-computer.webp" }, { "n": 4, "genre": "Automotive & mobility", "name": "Polestar", "url": "https://www.polestar.com", "mode": "light", "dimension": "typography", "origin": "SE", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Electric performance vehicles", "why": "Severe black-and-white palette, Swiss-derived grotesk, rigid modular grid — the physical product's industrial precision extended into the interface with restrained, engineering-led transitions.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 33, "mode_agrees": false, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "thumb": "card-thumbs/polestar@2x.webp", "register": "atmospheric-noir", "constitution_sections": [ "universal-hero" ], "card": "card-thumbs/polestar.webp" }, { "n": 5, "genre": "Landing / marketing", "name": "Lusion", "url": "https://lusion.co", "mode": "dark", "dimension": "interaction", "origin": "GB", "source": [ "deepresearch" ], "recognition": "Awwwards SOTY", "desc": "Real-time WebGL creative studio", "why": "Real-time particle system reacting to cursor velocity; brutally minimal type frames the 3D — the bleeding edge of browser-rendered motion.", "batch": "v0", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 11, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "thumb": "card-thumbs/lusion@2x.webp", "constitution_sections": [ "tech-canvas-canvas", "universal-motion" ], "card": "card-thumbs/lusion.webp" }, { "n": 6, "genre": "Landing / marketing", "name": "Dia", "url": "https://www.diabrowser.com", "mode": "light", "dimension": "motion", "origin": "US", "source": [ "gpt" ], "recognition": "Independent find", "desc": "AI-native web browser (Arc's successor)", "why": "Warm paper-white field and restrained ink palette read editorial, not AI-neon; oversized browser films and long controlled transitions explain the interaction model without feature-card stacks.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 25, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "thumb": "card-thumbs/dia@2x.webp", "constitution_sections": [ "universal-hero" ], "card": "card-thumbs/dia.webp" }, { "n": 7, "genre": "Science, space & biotech", "name": "AIR COMPANY", "url": "https://www.aircompany.com", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "gpt" ], "recognition": "Awwwards lineage", "desc": "Carbon-conversion technology", "why": "Near-black fields, luminous atmospheric imagery, and scroll-driven transformations between air, molecules, and machinery give the conversion process a memorable visual grammar.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 48, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "institutional-informational", "thumb": "card-thumbs/air-company@2x.webp", "register": "atmospheric-noir", "constitution_sections": [ "type-hospitality-place-hero", "universal-layout" ], "card": "card-thumbs/air-company.webp" }, { "n": 8, "genre": "Landing / marketing", "name": "Framer", "url": "https://framer.com", "mode": "dark", "dimension": "motion", "origin": "NL", "source": [ "quick", "deepresearch" ], "recognition": "Awwwards SOTD", "desc": "No-code website builder", "why": "Bento-box grids and spring-physics scroll interactions that make the marketing page feel like the product itself; flawless typographic scaling across viewports.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 18, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "thumb": "card-thumbs/framer@2x.webp", "constitution_sections": [ "purpose-persuade-cta", "purpose-persuade-social-proof", "type-software-product-pricing", "universal-layout", "universal-motion" ], "card": "card-thumbs/framer.webp" }, { "n": 9, "genre": "SaaS application", "name": "Linear", "url": "https://linear.app", "mode": "dark", "dimension": "art-direction", "origin": "US/FI", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "Issue tracking for product teams", "why": "The gold standard of dark-mode SaaS: militant alignment, bespoke geometric sans, deep slates with controlled violet light; marketing modules share the product's density and spring transitions, so the promise is demonstrated, not described.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 19, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/linear@2x.webp", "register": "utilitarian-stark", "constitution_sections": [ "purpose-persuade-cta", "type-software-product-hero", "type-software-product-pricing", "universal-colour", "universal-motion" ], "card": "card-thumbs/linear.webp" }, { "n": 10, "genre": "SaaS application", "name": "Pitch", "url": "https://pitch.com", "mode": "light", "dimension": "layout", "origin": "DE", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Awwwards", "desc": "Collaborative presentation software", "why": "Large geometric type and saturated orange/pink/blue blocks feel closer to an editorial studio than enterprise software; real presentation covers form the page grid.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 91, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/pitch@2x.webp", "register": "atmospheric-noir", "constitution_sections": [ "purpose-persuade-social-proof", "type-software-product-hero", "type-software-product-narrative" ], "card": "card-thumbs/pitch.webp" }, { "n": 11, "genre": "SaaS application", "name": "Raycast", "url": "https://raycast.com", "mode": "dark", "dimension": "interaction", "origin": "DE/UK", "source": [ "quick", "deepresearch" ], "recognition": "Godly", "desc": "Keyboard-first launcher for macOS", "why": "Translates native macOS paradigms to the web — background blurs, translucency, glassy UI frames around real screen recordings.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 32, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/raycast@2x.webp", "constitution_sections": [ "type-software-product-hero", "universal-navigation" ], "card": "card-thumbs/raycast.webp" }, { "n": 12, "genre": "SaaS application", "name": "Spline", "url": "https://spline.design", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "quick", "deepresearch" ], "recognition": "Industry benchmark", "desc": "Browser-based 3D design tool", "why": "Live manipulable 3D canvases embedded directly in the DOM; severe black-and-white UI lets the colorful 3D assets carry all the energy.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 12, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/spline@2x.webp", "constitution_sections": [ "type-software-product-narrative" ], "card": "card-thumbs/spline.webp" }, { "n": 13, "genre": "SaaS application", "name": "Mutiny", "url": "https://mutinyhq.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "quick" ], "recognition": "Independent find", "desc": "B2B personalization platform", "why": "Brutalist-adjacent editorial layout with oversized type and a stark black/white/neon-green strategy that ignores every SaaS template convention.", "batch": "v0", "mode_observed": "light", "mean_luminance": 220, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/mutiny@2x.webp", "constitution_sections": [ "type-software-product-narrative" ], "card": "card-thumbs/mutiny.webp" }, { "n": 14, "genre": "Portfolio / photography", "name": "Bruno Simon", "url": "https://bruno-simon.com", "mode": "dark", "dimension": "interaction", "origin": "FR", "source": [ "deepresearch", "gpt" ], "recognition": "Awwwards SOTY", "desc": "Creative developer portfolio", "why": "Navigation IS the portfolio: a physics-enabled 3D driving game (Three.js) with hand-drawn type (Amatic SC) — playful, oriented, unforgettable.", "batch": "v0", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 18, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/bruno-simon@2x.webp", "constitution_sections": [ "tech-canvas-canvas", "type-portfolio-showcase-index", "universal-loading" ], "card": "card-thumbs/bruno-simon.webp" }, { "n": 15, "genre": "Portfolio / photography", "name": "Garden Eight", "url": "https://garden-eight.com", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "kimi" ], "recognition": "Awwwards SOTM", "desc": "Tokyo/Copenhagen design studio", "why": "Japanese ma (negative space) translated to the web: vast white fields, single precisely placed elements, an elegant serif, and deliberately slow weighted scroll — contemplative pacing that feels intentional, never sluggish.", "batch": "v0", "mode_observed": "light", "mean_luminance": 210, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/garden-eight@2x.webp", "register": "tactile-editorial", "constitution_sections": [ "type-portfolio-showcase-index" ], "card": "card-thumbs/garden-eight.webp" }, { "n": 16, "genre": "Portfolio / photography", "name": "Rauno Freiberg", "url": "https://rauno.me", "mode": "dark", "dimension": "interaction", "origin": "EE", "source": [ "quick" ], "recognition": "Godly", "desc": "Design engineer laboratory", "why": "Blurs website and operating system — draggable windows, custom cursors, physics interactions — under absolute monospace minimalism.", "batch": "v0", "mode_observed": "light", "mean_luminance": 226, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/rauno-freiberg@2x.webp", "constitution_sections": [ "type-portfolio-showcase-index", "universal-motion" ], "card": "card-thumbs/rauno-freiberg.webp" }, { "n": 17, "genre": "Portfolio / photography", "name": "Antoine Wodniack", "url": "https://wodniack.dev", "mode": "dark", "dimension": "motion", "origin": "FR", "source": [ "gpt" ], "recognition": "Webby Best Home Page 2025; 16× Awwwards SOTD", "desc": "Creative developer portfolio", "why": "Binary strings, hard monochrome contrast, distorted letterforms and precisely synchronized transitions — movement as the primary authorship signal, without terminal clichés.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 52, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/antoine-wodniack@2x.webp", "register": "saturated-poster", "card": "card-thumbs/antoine-wodniack.webp" }, { "n": 18, "genre": "Portfolio / photography", "name": "Studio Kleiner", "url": "https://www.studiokleiner.com", "mode": "light", "dimension": "art-direction", "origin": "IT", "source": [ "gpt" ], "recognition": "Siteinspire 2024", "desc": "Multidisciplinary imagery studio", "why": "Small utilitarian black type on a white gallery field defers entirely to saturated still lifes; a deep taxonomy of materials and techniques turns the portfolio into a visual research index.", "batch": "v0", "mode_observed": "light", "mean_luminance": 165, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/studio-kleiner@2x.webp", "constitution_sections": [ "type-portfolio-showcase-index" ], "card": "card-thumbs/studio-kleiner.webp" }, { "n": 19, "genre": "Portfolio / photography", "name": "Maëlan Le Meur", "url": "https://maelanlemeur.com", "mode": "light", "dimension": "typography", "origin": "BE", "source": [ "deepresearch" ], "recognition": "Awwwards SOTD", "desc": "Graphic designer portfolio", "why": "Flawless hierarchy in Neue Montreal; brutally simple layout where scale contrast and whitespace do all the structural work.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 98, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/ma-lan-le-meur@2x.webp", "card": "card-thumbs/ma-lan-le-meur.webp" }, { "n": 20, "genre": "Portfolio / photography", "name": "Chungi Yoo", "url": "https://chungiyoo.com", "mode": "light", "dimension": "art-direction", "origin": "DE", "source": [ "deepresearch" ], "recognition": "Awwwards SOTY", "desc": "Branding and identity portfolio", "why": "Awwwards SOTY portfolio: shifting vibrant gradients and red accents over a light canvas, oversized lowercase display type deliberately overlapping portrait imagery, asymmetric full-bleed sections, liquid distortion on hover animating each work.", "batch": "v0", "mode_observed": "light", "mean_luminance": 228, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/chungi-yoo@2x.webp", "card": "card-thumbs/chungi-yoo.webp" }, { "n": 21, "genre": "Portfolio / photography", "name": "Cyd Stumpel", "url": "https://cydstumpel.nl", "mode": "dark", "dimension": "motion", "origin": "NL", "source": [ "quick" ], "recognition": "Awwwards SOTD", "desc": "Creative developer portfolio", "why": "Fluid WebGL liquid distortion reacting to scroll and cursor; PP Neue Montreal cuts cleanly through the textured background.", "batch": "v0", "flags": [ "canvas" ], "mode_observed": "light", "mean_luminance": 199, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/cyd-stumpel@2x.webp", "constitution_sections": [ "universal-loading" ], "card": "card-thumbs/cyd-stumpel.webp" }, { "n": 22, "genre": "Portfolio / photography", "name": "Obys Agency", "url": "https://obys.agency", "mode": "light", "dimension": "typography", "origin": "UA", "source": [ "kimi" ], "recognition": "Awwwards SOTD", "desc": "Ukrainian creative agency", "why": "Typography as architecture: massive viewport-filling serif letterforms shifting weight on hover, magnetic cursor pulls, an art-gallery palette of off-white, burgundy, and gold.", "batch": "v0", "mode_observed": "light", "mean_luminance": 241, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/obys-agency@2x.webp", "constitution_sections": [ "type-portfolio-showcase-case", "type-portfolio-showcase-index" ], "card": "card-thumbs/obys-agency.webp" }, { "n": 23, "genre": "Portfolio / photography", "name": "Caffè Design", "url": "https://www.caffe.design", "mode": "light", "dimension": "interaction", "origin": "IT", "source": [ "kimi" ], "recognition": "Awwwards SOTD", "desc": "Milan design studio", "why": "A rotatable 3D coffee cup with a multiplayer scribble whiteboard as the hero; radial cursor-expanded navigation; compressed grotesk against elegant italic serif — unmistakably Italian.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 124, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/caff-design@2x.webp", "register": "whimsical-expressive", "card": "card-thumbs/caff-design.webp" }, { "n": 24, "genre": "Dashboard / analytics", "name": "Electricity Maps", "url": "https://app.electricitymaps.com/map", "mode": "dark", "dimension": "color", "origin": "DK", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Live global electricity and carbon map", "why": "One semantic carbon-intensity scale governs map, legends, tooltips, and history — a masterclass in making color mean something; animated power-flow links over live data.", "batch": "v0", "mode_observed": "light", "mean_luminance": 222, "mode_agrees": false, "purpose": "operate", "archetype": "software-product", "thumb": "card-thumbs/electricity-maps@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/electricity-maps.webp" }, { "n": 25, "genre": "Dashboard / analytics", "name": "PostHog", "url": "https://posthog.com", "mode": "light", "dimension": "art-direction", "origin": "US/UK", "source": [ "quick", "deepresearch" ], "recognition": "Independent find", "desc": "Open-source product analytics", "why": "Massive personality in a dry category: hedgehog mascot illustrations, retro-tech brutalism, warm yellows against utilitarian grids.", "batch": "v0", "mode_observed": "light", "mean_luminance": 203, "mode_agrees": true, "purpose": "operate", "archetype": "software-product", "thumb": "card-thumbs/posthog@2x.webp", "register": "whimsical-expressive", "constitution_sections": [ "type-software-product-narrative" ], "card": "card-thumbs/posthog.webp" }, { "n": 26, "genre": "Developer tool", "name": "Vercel", "url": "https://vercel.com", "mode": "dark", "dimension": "typography", "origin": "US", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "Frontend cloud platform", "why": "Geist and Geist Mono bridge brand, code, metrics, and docs in one typographic system; black-and-white with visible grid lines and triangular motifs — infrastructure given coherent visual form.", "batch": "v0", "mode_observed": "light", "mean_luminance": 242, "mode_agrees": false, "purpose": "operate", "archetype": "software-product", "thumb": "card-thumbs/vercel@2x.webp", "register": "utilitarian-stark", "constitution_sections": [ "purpose-persuade-social-proof", "type-software-product-hero" ], "card": "card-thumbs/vercel.webp" }, { "n": 27, "genre": "Developer tool", "name": "Tailwind CSS", "url": "https://tailwindcss.com", "mode": "dark", "dimension": "interaction", "origin": "US/CA", "source": [ "quick", "deepresearch" ], "recognition": "Industry benchmark", "desc": "Utility-first CSS framework", "why": "A living compiler — interactive code blocks instantly render adjacent UI previews; slate-and-cyan palette built from the framework's own scale.", "batch": "v0", "mode_observed": "light", "mean_luminance": 194, "mode_agrees": false, "purpose": "operate", "archetype": "software-product", "thumb": "card-thumbs/tailwind-css@2x.webp", "card": "card-thumbs/tailwind-css.webp" }, { "n": 28, "genre": "Developer tool", "name": "Resend", "url": "https://resend.com", "mode": "dark", "dimension": "typography", "origin": "US/BR", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Godly", "desc": "Email API for developers", "why": "A severe black-and-white system — technical grotesk, monospaced labels, fine rules, wide editorial margins — giving email infrastructure the clarity of a printed specification.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 9, "mode_agrees": true, "purpose": "operate", "archetype": "software-product", "thumb": "card-thumbs/resend@2x.webp", "register": "atmospheric-noir", "constitution_sections": [ "purpose-persuade-cta", "universal-navigation" ], "card": "card-thumbs/resend.webp" }, { "n": 29, "genre": "AI chat / assistant", "name": "Claude", "url": "https://claude.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "Anthropic's AI assistant", "why": "Warm cream, dark brown, restrained orange, serif-led display moments — a literary, human tone deliberately distinct from the blue-black AI norm.", "batch": "v0", "mode_observed": "light", "mean_luminance": 244, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/claude@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/claude.webp" }, { "n": 30, "genre": "AI chat / assistant", "name": "Pi", "url": "https://pi.ai", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Independent find", "desc": "Conversational AI companion", "why": "Soft cream and coral, rounded speech typography, a nearly full-viewport dialogue, measured text arrival — the atmosphere of a private conversation, not a productivity console.", "batch": "v0", "mode_observed": "light", "mean_luminance": 231, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/pi@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/pi.webp" }, { "n": 31, "genre": "AI image / media gen", "name": "Midjourney", "url": "https://www.midjourney.com", "mode": "dark", "dimension": "layout", "origin": "US", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "AI image generation platform", "why": "The interface as gallery frame: microscopic type, dark canvas, dense fluid masonry, hover-revealed metadata — community output IS the art direction.", "batch": "v0", "flags": [ "bot-shield", "login-adjacent" ], "mode_observed": "dark", "mean_luminance": 23, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/midjourney@2x.webp", "card": "card-thumbs/midjourney.webp" }, { "n": 32, "genre": "AI image / media gen", "name": "Runway", "url": "https://runway.com", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "AI video generation and editing", "why": "Black cinematic field, full-bleed generated films, scroll-scrubbed sequences and seamless source-to-result transitions — transformation itself as the recurring visual motif.", "batch": "v0", "mode_observed": "mixed", "mean_luminance": 153, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/runway@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/runway.webp" }, { "n": 33, "genre": "AI image / media gen", "name": "Ideogram", "url": "https://ideogram.ai", "mode": "light", "dimension": "layout", "origin": "CA", "source": [ "gpt" ], "recognition": "Independent find", "desc": "AI image generator strong on text rendering", "why": "A bright workspace in a black-canvas category; typography-heavy examples packed densely on a consistent baseline — light-mode proof for generative UI.", "batch": "v0", "mode_observed": "light", "mean_luminance": 183, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/ideogram@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/ideogram.webp" }, { "n": 34, "genre": "E-commerce / retail", "name": "SSENSE", "url": "https://ssense.com", "mode": "light", "dimension": "art-direction", "origin": "CA", "source": [ "quick", "deepresearch" ], "recognition": "Industry benchmark", "desc": "Luxury fashion retailer", "why": "The bravest e-commerce site on the web: unforgiving brutalist grid, razor-thin utilitarian sans, pure black on white, all attention on the garments.", "batch": "v0", "mode_observed": "light", "mean_luminance": 253, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "thumb": "card-thumbs/ssense@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/ssense.webp" }, { "n": 35, "genre": "Audio, instruments & hardware", "name": "Teenage Engineering", "url": "https://teenage.engineering", "mode": "light", "dimension": "interaction", "origin": "SE", "source": [ "quick", "deepresearch", "gpt", "user-anchor" ], "recognition": "Industry benchmark", "desc": "Synthesizers and audio hardware", "why": "Dieter Rams discipline with mischief: all-lowercase monospace, tiny spec labels, obsessively aligned flat-lay grids, unexpected cursor responses — browsing as handling instruments.", "batch": "v0", "mode_observed": "light", "mean_luminance": 225, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "thumb": "card-thumbs/teenage-engineering@2x.webp", "register": "utilitarian-stark", "constitution_sections": [ "type-commerce-catalog-detail" ], "card": "card-thumbs/teenage-engineering.webp" }, { "n": 36, "genre": "Watches & jewellery", "name": "Ressence", "url": "https://ressencewatches.com", "mode": "light", "dimension": "art-direction", "origin": "BE", "source": [ "user-anchor" ], "recognition": "User anchor", "desc": "Belgian avant-garde luxury watchmaker", "why": "Horological minimalism translated to the web — vast negative space, precise macro renders of the orbital dial system, typography as quiet as the mechanics are radical.", "batch": "v0", "mode_observed": "light", "mean_luminance": 141, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "thumb": "card-thumbs/ressence@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/ressence.webp" }, { "n": 37, "genre": "E-commerce / retail", "name": "Caats", "url": "https://caats.co", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "user-anchor" ], "recognition": "Awwwards / User anchor", "desc": "DTC cat food subscription", "why": "Playful craft at DTC scale: bold editorial type, illustration and photography mixed with charm, French wit in every micro-interaction.", "batch": "v0", "mode_observed": "light", "mean_luminance": 193, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "thumb": "card-thumbs/caats@2x.webp", "card": "card-thumbs/caats.webp" }, { "n": 38, "genre": "E-commerce / retail", "name": "Gentle Monster", "url": "https://www.gentlemonster.com", "mode": "light", "dimension": "art-direction", "origin": "KR", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Experimental eyewear fashion-commerce", "why": "The homepage as contemporary gallery: surreal campaign films framed by sparse black type; product/model toggles and looping folding demonstrations put function inside the catalogue grid.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 108, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "thumb": "card-thumbs/gentle-monster@2x.webp", "constitution_sections": [ "type-commerce-catalog-hero" ], "card": "card-thumbs/gentle-monster.webp" }, { "n": 39, "genre": "Beauty & fragrance", "name": "Aesop", "url": "https://www.aesop.com", "mode": "light", "dimension": "typography", "origin": "AU", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Skincare and fragrance", "why": "Warm ivory, muted botanical tones, literary serif moments and restrained grotesk labels — an apothecary and an independent publisher at once; generous margins, quiet pacing.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 117, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "thumb": "card-thumbs/aesop@2x.webp", "register": "curatorial-quiet", "constitution_sections": [ "type-commerce-catalog-detail", "type-commerce-catalog-hero", "universal-colour", "universal-footer" ], "card": "card-thumbs/aesop.webp" }, { "n": 40, "genre": "E-commerce / retail", "name": "ADER ERROR", "url": "https://www.adererror.com", "mode": "light", "dimension": "art-direction", "origin": "KR", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Korean fashion label", "why": "Cobalt blue, industrial gray, and oversized fashion type form a house palette that survives every campaign; asymmetric collage blocks give each collection personality inside a stable commerce frame.", "batch": "v0", "mode_observed": "light", "mean_luminance": 149, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "thumb": "card-thumbs/ader-error@2x.webp", "register": "whimsical-expressive", "card": "card-thumbs/ader-error.webp" }, { "n": 41, "genre": "E-commerce / retail", "name": "Aimé Leon Dore", "url": "https://aimeleondore.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "quick" ], "recognition": "Independent find", "desc": "New York fashion and lifestyle brand", "why": "Nostalgic print-magazine editorial: classic Caslon serifs against off-white and cream, muted film-like campaign photography, split-screen hero and asymmetric card grids, elegant hover reveals pacing the browse like a lookbook.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 63, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "thumb": "card-thumbs/aim-leon-dore@2x.webp", "constitution_sections": [ "type-commerce-catalog-hero" ], "card": "card-thumbs/aim-leon-dore.webp" }, { "n": 42, "genre": "Beauty & fragrance", "name": "Glossier", "url": "https://glossier.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "deepresearch", "kimi" ], "recognition": "Industry benchmark", "desc": "DTC beauty brand", "why": "The Glossier Pink environment: pale washes, soft shadows, texture-first product photography, a whispered all-caps labeling system — the DTC aesthetic an entire category copied.", "batch": "v0", "mode_observed": "light", "mean_luminance": 219, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "thumb": "card-thumbs/glossier@2x.webp", "card": "card-thumbs/glossier.webp" }, { "n": 43, "genre": "Music / streaming", "name": "NTS Radio", "url": "https://www.nts.live", "mode": "dark", "dimension": "art-direction", "origin": "GB", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Niche benchmark", "desc": "Global underground radio", "why": "Stark black-and-white type, dense schedule grids, chaotic show artwork, a persistent unbreakable live player — thousands of visually unrelated shows without normalizing them into generic cards.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 103, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "thumb": "card-thumbs/nts-radio@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/nts-radio.webp" }, { "n": 44, "genre": "Music / streaming", "name": "Poolsuite", "url": "https://poolsuite.net", "mode": "light", "dimension": "color", "origin": "INT", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Awwwards / FWA", "desc": "Retro-summer internet radio", "why": "A reconstructed late-1980s OS — bitmap type, chrome controls, draggable windows, functioning player — nostalgia made operational, not superficial.", "batch": "v0", "flags": [ "js-shell" ], "mode_observed": "light", "mean_luminance": 170, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "thumb": "card-thumbs/poolsuite@2x.webp", "card": "card-thumbs/poolsuite.webp" }, { "n": 45, "genre": "Music / streaming", "name": "HÖR Berlin", "url": "https://hoer.live", "mode": "dark", "dimension": "art-direction", "origin": "DE", "source": [ "deepresearch" ], "recognition": "Independent find", "desc": "Electronic music DJ streaming", "why": "The brand's tiled broadcast bathroom mirrored as a stark grid; fluorescent green on black, motion supplied entirely by the live streams.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 95, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "thumb": "card-thumbs/h-r-berlin@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/h-r-berlin.webp" }, { "n": 46, "genre": "Social / feed", "name": "Cosmos", "url": "https://www.cosmos.so", "mode": "dark", "dimension": "interaction", "origin": "US", "source": [ "deepresearch", "gpt" ], "recognition": "Godly", "desc": "Visual discovery network for creatives", "why": "Nearly every visible boundary removed so images form a continuous spatial field; fluid zoom, drag, and visual search feel like manipulating a living moodboard.", "batch": "v0", "flags": [ "login-adjacent" ], "mode_observed": "light", "mean_luminance": 237, "mode_agrees": false, "purpose": "inform", "archetype": "software-product", "thumb": "card-thumbs/cosmos@2x.webp", "card": "card-thumbs/cosmos.webp" }, { "n": 47, "genre": "Notes / docs / productivity", "name": "Reflect", "url": "https://reflect.app", "mode": "dark", "dimension": "interaction", "origin": "US", "source": [ "quick", "deepresearch" ], "recognition": "Godly", "desc": "Networked note-taking", "why": "Zen minimalism plus one showpiece: the interconnected note graph rendered as a fluid interactive WebGL visualization.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 20, "mode_agrees": true, "purpose": "operate", "archetype": "software-product", "thumb": "card-thumbs/reflect@2x.webp", "register": "atmospheric-noir", "constitution_sections": [ "universal-motion" ], "card": "card-thumbs/reflect.webp" }, { "n": 48, "genre": "Travel / hospitality", "name": "Aman", "url": "https://www.aman.com", "mode": "light", "dimension": "art-direction", "origin": "INT", "source": [ "deepresearch", "gpt" ], "recognition": "Luxury benchmark", "desc": "Ultra-luxury resort group", "why": "High-contrast serif, pale natural tones, enormous landscape photography, very sparse navigation — deliberate stillness mirroring the properties' privacy and quiet.", "batch": "v0", "mode_observed": "mixed", "mean_luminance": 96, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "thumb": "card-thumbs/aman@2x.webp", "register": "tactile-editorial", "constitution_sections": [ "type-hospitality-place-hero", "type-hospitality-place-narrative" ], "card": "card-thumbs/aman.webp" }, { "n": 49, "genre": "Travel / hospitality", "name": "Plum Guide", "url": "https://www.plumguide.com", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "deepresearch" ], "recognition": "SiteInspire", "desc": "Curated exceptional-homes booking", "why": "Domaine Display Narrow's high-contrast elegance over sturdy Halyard UI text; rich yellow against charcoal reads modern luxury.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 122, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "thumb": "card-thumbs/plum-guide@2x.webp", "register": "tactile-editorial", "constitution_sections": [ "purpose-host-visit-booking" ], "card": "card-thumbs/plum-guide.webp" }, { "n": 50, "genre": "Travel / hospitality", "name": "Vermelho", "url": "https://www.vermelhohotel.com", "mode": "dark", "dimension": "art-direction", "origin": "PT", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Christian Louboutin's hotel in Melides", "why": "Saturated red, patterned surfaces, decorative serif, richly layered interior photography — a maximalist rejection of beige luxury conventions.", "batch": "v0", "mode_observed": "light", "mean_luminance": 134, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "thumb": "card-thumbs/vermelho@2x.webp", "constitution_sections": [ "type-hospitality-place-hero" ], "card": "card-thumbs/vermelho.webp" }, { "n": 51, "genre": "Travel / hospitality", "name": "Design Hotels", "url": "https://www.designhotels.com", "mode": "light", "dimension": "layout", "origin": "DE", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Curated design-led hotel booking", "why": "Editorial serif headlines and a rigorous image grid give the catalogue the authority of an architecture magazine; inspiration and transaction coexist without visual conflict.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 107, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "thumb": "card-thumbs/design-hotels@2x.webp", "register": "curatorial-quiet", "constitution_sections": [ "purpose-host-visit-booking" ], "card": "card-thumbs/design-hotels.webp" }, { "n": 52, "genre": "Travel / hospitality", "name": "Hedwig", "url": "https://hedwigtravel.com", "mode": "light", "dimension": "art-direction", "origin": "INT", "source": [ "kimi" ], "recognition": "Awwwards HM", "desc": "Curated travel planning", "why": "Slow editorial pacing: full-bleed destination photography, sage-terracotta-sand calm, serif aspiration balanced against sans practicality — the anti-booking-engine.", "batch": "v0", "flags": [ "js-shell" ], "mode_observed": "light", "mean_luminance": 180, "mode_agrees": true, "purpose": "host-visit", "archetype": "hospitality-place", "thumb": "card-thumbs/hedwig@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/hedwig.webp" }, { "n": 53, "genre": "Explorable explanation", "name": "The Pudding", "url": "https://pudding.cool", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "gpt" ], "recognition": "Visual-journalism benchmark", "desc": "Data-driven visual essays", "why": "Every story develops an art direction appropriate to its argument; scrollytelling, simulation, and direct manipulation carry the thesis rather than decorate prewritten prose.", "batch": "v0", "mode_observed": "light", "mean_luminance": 222, "mode_agrees": true, "genre_previous": "Blog / news / editorial", "purpose": "inform", "archetype": "interactive-experience", "thumb": "card-thumbs/the-pudding@2x.webp", "register": "utilitarian-stark", "constitution_sections": [ "universal-imagery" ], "card": "card-thumbs/the-pudding.webp" }, { "n": 54, "genre": "Blog / news / editorial", "name": "It's Nice That", "url": "https://www.itsnicethat.com", "mode": "light", "dimension": "layout", "origin": "GB", "source": [ "deepresearch", "gpt" ], "recognition": "Design-publication benchmark", "desc": "Contemporary art and design publication", "why": "Oversized sans headlines, wide white margins, bright accent blocks, large uncropped artwork — a modular grid that sets editorial priority without ornamental chrome.", "batch": "v0", "mode_observed": "light", "mean_luminance": 214, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "thumb": "card-thumbs/it-s-nice-that@2x.webp", "register": "whimsical-expressive", "constitution_sections": [ "type-editorial-publication-front-page" ], "card": "card-thumbs/it-s-nice-that.webp" }, { "n": 55, "genre": "Blog / news / editorial", "name": "Stripe Press", "url": "https://press.stripe.com", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "deepresearch" ], "recognition": "Independent find", "desc": "Stripe's publishing arm", "why": "Books as physics-based 3D artifacts the reader can manipulate; classical serif against museum white — literary elegance meeting WebGL precision.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 61, "mode_agrees": false, "purpose": "inform", "archetype": "editorial-publication", "thumb": "card-thumbs/stripe-press@2x.webp", "register": "atmospheric-noir", "constitution_sections": [ "type-commerce-catalog-detail", "universal-typography" ], "card": "card-thumbs/stripe-press.webp" }, { "n": 56, "genre": "Blog / news / editorial", "name": "NYT Magazine", "url": "https://www.nytimes.com/section/magazine", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "deepresearch" ], "recognition": "Industry benchmark", "desc": "The Times' Sunday magazine", "why": "The gold standard of digital editorial type — Cheltenham and Franklin Gothic — with print features adapted into immersive full-bleed scrollytelling.", "batch": "v0", "mode_observed": "light", "mean_luminance": 186, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "thumb": "card-thumbs/nyt-magazine@2x.webp", "constitution_sections": [ "type-editorial-publication-front-page", "universal-imagery" ], "card": "card-thumbs/nyt-magazine.webp" }, { "n": 57, "genre": "Blog / news / editorial", "name": "Quanta Magazine", "url": "https://quantamagazine.org", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "quick" ], "recognition": "Webby Award", "desc": "Science and mathematics publication", "why": "Complex science treated with visual respect: academic serif, generous whitespace, and consistently world-class custom editorial illustration.", "batch": "v0", "mode_observed": "mixed", "mean_luminance": 120, "mode_agrees": false, "purpose": "inform", "archetype": "editorial-publication", "thumb": "card-thumbs/quanta-magazine@2x.webp", "register": "curatorial-quiet", "constitution_sections": [ "type-editorial-publication-article", "type-editorial-publication-front-page" ], "card": "card-thumbs/quanta-magazine.webp" }, { "n": 58, "genre": "Wellness / health", "name": "Oura", "url": "https://ouraring.com", "mode": "light", "dimension": "typography", "origin": "FI", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "Smart ring for health tracking", "why": "Ivory, skin tones, polished metal, low-saturation gradients — a premium, non-clinical health palette connecting the physical ring to the invisible signals it captures.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 110, "mode_agrees": false, "purpose": "persuade", "archetype": "service-consumer", "thumb": "card-thumbs/oura@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/oura.webp" }, { "n": 59, "genre": "Wellness / health", "name": "Open", "url": "https://o-p-e-n.com", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Mindfulness: meditation, breathwork, sound", "why": "Black surfaces, warm amber light, soft-focus transitions and unusually generous pauses establish a breathing cadence instead of a conversion-driven pace.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 72, "mode_agrees": true, "purpose": "persuade", "archetype": "service-consumer", "thumb": "card-thumbs/open@2x.webp", "card": "card-thumbs/open.webp" }, { "n": 60, "genre": "Wellness / health", "name": "Alan", "url": "https://alan.com", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "gpt" ], "recognition": "Independent find", "desc": "European digital health insurance", "why": "Friendly proprietary characters and simple geometric scenes replace bureaucratic insurance language; the illustration system explains, reassures, and navigates.", "batch": "v0", "mode_observed": "light", "mean_luminance": 183, "mode_agrees": true, "purpose": "persuade", "archetype": "service-consumer", "thumb": "card-thumbs/alan@2x.webp", "card": "card-thumbs/alan.webp" }, { "n": 61, "genre": "Wellness / health", "name": "Eight Sleep", "url": "https://eightsleep.com", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "quick" ], "recognition": "Godly", "desc": "Smart mattress and sleep fitness", "why": "Temperature as visual language: fluid thermal-gradient motion in cool blues and purples against stark technical spec typography.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 67, "mode_agrees": true, "purpose": "persuade", "archetype": "service-consumer", "thumb": "card-thumbs/eight-sleep@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/eight-sleep.webp" }, { "n": 62, "genre": "Fitness", "name": "Equinox", "url": "https://equinox.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "quick", "deepresearch" ], "recognition": "Industry benchmark", "desc": "Luxury fitness clubs", "why": "High-fashion severity: dramatic shadowy athletic photography on a fiercely monochrome black-and-white palette, razor-thin sans headlines, zero rounded corners, full-bleed hero above a strict modular three-column grid of service blocks.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 74, "mode_agrees": true, "purpose": "persuade", "archetype": "service-consumer", "thumb": "card-thumbs/equinox@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/equinox.webp" }, { "n": 63, "genre": "Fitness", "name": "Whoop", "url": "https://www.whoop.com", "mode": "dark", "dimension": "layout", "origin": "US", "source": [ "quick", "gpt" ], "recognition": "Independent find", "desc": "Performance wearable", "why": "Black-and-white athletic foundation where red, yellow, and green stay semantically tied to physiological zones; athlete films alternate with compact charts.", "batch": "v0", "mode_observed": "light", "mean_luminance": 231, "mode_agrees": false, "purpose": "persuade", "archetype": "service-consumer", "thumb": "card-thumbs/whoop@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/whoop.webp" }, { "n": 64, "genre": "Finance / fintech", "name": "Ramp", "url": "https://ramp.com", "mode": "light", "dimension": "motion", "origin": "US", "source": [ "quick" ], "recognition": "Godly", "desc": "Corporate cards and spend management", "why": "Highlighter-yellow against crisp white, and the most complex, perfectly timed UI choreography in B2B — features explained without a single video.", "batch": "v0", "mode_observed": "light", "mean_luminance": 246, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/ramp@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/ramp.webp" }, { "n": 65, "genre": "Finance / fintech", "name": "Mercury", "url": "https://mercury.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "Banking for startups", "why": "Editorial typography, cream surfaces, deep blue-black text — avoiding both legacy-bank conservatism and neon-fintech sameness; treasury features made composed and trustworthy.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 102, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/mercury@2x.webp", "constitution_sections": [ "purpose-persuade-social-proof" ], "card": "card-thumbs/mercury.webp" }, { "n": 66, "genre": "Finance / fintech", "name": "Wise", "url": "https://wise.com", "mode": "light", "dimension": "interaction", "origin": "UK/EE", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "International money transfers", "why": "Radical transparency as UX: the live conversion calculator occupies the core composition; acid green and very large characterful type, accessible across global character sets.", "batch": "v0", "mode_observed": "light", "mean_luminance": 227, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/wise@2x.webp", "card": "card-thumbs/wise.webp" }, { "n": 67, "genre": "Finance / fintech", "name": "Cash App", "url": "https://cash.app", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "Consumer finance platform", "why": "Fluorescent green, bold custom type, surreal photorealistic 3D objects on physics-based scroll — one of fintech's strongest visual identities, with unmistakable CTAs.", "batch": "v0", "mode_observed": "light", "mean_luminance": 163, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/cash-app@2x.webp", "register": "saturated-poster", "constitution_sections": [ "universal-art-direction" ], "card": "card-thumbs/cash-app.webp" }, { "n": 68, "genre": "Real estate", "name": "The Modern House", "url": "https://themodernhouse.com", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Real-estate benchmark", "desc": "Design-led UK estate agency", "why": "Refined serif headlines and architectural photography give listings the authority of a design journal; the agency's taste becomes a defensible product advantage.", "batch": "v0", "mode_observed": "light", "mean_luminance": 188, "mode_agrees": true, "purpose": "persuade", "archetype": "hospitality-place", "thumb": "card-thumbs/the-modern-house@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/the-modern-house.webp" }, { "n": 69, "genre": "Real estate", "name": "Inigo", "url": "https://www.inigo.com", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "deepresearch" ], "recognition": "Independent find", "desc": "Historic and period UK homes", "why": "Heritage romanticism modernized: sweeping elegant serifs and deep historic paint colors against restrained off-white, asymmetric coffee-table-book image placements in a full-bleed editorial grid, each atmospheric property hero framed like a plate.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 99, "mode_agrees": false, "purpose": "persuade", "archetype": "hospitality-place", "thumb": "card-thumbs/inigo@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/inigo.webp" }, { "n": 70, "genre": "Real estate", "name": "Fantastic Frank", "url": "https://www.fantasticfrank.com", "mode": "light", "dimension": "art-direction", "origin": "SE", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Scandinavian design-led real estate", "why": "A minimal white interface and geometric sans let saturated, art-directed interior photography define each listing — magazine sequences without losing practical data.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 111, "mode_agrees": false, "purpose": "persuade", "archetype": "hospitality-place", "thumb": "card-thumbs/fantastic-frank@2x.webp", "card": "card-thumbs/fantastic-frank.webp" }, { "n": 71, "genre": "Real estate", "name": "The Shift", "url": "https://theshift.tokyo", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "kimi" ], "recognition": "Independent find", "desc": "Tokyo real estate and creative spaces", "why": "Japanese spatial minimalism: vast white space, single-column text, photography that emphasizes architectural volume; slow weighted scroll as considered urbanism.", "batch": "v0", "mode_observed": "light", "mean_luminance": 228, "mode_agrees": true, "purpose": "persuade", "archetype": "hospitality-place", "thumb": "card-thumbs/the-shift@2x.webp", "card": "card-thumbs/the-shift.webp" }, { "n": 72, "genre": "Restaurant / food", "name": "Noma", "url": "https://noma.dk", "mode": "light", "dimension": "art-direction", "origin": "DK", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Restaurant benchmark", "desc": "Copenhagen's world-renowned restaurant", "why": "Organic textures, restrained lowercase type, irregular image placement — food, landscape, research, and fermentation sequenced as one evolving practice, not menu-and-booking modules.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 98, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "thumb": "card-thumbs/noma@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/noma.webp" }, { "n": 73, "genre": "Restaurant / food", "name": "Alchemist", "url": "https://alchemist.dk", "mode": "dark", "dimension": "motion", "origin": "DK", "source": [ "gpt" ], "recognition": "Independent find", "desc": "Copenhagen's immersive multidisciplinary restaurant", "why": "Near-black space, iridescent blue light, scroll choreography and abstract 3D — dining framed as otherworldly performance, revealed gradually.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 12, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "thumb": "card-thumbs/alchemist@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/alchemist.webp" }, { "n": 74, "genre": "Restaurant / food", "name": "Ikoyi", "url": "https://ikoyilondon.com", "mode": "dark", "dimension": "typography", "origin": "GB", "source": [ "gpt" ], "recognition": "Independent find", "desc": "London's spice-led tasting restaurant", "why": "Black and deep burgundy, copper accents, elegant serif, extreme macro photography — density without clutter, controlled line lengths letting ingredients carry the narrative.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 13, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "thumb": "card-thumbs/ikoyi@2x.webp", "card": "card-thumbs/ikoyi.webp" }, { "n": 75, "genre": "Restaurant / food", "name": "Alinea", "url": "https://alinearestaurant.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "quick" ], "recognition": "Independent find", "desc": "Avant-garde molecular gastronomy", "why": "Theatrical restraint: spotlight photography renders dishes as alien artifacts, geometric type in a minimal grey-on-white hierarchy, single-column flow with generous whitespace, near-full-width imagery revealed on scroll like a tasting-menu sequence.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 127, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "thumb": "card-thumbs/alinea@2x.webp", "card": "card-thumbs/alinea.webp" }, { "n": 76, "genre": "Restaurant / food", "name": "Death & Co", "url": "https://www.deathandcompany.com", "mode": "dark", "dimension": "typography", "origin": "US", "source": [ "kimi" ], "recognition": "James Beard lineage", "desc": "Cocktail bars and spirits brand", "why": "A literary dark aesthetic: charcoal fields, gold typography, glassware-and-ice photography; each location gets its own palette inside one identity system.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 35, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "thumb": "card-thumbs/death-co@2x.webp", "card": "card-thumbs/death-co.webp" }, { "n": 77, "genre": "Games / gaming", "name": "Playdate", "url": "https://play.date", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "Handheld console by Panic", "why": "Yellow-and-black identity as distinctive as the hardware; the crank, buttons, and game scenes respond through playful micro-interactions that explain the device before purchase.", "batch": "v0", "mode_observed": "light", "mean_luminance": 130, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "thumb": "card-thumbs/playdate@2x.webp", "register": "whimsical-expressive", "constitution_sections": [ "type-brand-campaign-art-direction" ], "card": "card-thumbs/playdate.webp" }, { "n": 78, "genre": "Games / gaming", "name": "KPR", "url": "https://kprverse.com", "mode": "dark", "dimension": "motion", "origin": "INT", "source": [ "deepresearch" ], "recognition": "Awwwards SOTY", "desc": "Immersive narrative gaming universe", "why": "Kinetic web motion at its most aggressive: anime-inspired 2D over dynamic 3D, fragmented shifting grids, glitch-art typography.", "batch": "v0", "flags": [ "js-shell" ], "mode_observed": "dark", "mean_luminance": 97, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "thumb": "card-thumbs/kpr@2x.webp", "constitution_sections": [ "type-brand-campaign-art-direction" ], "card": "card-thumbs/kpr.webp" }, { "n": 79, "genre": "Games / gaming", "name": "Valorant", "url": "https://playvalorant.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "quick" ], "recognition": "FWA", "desc": "Tactical hero shooter by Riot", "why": "The game's streetwear-cyberpunk identity on the web: sharp angled UI, aggressive red/black, blocky custom sans, dynamic character renders.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 68, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "thumb": "card-thumbs/valorant@2x.webp", "card": "card-thumbs/valorant.webp" }, { "n": 80, "genre": "Portfolio / photography", "name": "Lando Norris", "url": "https://landonorris.com", "mode": "dark", "dimension": "layout", "origin": "GB", "source": [ "deepresearch" ], "recognition": "Awwwards SOTY", "desc": "F1 driver's official site", "why": "Velocity as design language: hyper-kinetic horizontal scroll, custom italicized sans conveying momentum, fluorescent yellow on carbon black.", "batch": "v0", "mode_observed": "light", "mean_luminance": 247, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "thumb": "card-thumbs/lando-norris@2x.webp", "card": "card-thumbs/lando-norris.webp" }, { "n": 81, "genre": "Events / conferences", "name": "Config", "url": "https://config.figma.com", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Industry benchmark", "desc": "Figma's annual design conference", "why": "Fluorescent gradients, variable typography, and looping interface fragments translate the collaborative-canvas identity into an event system that feels live and participatory.", "batch": "v0", "flags": [ "campaign-expiry" ], "mode_observed": "light", "mean_luminance": 146, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "thumb": "card-thumbs/config@2x.webp", "register": "saturated-poster", "card": "card-thumbs/config.webp" }, { "n": 82, "genre": "Events / conferences", "name": "OFFF Barcelona", "url": "https://www.offf.barcelona", "mode": "light", "dimension": "typography", "origin": "ES", "source": [ "gpt" ], "recognition": "Design-event benchmark", "desc": "Festival for visual creativity and digital culture", "why": "Oversized experimental display type, abrupt scale shifts, and an edition-specific palette impossible to confuse with conference templates — all on a rigorous numbered grid underneath.", "batch": "v0", "flags": [ "campaign-expiry" ], "mode_observed": "dark", "mean_luminance": 101, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "thumb": "card-thumbs/offf-barcelona@2x.webp", "card": "card-thumbs/offf-barcelona.webp" }, { "n": 83, "genre": "Events / conferences", "name": "MUTEK", "url": "https://mutek.org", "mode": "dark", "dimension": "art-direction", "origin": "CA", "source": [ "gpt" ], "recognition": "Awwwards feature", "desc": "Electronic music and audiovisual festival network", "why": "Vivid generative imagery and disciplined modernist type balance experimentation with schedule clarity, flexing across cities and editions.", "batch": "v0", "mode_observed": "dark", "mean_luminance": 89, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "thumb": "card-thumbs/mutek@2x.webp", "constitution_sections": [ "purpose-host-institution-calendar" ], "card": "card-thumbs/mutek.webp" }, { "n": 84, "genre": "Events / conferences", "name": "Awwwards Conference", "url": "https://conference.awwwards.com", "mode": "dark", "dimension": "interaction", "origin": "ES", "source": [ "quick", "deepresearch" ], "recognition": "Industry benchmark", "desc": "Web design and dev conference", "why": "A playground of creative coding — WebGL shaders, liquid distortion, interactive 3D type — a technical flex aimed at the world's most design-literate audience.", "batch": "v0", "flags": [ "canvas" ], "mode_observed": "light", "mean_luminance": 210, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "thumb": "card-thumbs/awwwards-conference@2x.webp", "card": "card-thumbs/awwwards-conference.webp" }, { "n": 85, "genre": "Events / conferences", "name": "Apple WWDC", "url": "https://developer.apple.com/wwdc", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "quick" ], "recognition": "Industry benchmark", "desc": "Apple's developer conference", "why": "Secretive high-end restraint: one impossibly high-fidelity 3D asset on pure black, mathematically perfect SF typography and spacing.", "batch": "v0", "flags": [ "campaign-expiry" ], "mode_observed": "dark", "mean_luminance": 18, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "thumb": "card-thumbs/apple-wwdc@2x.webp", "card": "card-thumbs/apple-wwdc.webp" }, { "n": 86, "genre": "Crypto / web3", "name": "Family", "url": "https://family.co", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "deepresearch" ], "recognition": "Design community consensus", "desc": "Non-custodial Ethereum wallet", "why": "Web3 esoterica dissolved into iOS joy: squircle cards, glassmorphism, bouncy weighted sans, spring micro-interactions that make a wallet feel like a toy.", "batch": "v0", "mode_observed": "light", "mean_luminance": 235, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "thumb": "card-thumbs/family@2x.webp", "register": "whimsical-expressive", "card": "card-thumbs/family.webp" }, { "n": 87, "genre": "Kids / playful", "name": "Toca Boca", "url": "https://www.tocaboca.com", "mode": "light", "dimension": "art-direction", "origin": "SE", "source": [ "quick", "deepresearch", "gpt" ], "recognition": "Webby lineage", "desc": "Digital toy studio", "why": "Vivid flat color, hand-drawn characters, irregular shapes, and deliberately imperfect lettering — an identity that could never be swapped with another brand.", "batch": "v0", "mode_observed": "light", "mean_luminance": 204, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "thumb": "card-thumbs/toca-boca@2x.webp", "register": "whimsical-expressive", "card": "card-thumbs/toca-boca.webp" }, { "genre": "Non-profit & institutional", "name": "OceanX", "url": "https://oceanx.org", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Public-data benchmark", "why": "Ocean science as cinema: full-bleed expedition photography with a live ship-location tracker, deep navy accents on white, bold grotesk headlines, alternating split image-text sections and a responsive expedition card grid.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 48, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 88, "thumb": "card-thumbs/oceanx@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/oceanx.webp" }, { "genre": "Non-profit & institutional", "name": "OceanX 2025", "url": "https://2025.oceanx.org", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTD (Unseen)", "why": "Awwwards-SOTD WebGL year-in-review (Unseen): seven expeditions as one chaptered documentary scroll, deep ocean blues and teals, map illustrations opening each chapter, 'Enter Experience' transitions and gallery interludes pacing the narrative.", "batch": "v1", "flags": [ "campaign-expiry" ], "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 39, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 89, "thumb": "card-thumbs/oceanx-2025@2x.webp", "constitution_sections": [ "tech-video-video", "universal-loading" ], "card": "card-thumbs/oceanx-2025.webp" }, { "genre": "Travel / hospitality", "name": "White Desert", "url": "https://white-desert.com", "mode": "dark", "dimension": "art-direction", "origin": "INT", "source": [ "expansion" ], "recognition": "Independent find", "why": "Antarctic luxury told in glacier scale: ice-blue graded expedition photography, full-viewport hero with 'Watch Film' overlay, staggered three-column camp cards, quote blocks as visual breaks, sans headlines scaling from regular to semibold.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 152, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 90, "thumb": "card-thumbs/white-desert@2x.webp", "constitution_sections": [ "purpose-host-visit-booking" ], "card": "card-thumbs/white-desert.webp" }, { "genre": "Portfolio / photography", "name": "Jimmy Chin", "url": "https://www.jimmychin.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Independent find", "why": "Free Solo filmmaker monograph pared to nothing: a single red chop-mark centered on white, three full-bleed clickable panels — Motion, About, Stills — letting expedition photography carry every hierarchy decision alone.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 101, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 91, "thumb": "card-thumbs/jimmy-chin@2x.webp", "constitution_sections": [ "tech-video-video" ], "card": "card-thumbs/jimmy-chin.webp" }, { "genre": "Portfolio / photography", "name": "Magnum Photos", "url": "https://www.magnumphotos.com", "mode": "light", "dimension": "layout", "origin": "INT", "source": [ "expansion" ], "recognition": "Canonical", "why": "The canonical photo agency: photography owns every hierarchy decision — full-width hero carousel with overlaid titles, asymmetric two-to-three-column story grids, black-on-white grotesk labels kept small so editorial images dominate the frame.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 157, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 92, "thumb": "card-thumbs/magnum-photos@2x.webp", "card": "card-thumbs/magnum-photos.webp" }, { "genre": "Blog / news / editorial", "name": "Long Lead", "url": "https://longlead.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Webby winner", "why": "Webby-sweeping immersive photojournalism publisher: white ground with blue arrows and links, heavyweight grotesk headlines over charcoal body text, a single-column stack of full-width story cards giving each feature breathing room.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 114, "mode_agrees": false, "purpose": "inform", "archetype": "editorial-publication", "n": 93, "thumb": "card-thumbs/long-lead@2x.webp", "card": "card-thumbs/long-lead.webp" }, { "genre": "Travel / hospitality", "name": "Visit Faroe Islands", "url": "https://visitfaroeislands.com", "mode": "light", "dimension": "art-direction", "origin": "FO", "source": [ "expansion" ], "recognition": "Independent find", "why": "The most art-directed tourism board in the Nordics: full-bleed landscape carousels with wit, teal and warm-orange accents on white, medium-to-bold grotesk headings, asymmetric card grids with image-and-text overlays.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 107, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 94, "thumb": "card-thumbs/visit-faroe-islands@2x.webp", "constitution_sections": [ "type-hospitality-place-narrative" ], "card": "card-thumbs/visit-faroe-islands.webp" }, { "genre": "Fashion & luxury brand", "name": "Mami Wata", "url": "https://mamiwata.co.za", "mode": "light", "dimension": "art-direction", "origin": "ZA", "source": [ "expansion" ], "recognition": "Independent find", "why": "African surf told through Afrosurf folklore art direction: 'africa is a wave factory' as lowercase hero manifesto, banana-yellow logo mark on white, ink-blue and emerald product accents, bold sans headings over campaign photography.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 109, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 95, "thumb": "card-thumbs/mami-wata@2x.webp", "register": "saturated-poster", "card": "card-thumbs/mami-wata.webp" }, { "genre": "Fashion & luxury brand", "name": "Satisfy Running", "url": "https://satisfyrunning.com", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "expansion" ], "recognition": "Independent find", "why": "Cult Paris running label: stark Desert Rats and Ice Program campaign photography in full-bleed hero carousels, black-on-white geometric grotesk, muted earth-tone product palette (cedar, morel, sterling blue), disciplined multi-column gear grids.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 140, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 96, "thumb": "card-thumbs/satisfy-running@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/satisfy-running.webp" }, { "genre": "Film & production", "name": "Division", "url": "https://division.global", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "expansion" ], "recognition": "Independent find", "why": "Paris film production stripped to the work: a black-on-white single-column ledger of director–brand pairs, each line linking straight to its film — the film IS the page, chrome reduced to a wordmark.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 28, "mode_agrees": false, "purpose": "show-work", "archetype": "entertainment-media", "n": 97, "thumb": "card-thumbs/division@2x.webp", "register": "atmospheric-noir", "constitution_sections": [ "tech-video-video" ], "card": "card-thumbs/division.webp" }, { "genre": "Audio, instruments & hardware", "name": "Bang & Olufsen", "url": "https://www.bang-olufsen.com", "mode": "dark", "dimension": "art-direction", "origin": "DK", "source": [ "expansion" ], "recognition": "Canonical", "why": "Audio launch as cinema: near-black canvas with white grotesk type, full-bleed product-film hero carousel for Beoplay H100, natural material tones (oak, honey, lavender) glowing against the dark, asymmetric bestseller grids below.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 170, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 98, "thumb": "card-thumbs/bang-olufsen@2x.webp", "card": "card-thumbs/bang-olufsen.webp" }, { "genre": "Automotive & mobility", "name": "AVATR Vision Xpectra", "url": "https://vision.avatr.com", "mode": "dark", "dimension": "motion", "origin": "CN", "source": [ "expansion" ], "recognition": "Awwwards SOTD + iF", "why": "Awwwards SOTD and iF-recognized concept-EV site: 'The Rise of Emotive Luxury' told as film with scroll choreography, a restrained two-color emotive-luxury palette carrying the reveal from sequence to sequence.", "batch": "v1", "flags": [ "geo" ], "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 69, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 99, "thumb": "card-thumbs/avatr-vision-xpectra@2x.webp", "card": "card-thumbs/avatr-vision-xpectra.webp" }, { "genre": "Annual report & shareholder letter", "name": "BMW Group Report", "url": "https://www.bmwgroup.com/en/report/2024/index.html", "mode": "mixed", "dimension": "motion", "origin": "DE", "source": [ "expansion" ], "recognition": "Independent find", "why": "A corporate annual report art-directed as cinematic scrollytelling: scroll advances the narrative like film sequences, giving financial disclosure deliberate pacing — proof a reporting format can sustain full art direction.", "batch": "v1", "flags": [ "bot-shield", "campaign-expiry" ], "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 50, "mode_agrees": false, "genre_previous": "Non-profit & institutional", "purpose": "host-institution", "archetype": "institutional-informational", "report_reference": true, "n": 100, "thumb": "card-thumbs/bmw-group-report@2x.webp", "constitution_sections": [ "tech-scroll-narrative-motion" ], "card": "card-thumbs/bmw-group-report.webp" }, { "genre": "Design agency", "name": "Unseen Studio", "url": "https://unseen.co", "mode": "dark", "dimension": "motion", "origin": "GB", "source": [ "expansion" ], "recognition": "Independent find", "why": "Enter-with-audio gateway onto a black full-bleed canvas: click-and-hold and drag-to-explore navigation, sound toggle, filterable project grid — the studio behind OceanX 2025 treats its own index as an immersive instrument.", "batch": "v1", "flags": [ "audio-gated" ], "collection": "Film & production", "mode_observed": "light", "mean_luminance": 225, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 101, "thumb": "card-thumbs/unseen-studio@2x.webp", "constitution_sections": [ "tech-canvas-canvas" ], "card": "card-thumbs/unseen-studio.webp" }, { "genre": "Film & production", "name": "Jason Bergh", "url": "https://www.jasonbergh.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Independent find", "why": "Director monograph as numbered reel: a \"0/20\" full-bleed carousel of celebrity film work under light-weight grotesk titles, monochrome gallery restraint, and the tagline \"Intimate, Raw Human Storytelling\" doing the selling.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 46, "mode_agrees": true, "purpose": "show-work", "archetype": "entertainment-media", "n": 102, "thumb": "card-thumbs/jason-bergh@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/jason-bergh.webp" }, { "genre": "Portfolio / photography", "name": "Ottografie", "url": "https://ottografie.nl", "mode": "light", "dimension": "art-direction", "origin": "NL", "source": [ "expansion" ], "recognition": "Awwwards SOTD + FWA", "why": "Photographer portfolio (Exo Ape) built around enormous heroes and a detail-zoom tool: categorical grids — Beauty, Campaigns, Celebrities — with sequential next-category navigation and inline video, letting responsive full-width imagery dictate structure.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 200, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 103, "thumb": "card-thumbs/ottografie@2x.webp", "card": "card-thumbs/ottografie.webp" }, { "genre": "Museum & gallery", "name": "Getty — Tracing Art", "url": "https://www.getty.edu/tracingart/", "mode": "light", "dimension": "motion", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTM Jul 2025", "why": "Provenance scrollytelling by Resn: a single-column scroll spine walks one Willem Kalf still life through a 1669–1988 timeline, full-bleed zooming artwork imagery and ranked collector data as progressive reveals.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 245, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 104, "thumb": "card-thumbs/getty-tracing-art@2x.webp", "register": "tactile-editorial", "constitution_sections": [ "tech-scroll-narrative-motion" ], "card": "card-thumbs/getty-tracing-art.webp" }, { "genre": "Fashion & luxury brand", "name": "Jacquemus", "url": "https://www.jacquemus.com", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "expansion" ], "recognition": "Awwwards SOTD (bot-shielded)", "why": "Sun-soaked naive campaign compositions held inside rigorously minimal structure — playfulness in the photography, discipline in the frame — a tension that earned Awwwards SOTD (bot-shielded; verify in browser).", "batch": "v1", "flags": [ "bot-shield" ], "collection": "The maisons", "mode_observed": "light", "mean_luminance": 254, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 105, "thumb": "card-thumbs/jacquemus@2x.webp", "card": "card-thumbs/jacquemus.webp" }, { "genre": "Fashion & luxury brand", "name": "The Row", "url": "https://www.therow.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Quiet-luxury blueprint", "why": "Luxury through absence: white-on-white fields, black grotesk set small at regular weight, full-bleed seasonal heroes with gallery pacing and zero promotional noise — restraint enforced down to the hover states.", "batch": "v1", "collection": "The maisons", "mode_observed": "light", "mean_luminance": 232, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 106, "thumb": "card-thumbs/the-row@2x.webp", "constitution_sections": [ "purpose-sell-promo", "type-commerce-catalog-index" ], "card": "card-thumbs/the-row.webp" }, { "genre": "Automotive & mobility", "name": "Pagani", "url": "https://www.pagani.com", "mode": "dark", "dimension": "art-direction", "origin": "IT", "source": [ "expansion" ], "recognition": "Independent find", "why": "Hypercars sold with da Vinci quotations instead of spec sheets: near-black canvas, white all-caps grotesk display ('Act Three, Scene Two'), single-column full-bleed scroll chaptered Past/Present/Future amid generous negative space.", "batch": "v1", "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 58, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 107, "thumb": "card-thumbs/pagani@2x.webp", "card": "card-thumbs/pagani.webp" }, { "genre": "Designer & studio portfolio", "name": "Philippe Starck", "url": "https://www.starck.com", "mode": "mixed", "dimension": "interaction", "origin": "FR", "source": [ "expansion" ], "recognition": "Design-canon reference", "why": "A personal cosmology as information architecture: the designer's entire output navigated through his own worldview rather than a conventional portfolio taxonomy — the site structure itself becomes the self-portrait (verify in browser).", "batch": "v1", "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 90, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 108, "thumb": "card-thumbs/philippe-starck@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/philippe-starck.webp" }, { "genre": "Beauty & fragrance", "name": "Officine Universelle Buly", "url": "https://www.buly1803.com", "mode": "light", "dimension": "color", "origin": "FR", "source": [ "expansion" ], "recognition": "Typographic-identity canon", "why": "Bespoke 19th-century typographic maximalism: classical serifs over cream grounds, accents of gold, burgundy, and marble texture, dense multi-column product grids and full-bleed apothecary photography — flagship opulence rendered digital.", "batch": "v1", "collection": "The maisons", "mode_observed": "light", "mean_luminance": 160, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 109, "thumb": "card-thumbs/officine-universelle-buly@2x.webp", "card": "card-thumbs/officine-universelle-buly.webp" }, { "genre": "Fashion & luxury brand", "name": "Krug", "url": "https://www.krug.com", "mode": "light", "dimension": "typography", "origin": "FR", "source": [ "expansion" ], "recognition": "Independent find", "why": "Typographic layering as heritage: a founder-notebook handwriting face set against the Apolline serif, the two voices — personal script and typeset formality — telling the house's story before any imagery does (verify in browser).", "batch": "v1", "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 110, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 110, "thumb": "card-thumbs/krug@2x.webp", "constitution_sections": [ "type-brand-campaign-art-direction" ], "card": "card-thumbs/krug.webp" }, { "genre": "Fashion & luxury brand", "name": "Dom Pérignon", "url": "https://www.domperignon.com", "mode": "dark", "dimension": "art-direction", "origin": "FR", "source": [ "expansion" ], "recognition": "Independent find", "why": "GT America set with monastic austerity on a dark ground, vintage-by-vintage storytelling structuring the site the way the house structures its wine — one declared year at a time (verify in browser).", "batch": "v1", "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 32, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 111, "thumb": "card-thumbs/dom-p-rignon@2x.webp", "card": "card-thumbs/dom-p-rignon.webp" }, { "genre": "Fashion & luxury brand", "name": "Audemars Piguet", "url": "https://www.audemarspiguet.com", "mode": "dark", "dimension": "layout", "origin": "CH", "source": [ "expansion" ], "recognition": "Horology-content benchmark", "why": "AP Chronicles archive integrated as a first-class citizen beside commerce: high-contrast black-on-white grotesk at large display scale, modular full-bleed sections for collections, museum, and the 150th-anniversary hero.", "batch": "v1", "collection": "The maisons", "mode_observed": "light", "mean_luminance": 131, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 112, "thumb": "card-thumbs/audemars-piguet@2x.webp", "card": "card-thumbs/audemars-piguet.webp" }, { "genre": "Fashion & luxury brand", "name": "Van Cleef & Arpels", "url": "https://www.vancleefarpels.com", "mode": "light", "dimension": "motion", "origin": "FR", "source": [ "expansion" ], "recognition": "Luxury Daily feature (verify in browser)", "why": "Fairy-tale narrative product pages: animated Grimm castle openings turn jewelry pages into storybook sequences, motion serving enchantment rather than commerce mechanics — a Luxury Daily-featured approach (verify in browser).", "batch": "v1", "flags": [ "bot-shield" ], "collection": "The maisons", "mode_observed": "light", "mean_luminance": 212, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 113, "thumb": "card-thumbs/van-cleef-arpels@2x.webp", "card": "card-thumbs/van-cleef-arpels.webp" }, { "genre": "Audio, instruments & hardware", "name": "Leica", "url": "https://leica-camera.com", "mode": "light", "dimension": "art-direction", "origin": "DE", "source": [ "expansion" ], "recognition": "Canonical", "why": "Gear organized by photographic practice, with magazine, award, and Akademie built in: black-on-white geometric sans across mega-menu taxonomies, staggered product grids, and full-width camera photography carrying the warmth.", "batch": "v1", "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 82, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 114, "thumb": "card-thumbs/leica@2x.webp", "card": "card-thumbs/leica.webp" }, { "genre": "Audio, instruments & hardware", "name": "Hasselblad", "url": "https://www.hasselblad.com", "mode": "dark", "dimension": "layout", "origin": "SE", "source": [ "expansion" ], "recognition": "Independent find", "why": "Every scroll position an exhibition wall: white grotesk headlines centered over full-bleed black-ground photography, an asymmetric modular grid of product showcases, and a 5120px-wide hero carousel treating the X2D as artwork.", "batch": "v1", "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 9, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 115, "thumb": "card-thumbs/hasselblad@2x.webp", "card": "card-thumbs/hasselblad.webp" }, { "genre": "Travel / hospitality", "name": "Belmond", "url": "https://www.belmond.com", "mode": "light", "dimension": "art-direction", "origin": "INT", "source": [ "expansion" ], "recognition": "Independent find", "why": "Literary travel storytelling with an art-collaboration layer: charcoal type on off-white, earth-toned photography in an asymmetric card grid, a full-bleed pool hero declaring 'a new pace of travel', scroll-revealed offerings.", "batch": "v1", "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 85, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 116, "thumb": "card-thumbs/belmond@2x.webp", "card": "card-thumbs/belmond.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Flos", "url": "https://www.flos.com", "mode": "light", "dimension": "art-direction", "origin": "IT", "source": [ "expansion" ], "recognition": "Design-canon reference", "why": "Lighting catalog as design-history lesson: white ground with charcoal grotesk in light weights, full-bleed designer-story heroes (Bouroullec's wall of light) alternating with six-item product carousels in an asymmetric modular flow.", "batch": "v1", "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 67, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 117, "thumb": "card-thumbs/flos@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/flos.webp" }, { "genre": "Design agency", "name": "Pentagram", "url": "https://www.pentagram.com", "mode": "light", "dimension": "layout", "origin": "US/UK", "source": [ "expansion" ], "recognition": "Canonical", "why": "The canonical design-firm index: white ground, black grotesk, signature red accents; variable-width project cards in an asymmetric grid with full-bleed imagery, discipline-and-sector filtering keeping museum-grade order over hundreds of cases.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 130, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 118, "thumb": "card-thumbs/pentagram@2x.webp", "register": "curatorial-quiet", "constitution_sections": [ "type-portfolio-showcase-about", "type-portfolio-showcase-case", "universal-footer" ], "card": "card-thumbs/pentagram.webp" }, { "genre": "Design agency", "name": "Collins", "url": "https://www.wearecollins.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "expansion" ], "recognition": "Canonical", "why": "Confident display scale — the hero declares 'Rewrite your worth' in huge type over white — with charcoal text, Mux-hosted case film, and a disciplined single-column flow into thumbnail case-card grids.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 230, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 119, "thumb": "card-thumbs/collins@2x.webp", "constitution_sections": [ "type-portfolio-showcase-about" ], "card": "card-thumbs/collins.webp" }, { "genre": "Design agency", "name": "Studio Dumbar", "url": "https://studiodumbar.com", "mode": "light", "dimension": "motion", "origin": "NL", "source": [ "expansion" ], "recognition": "Canonical", "why": "Kinetic brand-motion HQ: a spare navigation frame gives way to a portfolio grid — OpenAI leading — where every thumbnail is a moving identity system, motion itself carrying the studio's hierarchy instead of color.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 151, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 120, "thumb": "card-thumbs/studio-dumbar@2x.webp", "card": "card-thumbs/studio-dumbar.webp" }, { "genre": "Design agency", "name": "DIA Studio", "url": "https://www.dia.studio", "mode": "light", "dimension": "motion", "origin": "US/CH", "source": [ "expansion" ], "recognition": "Canonical", "why": "The mute frame serving kinetic typography: white ground, black type, bracketed UI labels ([Filter], [Search]) as the only ornament — an austere index whose restraint spotlights the studio's type-in-motion work.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 158, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 121, "thumb": "card-thumbs/dia-studio@2x.webp", "card": "card-thumbs/dia-studio.webp" }, { "genre": "Design agency", "name": "Order", "url": "https://order.design", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "expansion" ], "recognition": "Independent find", "why": "A decade of identity work as a typographic ledger: black grotesk on white, projects as a continuous dated single-column list with metadata tags (Identity, Guidelines, Motion) — hierarchy from type weight alone.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 62, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 122, "thumb": "card-thumbs/order@2x.webp", "card": "card-thumbs/order.webp" }, { "genre": "Design agency", "name": "Immersive Garden", "url": "https://immersive-g.com", "mode": "dark", "dimension": "art-direction", "origin": "FR", "source": [ "expansion" ], "recognition": "Independent find", "why": "Luxury-register gallery — Cartier, LV, Dior work in scroll-reveal frames: a full-bleed single column paced by generous vertical space, opening on the statement 'transcend anything seen or felt before' with a scroll cue.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 189, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 123, "thumb": "card-thumbs/immersive-garden@2x.webp", "constitution_sections": [ "universal-loading" ], "card": "card-thumbs/immersive-garden.webp" }, { "genre": "Design agency", "name": "Locomotive", "url": "https://locomotive.ca", "mode": "light", "dimension": "motion", "origin": "CA", "source": [ "expansion" ], "recognition": "Independent find", "why": "The makers of Locomotive Scroll practicing their signature smooth choreography: black grotesk on white with an orange accent, a five-tile featured-work row, and the people-first manifesto 'design and code are only tools.'", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 16, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 124, "thumb": "card-thumbs/locomotive@2x.webp", "card": "card-thumbs/locomotive.webp" }, { "genre": "Design agency", "name": "Exo Ape", "url": "https://www.exoape.com", "mode": "light", "dimension": "motion", "origin": "NL", "source": [ "expansion" ], "recognition": "Independent find", "why": "Best-in-class motion portfolio: 2400px full-bleed photography stacked under a 'scroll to explore' cue, black grotesk on off-white, a headphones-on 'work in motion' reel, and scroll-driven transitions into a 2×2 project grid.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 123, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 125, "thumb": "card-thumbs/exo-ape@2x.webp", "card": "card-thumbs/exo-ape.webp" }, { "genre": "Restaurant / food", "name": "Chartogne-Taillet", "url": "https://chartogne-taillet.com", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "expansion" ], "recognition": "Awwwards + FWA + CSSDA", "why": "A champagne house rendered as an explorable hand-drawn map (Immersive Garden): terroir navigation becomes the interface itself, a triple-awarded (Awwwards, FWA, CSSDA) proof that illustration can replace conventional page structure entirely.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 242, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 126, "thumb": "card-thumbs/chartogne-taillet@2x.webp", "card": "card-thumbs/chartogne-taillet.webp" }, { "genre": "Type foundry", "name": "Pangram Pangram", "url": "https://pangrampangram.com", "mode": "light", "dimension": "typography", "origin": "CA", "source": [ "expansion" ], "recognition": "Canonical foundry", "why": "Type foundry where typography is both UI and product (Locomotive): black on white, its own faces — Neue Montreal, Palma, Monument — set at display scale across a modular specimen grid under a full-bleed Palma hero.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 122, "mode_agrees": false, "purpose": "show-work", "archetype": "editorial-publication", "n": 127, "thumb": "card-thumbs/pangram-pangram@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/pangram-pangram.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Moooi", "url": "https://www.moooi.com", "mode": "light", "dimension": "art-direction", "origin": "NL", "source": [ "expansion" ], "recognition": "Independent find", "why": "'A Life Extraordinary' as premium light e-commerce (Build in Amsterdam): black grotesk on white, full-bleed photographic heroes over a six-column category grid, scroll-layered reveals letting product photography — not chrome — carry the luxury.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 139, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 128, "thumb": "card-thumbs/moooi@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/moooi.webp" }, { "genre": "Automotive & mobility", "name": "Scout Motors", "url": "https://www.scoutmotors.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Independent find", "why": "Heritage EV reborn in editorial calm (Locomotive): charcoal grotesk on white, earth-toned full-bleed photography, a single-column flow — 'Scouts always come back' — splitting into a two-up Traveler/Terra grid with numbered viewfinder scroll gallery.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 51, "mode_agrees": false, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 129, "thumb": "card-thumbs/scout-motors@2x.webp", "card": "card-thumbs/scout-motors.webp" }, { "genre": "Games / gaming", "name": "Star Atlas", "url": "https://staratlas.com", "mode": "dark", "dimension": "interaction", "origin": "INT", "source": [ "expansion" ], "recognition": "Awwwards SOTY", "why": "Metaverse SOTY (Hello Monday): space-black and navy fields cut by electric-cyan and gold, grotesk display type at hero scale, solar-system navigation, horizontal game-mode carousels, and full-bleed asymmetric sections stacking a player-driven economy.", "batch": "v1", "flags": [ "canvas" ], "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 54, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 130, "thumb": "card-thumbs/star-atlas@2x.webp", "constitution_sections": [ "type-brand-campaign-art-direction" ], "card": "card-thumbs/star-atlas.webp" }, { "genre": "Events / conferences", "name": "DEMO Festival", "url": "https://demofestival.com", "mode": "light", "dimension": "motion", "origin": "NL", "source": [ "expansion" ], "recognition": "Independent find", "why": "Neutral frame for thousands of motion pieces (Studio Dumbar): a plain single-column structure — big 'Design in Motion Festival' heading, date, trailer video, long designer rosters — that recedes so submitted motion work stays the spectacle.", "batch": "v1", "flags": [ "campaign-expiry" ], "collection": "Agency craft", "mode_observed": "mixed", "mean_luminance": 158, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 131, "thumb": "card-thumbs/demo-festival@2x.webp", "card": "card-thumbs/demo-festival.webp" }, { "genre": "Museum & gallery", "name": "Fondation Cartier", "url": "https://www.fondationcartier.com", "mode": "light", "dimension": "layout", "origin": "FR", "source": [ "expansion" ], "recognition": "Independent find", "why": "Per-exhibition color re-skinning (AREA 17) over a calm base: off-white ground, charcoal grotesk, champagne-gold accents, full-bleed architectural photography of the Palais-Royal home, and an asymmetric grid alternating text with exhibition heroes.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 189, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 132, "thumb": "card-thumbs/fondation-cartier@2x.webp", "register": "curatorial-quiet", "constitution_sections": [ "purpose-host-institution-hero" ], "card": "card-thumbs/fondation-cartier.webp" }, { "genre": "Audio, instruments & hardware", "name": "Aether 1", "url": "https://www.aether1.ai", "mode": "light", "dimension": "interaction", "origin": "INT", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Real-time 3D earbud with on-page concierge (OFF+BRAND): full-bleed single-column stack opening on 'Sound Without Boundaries,' click-to-enable sound layer, and sequential feature chapters that treat a product page as an instrument demo.", "batch": "v1", "flags": [ "canvas" ], "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 12, "mode_agrees": false, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 133, "thumb": "card-thumbs/aether-1@2x.webp", "constitution_sections": [ "universal-loading" ], "card": "card-thumbs/aether-1.webp" }, { "genre": "Science, space & biotech", "name": "Vast — Haven-1", "url": "https://www.vastspace.com", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Space-station program in cinematic dark modules (Antinomy): near-black ground, white grotesk at massive hero scale, electric-cyan CTAs, a full-viewport autoplay film, and staggered scroll-revealed hardware galleries alternating left-right.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 168, "mode_agrees": false, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "institutional-informational", "n": 134, "thumb": "card-thumbs/vast-haven-1@2x.webp", "card": "card-thumbs/vast-haven-1.webp" }, { "genre": "Landing / marketing", "name": "Adaline", "url": "https://www.adaline.ai", "mode": "light", "dimension": "motion", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTD + Dev", "why": "Layered off-white landscape concept (Daybreak): charcoal geometric sans at bold display scale on white, single-column sections revealing product like terrain on scroll, an infinite logo loop, and a closing illustrated-hill footer.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 247, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 135, "thumb": "card-thumbs/adaline@2x.webp", "card": "card-thumbs/adaline.webp" }, { "genre": "Wellness / health", "name": "Superpower", "url": "https://superpower.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTD + Dev", "why": "Warm-clinical white field with charcoal text and a single orange accent; NB International Pro grotesk scales from micro-labels to 48px+ hero; editorial scroll sequencing paces membership storytelling in alternating full-bleed blocks (Daybreak).", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 90, "mode_agrees": false, "purpose": "persuade", "archetype": "service-consumer", "n": 136, "thumb": "card-thumbs/superpower@2x.webp", "card": "card-thumbs/superpower.webp" }, { "genre": "Sport, clubs & athletes", "name": "Tracksmith", "url": "https://www.tracksmith.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Independent find", "why": "Off-white ground, black grotesk headings and muted navy-and-earth photography give running commerce magazine pacing; full-bleed campaign heroes alternate with disciplined three-column product grids and journal modules — HUGE client craft.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 76, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "brand-campaign", "n": 137, "thumb": "card-thumbs/tracksmith@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/tracksmith.webp" }, { "genre": "Architecture practice", "name": "Æbele Interiors", "url": "https://aebeleinteriors.com", "mode": "light", "dimension": "art-direction", "origin": "DK", "source": [ "expansion" ], "recognition": "Awwwards SOTD + Dev", "why": "Cream ground, charcoal grotesk display and gold-and-marble interior photography; asymmetric single-column flow drops tall full-bleed image blocks into generous whitespace, letting dark seaside-villa scenes carry the luxury (Exo Ape).", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 160, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 138, "thumb": "card-thumbs/bele-interiors@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/bele-interiors.webp" }, { "genre": "Restaurant / food", "name": "Savor", "url": "https://savor.it", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTD Sep 2025", "why": "White field and charcoal type frame food-science storytelling; full-bleed single-column flow sequences an eleven-image hero carousel, variable-width galleries and press logos, with uppercase episode CTAs pacing the narrative (Resn).", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 78, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 139, "thumb": "card-thumbs/savor@2x.webp", "card": "card-thumbs/savor.webp" }, { "genre": "Design agency", "name": "BASIC Moves", "url": "https://moves.basicagency.com", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "expansion" ], "recognition": "Independent find", "why": "Near-black canvas with white grotesk navigation; Basic/Dept self-microsite opens on click-and-hold entry and a plug-in audio layer, then runs a full-bleed photographic carousel with timeline controls across office chapters.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 48, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 140, "thumb": "card-thumbs/basic-moves@2x.webp", "card": "card-thumbs/basic-moves.webp" }, { "genre": "E-commerce / retail", "name": "mishmash", "url": "https://mishmash.pt", "mode": "light", "dimension": "color", "origin": "PT", "source": [ "expansion" ], "recognition": "Independent find", "why": "White-cream ground and near-black grotesk at restrained sizes; stationery photography sits in a quietly exact system — stacked full-bleed banners breaking into product-card grids under a fixed top nav (Significa).", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 151, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 141, "thumb": "card-thumbs/mishmash@2x.webp", "card": "card-thumbs/mishmash.webp" }, { "genre": "Landing / marketing", "name": "The Symphony of Vines", "url": "https://symphonyofvines.unseen.co/", "mode": "dark", "dimension": "art-direction", "origin": "GB", "source": [ "expansion" ], "recognition": "CSSDA WOTY nominee 8.88", "why": "Terroir rendered as one continuous WebGL camera move: four dark chapters where the cursor carves glaciers, press-and-hold conducts tidal rivers and alters soil, with sound binding scroll into a single cinematic descent.", "batch": "v1", "flags": [ "canvas", "audio-gated" ], "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 55, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 142, "thumb": "card-thumbs/the-symphony-of-vines@2x.webp", "constitution_sections": [ "tech-scroll-narrative-motion", "type-brand-campaign-front-page", "universal-loading" ], "card": "card-thumbs/the-symphony-of-vines.webp" }, { "genre": "Sport, clubs & athletes", "name": "Charles Leclerc", "url": "https://charlesleclerc.com", "mode": "dark", "dimension": "motion", "origin": "MC", "source": [ "expansion" ], "recognition": "CSSDA WOTY nominee", "why": "Ferrari-red accents cut charcoal-on-white editorial modules; race telemetry becomes storytelling through scroll-to-explore reveals, helmet-design carousels and modular Training/Racing cards, photographic full-bleed heroes anchoring each chapter.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 92, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "brand-campaign", "n": 143, "thumb": "card-thumbs/charles-leclerc@2x.webp", "card": "card-thumbs/charles-leclerc.webp" }, { "genre": "Design agency", "name": "Bürocratik", "url": "https://www.burocratik.com", "mode": "light", "dimension": "layout", "origin": "PT", "source": [ "expansion" ], "recognition": "CSSDA WOTY nominee", "why": "Cream-and-ink base with electric cyan and magenta flashes from project work; bold grotesk display over staggered asymmetric case cards, kinetic masks and a live days-in-operation counter asserting museum confidence.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 141, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 144, "thumb": "card-thumbs/b-rocratik@2x.webp", "constitution_sections": [ "type-portfolio-showcase-about" ], "card": "card-thumbs/b-rocratik.webp" }, { "genre": "Landing / marketing", "name": "KOKUYO — Curiosity is Life", "url": "https://www.kokuyo.com/special/curiosity-is-life/", "mode": "light", "dimension": "color", "origin": "JP", "source": [ "expansion" ], "recognition": "CSSDA WOTY + Webby", "why": "A living sketchbook on a white ground: collaged imagery and variable letterforms animate 'Curiosity is Life,' a sound-on prompt gates entry, and playful audio threads the single-column scroll through KOKUYO's worlds.", "batch": "v1", "flags": [ "campaign-expiry" ], "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 204, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 145, "thumb": "card-thumbs/kokuyo-curiosity-is-life@2x.webp", "constitution_sections": [ "type-brand-campaign-front-page", "universal-art-direction" ], "card": "card-thumbs/kokuyo-curiosity-is-life.webp" }, { "genre": "Design agency", "name": "Juice Agency", "url": "https://www.juice.agency", "mode": "mixed", "dimension": "art-direction", "origin": "GB", "source": [ "expansion" ], "recognition": "CSSDA WOTY nominee", "why": "Gritty human identity on a light ground: animated stickers and elastic type energize the boastful hero line, a percentage preloader sets tempo, and stacked asymmetric project blocks mix video with grotesk display.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 177, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 146, "thumb": "card-thumbs/juice-agency@2x.webp", "card": "card-thumbs/juice-agency.webp" }, { "genre": "Film & production", "name": "Working Stiff Films", "url": "https://www.workingstifffilms.com", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "expansion" ], "recognition": "Top Design King 9.73", "why": "Deadpan comedy built into the mechanics: fractured 'We make laughs' headline, illustrated walking-teeth mascot, spinning Comedy Gold badge and a masonry film grid in ink-on-white with orange accents — Top Design King 9.73.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 99, "mode_agrees": true, "purpose": "show-work", "archetype": "entertainment-media", "n": 147, "thumb": "card-thumbs/working-stiff-films@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/working-stiff-films.webp" }, { "genre": "Landing & brand craft", "name": "Gary & the Endless Forest", "url": "https://play.garance.com", "mode": "mixed", "dimension": "interaction", "origin": "FR", "source": [ "expansion" ], "recognition": "Independent find", "why": "Interaction as pedagogy: a playful illustrated forest world — floating-plant preloader included — turns Garance savings concepts into game mechanics, so learning happens through doing rather than decorative explanation.", "batch": "v1", "purpose": "unclassified", "archetype": "brand-campaign", "n": 148, "thumb": "card-thumbs/gary-the-endless-forest@2x.webp", "register": "whimsical-expressive", "card": "card-thumbs/gary-the-endless-forest.webp" }, { "genre": "Design agency", "name": "Nite Riot", "url": "https://www.nite-riot.com", "mode": "mixed", "dimension": "motion", "origin": "US", "source": [ "expansion" ], "recognition": "CSSDA WOTD 8.47", "why": "Poster-voice tagline stack over black: paired split-screen project images scroll as a horizontal-feeling grid, white grotesk nav with a live Los Angeles timestamp and full-screen toggle keeping the gallery cinematic.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 211, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 149, "thumb": "card-thumbs/nite-riot@2x.webp", "card": "card-thumbs/nite-riot.webp" }, { "genre": "Landing / marketing", "name": "Composites.archi", "url": "https://www.composites.archi", "mode": "dark", "dimension": "interaction", "origin": "FR", "source": [ "expansion" ], "recognition": "CSSDA WOTD + WOTM", "why": "Scroll-bound WebGL makes composite materials tactile: off-white ground with charcoal grotesk, 'scroll to explore' cues and sound toggle drive an asymmetric full-bleed grid whose material galleries reconfigure between construction categories.", "batch": "v1", "flags": [ "canvas" ], "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 36, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 150, "thumb": "card-thumbs/composites-archi@2x.webp", "card": "card-thumbs/composites-archi.webp" }, { "genre": "Automotive & mobility", "name": "M-Sport Raptor", "url": "https://www.msport-raptor.com", "mode": "dark", "dimension": "art-direction", "origin": "GB", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Near-black canvas, white geometric grotesk and Ford-red accents run Dakar specification as race narrative: 'Engineered to win' hero, scroll-tracked stage progression, and driver/spec popup modules ratcheting tension toward January stages.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 0, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 151, "thumb": "card-thumbs/m-sport-raptor@2x.webp", "constitution_sections": [ "universal-loading" ], "card": "card-thumbs/m-sport-raptor.webp" }, { "genre": "Fashion & luxury brand", "name": "P448", "url": "https://p448.com", "mode": "light", "dimension": "art-direction", "origin": "IT", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Editorial campaign modules balance utility and attitude: neutral off-white frame lets neon and jewel-tone sneakers pop, full-bleed 'Summer, Uncomplicated' heroes alternate with split gender grids and quick-add hover commerce.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 172, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 152, "thumb": "card-thumbs/p448@2x.webp", "card": "card-thumbs/p448.webp" }, { "genre": "Design agency", "name": "Arqui9", "url": "https://www.arqui9.com", "mode": "dark", "dimension": "art-direction", "origin": "GB", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "An architectural screening room for cinematic CG: statement hero 'Visualising this world and the next,' scroll-down cues pacing modular sections — numbered process timeline, impact statistics, case-study cards — in charcoal-on-neutral grotesk.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "mixed", "mean_luminance": 131, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 153, "thumb": "card-thumbs/arqui9@2x.webp", "constitution_sections": [ "universal-imagery" ], "card": "card-thumbs/arqui9.webp" }, { "genre": "Design agency", "name": "Paper Tiger", "url": "https://www.papertiger.com", "mode": "dark", "dimension": "typography", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTD Jan 2026", "why": "Black-fabric hero texture under serif 'Clarity First, Impact Forever,' blunt grotesk body, red geometric dot accents on stark black-and-white; scroll-triggered dot reveals, animated stat counters and an auto-rotating client carousel.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 208, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 154, "thumb": "card-thumbs/paper-tiger@2x.webp", "card": "card-thumbs/paper-tiger.webp" }, { "genre": "Restaurant / food", "name": "Cartapani", "url": "https://cartapani.it", "mode": "light", "dimension": "art-direction", "origin": "IT", "source": [ "expansion" ], "recognition": "CSSDA WOTD 8.51", "why": "Coffee-warm palette — cream grounds, deep-brown accents — with grotesk display scaling across numbered sections 001–008; slow staggered reveals, an embedded hero video and origin storytelling give heritage roasting traceable, unhurried pacing.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 85, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 155, "thumb": "card-thumbs/cartapani@2x.webp", "card": "card-thumbs/cartapani.webp" }, { "genre": "Travel / hospitality", "name": "Trawelt", "url": "https://www.trawelt.com", "mode": "light", "dimension": "typography", "origin": "PL", "source": [ "expansion" ], "recognition": "SEESAW", "why": "Labour grotesk paired with Reckless Neue serif gives travel consulting editorial contrast; asymmetric full-bleed grid moves from 'Upgrade to first class' hero through nine-category blocks and a four-stage expedition framework over destination photography.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 53, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 156, "thumb": "card-thumbs/trawelt@2x.webp", "card": "card-thumbs/trawelt.webp" }, { "genre": "Performing arts & festival", "name": "Synthetic Theatre", "url": "https://www.synthetictheatre.com", "mode": "dark", "dimension": "typography", "origin": "INT", "source": [ "expansion" ], "recognition": "SEESAW", "why": "PP Neue Bit sets a machine-era playbill in the dark: numbered episodes (001–003), an 'Opening the Curtains' progress meter, and genre-tagged story cards keep the AI theatre deliberately uncanny.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 40, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "n": 157, "thumb": "card-thumbs/synthetic-theatre@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/synthetic-theatre.webp" }, { "genre": "Music / streaming", "name": "Mooders", "url": "https://mooders.net", "mode": "dark", "dimension": "art-direction", "origin": "FR", "source": [ "expansion" ], "recognition": "SEESAW", "why": "A sound studio that lets audio atmosphere lead: dark project carousels stay visually reticent so sound-led transitions dominate, with bilingual FR/EN chrome and hover-lit work cards from the Nantes–Paris team.", "batch": "v1", "flags": [ "audio-gated" ], "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 216, "mode_agrees": false, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 158, "thumb": "card-thumbs/mooders@2x.webp", "card": "card-thumbs/mooders.webp" }, { "genre": "Blog / news / editorial", "name": "Interfaces", "url": "https://interfaces.dev", "mode": "light", "dimension": "interaction", "origin": "INT", "source": [ "expansion" ], "recognition": "SEESAW", "why": "The page argues for detail by practicing it: Libre Baskerville on near-white oklch grounds, PP Mondwest specimens, and Framer Motion blur-and-scale transitions inside interruptible inline demos of every pattern taught.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 246, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 159, "thumb": "card-thumbs/interfaces@2x.webp", "card": "card-thumbs/interfaces.webp" }, { "genre": "Design agency", "name": "Secco Squared", "url": "https://www.seccosquared.com", "mode": "dark", "dimension": "interaction", "origin": "US", "source": [ "expansion" ], "recognition": "Refs.Gallery", "why": "The 'squared' idea becomes a coherent interaction system: tabbed channel panels, square-cornered cards, and a logo-grid carousel all obey the same right-angled geometry, turning performance marketing into disciplined modular UI.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 99, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 160, "thumb": "card-thumbs/secco-squared@2x.webp", "card": "card-thumbs/secco-squared.webp" }, { "genre": "Design agency", "name": "Huncwot", "url": "https://huncwot.com", "mode": "light", "dimension": "layout", "origin": "PL", "source": [ "expansion" ], "recognition": "Refs.Gallery", "why": "Bone-white 11-column order ruptured by full-bleed project reels: six numbered case studies (01–06) with gold indices, lazy-loaded imagery, and a terse 'Scroll down ¬' cue keep the grid's discipline visible.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 106, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 161, "thumb": "card-thumbs/huncwot@2x.webp", "card": "card-thumbs/huncwot.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Impronta", "url": "https://www.improntahome.com", "mode": "light", "dimension": "art-direction", "origin": "IT", "source": [ "expansion" ], "recognition": "Refs.Gallery", "why": "Architecture photography paced like a gallery: a numbered hero carousel (01.03…) rotates Living/Space/Future themes, modular product cards sit in quiet grids, and black-on-white type defers to the imagery.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 152, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 162, "thumb": "card-thumbs/impronta@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/impronta.webp" }, { "genre": "Design agency", "name": "Cactus Digitale", "url": "https://cactusdigitale.com", "mode": "mixed", "dimension": "layout", "origin": "IT", "source": [ "expansion" ], "recognition": "The Colophon", "why": "Fashion-led Three.js depth grown from contact-sheet editorial: a Next.js build where flat thumbnail grids tilt into dimensional space, letting the creative company's photographic material supply all the color.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 209, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 163, "thumb": "card-thumbs/cactus-digitale@2x.webp", "card": "card-thumbs/cactus-digitale.webp" }, { "genre": "Design agency", "name": "L’Etude", "url": "https://letude.group", "mode": "mixed", "dimension": "typography", "origin": "FR", "source": [ "expansion" ], "recognition": "The Colophon", "why": "Indivisible set at poster scale across project-specific color fields — each case study recolors the whole canvas, so the oversized typography stays constant while palette becomes the navigation signal.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 96, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 164, "thumb": "card-thumbs/l-etude@2x.webp", "card": "card-thumbs/l-etude.webp" }, { "genre": "Portfolio / photography", "name": "35mm", "url": "https://lab.chakibmzn.com/35mm/", "mode": "dark", "dimension": "interaction", "origin": "FR", "source": [ "expansion" ], "recognition": "The Colophon", "why": "Browsing rebuilt as the physical logic of loading film: a dark lab experience where advancing frames, sprocket rhythm, and shutter-like transitions make the archive's navigation identical to the camera's mechanism.", "batch": "v1", "flags": [ "canvas" ], "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 39, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 165, "thumb": "card-thumbs/35mm@2x.webp", "card": "card-thumbs/35mm.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Gufram", "url": "https://gufram.it", "mode": "light", "dimension": "layout", "origin": "IT", "source": [ "expansion" ], "recognition": "The Colophon", "why": "Pop-surreal furniture given room to perform: a white-walled product grid where saturated reds, greens, and cactus hues come entirely from the objects, lazy-loading tiles like gallery plinths under a sticky nav.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 246, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 166, "thumb": "card-thumbs/gufram@2x.webp", "card": "card-thumbs/gufram.webp" }, { "genre": "Portfolio / photography", "name": "Montreal in Motion", "url": "https://typicalmitul.com/montreal-in-motion", "mode": "light", "dimension": "art-direction", "origin": "CA", "source": [ "expansion" ], "recognition": "The Colophon", "why": "A metro photo archive that feels cinematic: station-by-station sequencing (Langelier, Verdun, Charlevoix…), a List/Grid viewing toggle, bilingual EN/FR chrome, and lazy placeholders that let each platform frame breathe.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 197, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 167, "thumb": "card-thumbs/montreal-in-motion@2x.webp", "card": "card-thumbs/montreal-in-motion.webp" }, { "genre": "Designer & studio portfolio", "name": "Tim Quirino", "url": "https://timq.xyz", "mode": "mixed", "dimension": "interaction", "origin": "US", "source": [ "expansion" ], "recognition": "The Colophon", "why": "A portfolio as sci-fi artifact: a Spline-built Arrakis with particle spice emitters and two eclipsing moons crowns the masthead, then 'Scroll to Continue' hands over to an eccentric type hierarchy.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 58, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 168, "thumb": "card-thumbs/tim-quirino@2x.webp", "card": "card-thumbs/tim-quirino.webp" }, { "genre": "Fashion & luxury brand", "name": "DICH Fashion", "url": "https://dich-fashion.webflow.io", "mode": "dark", "dimension": "typography", "origin": "UA", "source": [ "expansion" ], "recognition": "The Colophon", "why": "Techno-editorial acid world: vivid orange and yellow on black, file-system copy ('C://SYSTEM_FILES', ''), corner-bracket SVG frames, and a numbered 01–04 collection grid with rotating loader ornaments.", "batch": "v1", "flags": [ "staging-domain" ], "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 152, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 169, "thumb": "card-thumbs/dich-fashion@2x.webp", "card": "card-thumbs/dich-fashion.webp" }, { "genre": "Wellness / health", "name": "Midlife Engineering", "url": "https://www.midlife.engineering", "mode": "dark", "dimension": "interaction", "origin": "INT", "source": [ "expansion" ], "recognition": "The Colophon", "why": "The site is the ambient sound-therapy product: playable low-frequency soundscapes with play/pause/reset controls, each benefit block pairing 'How it works' with cited studies, the dark UI staying clinically calm.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "mixed", "mean_luminance": 134, "mode_agrees": false, "purpose": "persuade", "archetype": "service-consumer", "n": 170, "thumb": "card-thumbs/midlife-engineering@2x.webp", "card": "card-thumbs/midlife-engineering.webp" }, { "genre": "Portfolio / photography", "name": "David Spaeth", "url": "https://davidspaeth.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "SiteInspire", "why": "Color, grain, and sequencing lead like a printed monograph: a spare white grid lists projects with frame counts — (54), (9) — from VETEMENTS to motorsports, chrome receding entirely behind photographs.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 132, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 171, "thumb": "card-thumbs/david-spaeth@2x.webp", "card": "card-thumbs/david-spaeth.webp" }, { "genre": "Portfolio / photography", "name": "Mark Clennon", "url": "https://www.markclennon.com", "mode": "mixed", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "CSSDA WOTD 8.03", "why": "Adaptive black-and-white scaffolding lets skin tone set the atmosphere: a Webflow-built grid splitting Stills (Commissioned/Personal) from Motion, hover-lit thumbnails in two-to-four-column rows, chrome staying strictly neutral.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 86, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 172, "thumb": "card-thumbs/mark-clennon@2x.webp", "card": "card-thumbs/mark-clennon.webp" }, { "genre": "E-commerce / retail", "name": "Cecilie Bahnsen", "url": "https://www.ceciliebahnsen.com", "mode": "light", "dimension": "art-direction", "origin": "DK", "source": [ "expansion" ], "recognition": "Minimal Gallery", "why": "Couture logic in layout: full-bleed Pre-Fall campaign heroes on white, a tiny centered nav, and three-column dress grids in muted earth photography — the mega-menu commerce machinery kept nearly invisible.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 108, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 173, "thumb": "card-thumbs/cecilie-bahnsen@2x.webp", "constitution_sections": [ "purpose-sell-promo" ], "card": "card-thumbs/cecilie-bahnsen.webp" }, { "genre": "Travel / hospitality", "name": "Our Habitas", "url": "https://www.ourhabitas.com", "mode": "mixed", "dimension": "art-direction", "origin": "INT", "source": [ "expansion" ], "recognition": "Independent find", "why": "Desert-and-jungle cinematography carries the entire page: the award-winning hotel group lets full-bleed location film stand in for copy, chrome dissolving so each resort reads as atmosphere first.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 115, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 174, "thumb": "card-thumbs/our-habitas@2x.webp", "card": "card-thumbs/our-habitas.webp" }, { "genre": "SaaS application", "name": "Terminal Industries", "url": "https://terminal-industries.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTM Sep 2025", "why": "REJOUICE's industrial dark system: animated efficiency counters (01–04), a Gate/Yard/Dock/Operations tabbed platform tour, a live yard-savings calculator, and Storyblok-fed imagery grounding AI logistics in physical texture.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 81, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "n": 175, "thumb": "card-thumbs/terminal-industries@2x.webp", "card": "card-thumbs/terminal-industries.webp" }, { "genre": "Restaurant / food", "name": "Ciao Energy", "url": "https://www.ciaoenergy.com", "mode": "light", "dimension": "motion", "origin": "FR", "source": [ "expansion" ], "recognition": "Awwwards SOTD Jul 2026", "why": "Anti-energy-drink restraint: a white ground with teal chrome where each of six flavors carries its own accent hue, 'Scroller pour découvrir' pacing a can-led hero into numbered benefit slides.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 47, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 176, "thumb": "card-thumbs/ciao-energy@2x.webp", "card": "card-thumbs/ciao-energy.webp" }, { "genre": "Food & drink producers", "name": "CoffeeTech", "url": "https://coffee-tech.com", "mode": "dark", "dimension": "art-direction", "origin": "IL", "source": [ "expansion" ], "recognition": "Awwwards SOTD Jul 2026", "why": "Roaster machinery given gallery treatment: orange-accented chrome frames product heroes like exhibits, with testimonial and blog carousels, five-language navigation, and a Coffee/Cocoa/Nuts taxonomy dignifying industrial hardware.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 42, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 177, "thumb": "card-thumbs/coffeetech@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/coffeetech.webp" }, { "genre": "Type foundry", "name": "PP Neue Montreal", "url": "https://neuemontreal.com", "mode": "light", "dimension": "color", "origin": "CA", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "The typeface as a Montreal travel guide: PP Neue Montreal's full range — Hairline to Black, Mono and Squeezed variants — demonstrates itself across six city landmarks, specimen and itinerary fused into one editorial.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 103, "mode_agrees": false, "purpose": "show-work", "archetype": "editorial-publication", "n": 178, "thumb": "card-thumbs/pp-neue-montreal@2x.webp", "register": "saturated-poster", "constitution_sections": [ "universal-typography" ], "card": "card-thumbs/pp-neue-montreal.webp" }, { "genre": "Crypto / web3", "name": "Dragonfly", "url": "https://www.dragonfly.xyz", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Numbered-section editorial (01 About through 05 Careers) for a crypto fund with zero neon: alphabetically indexed portfolio columns, toggling team bios, and category-filtered writing read like a research journal.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 4, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "n": 179, "thumb": "card-thumbs/dragonfly@2x.webp", "card": "card-thumbs/dragonfly.webp" }, { "genre": "Interactive & experimental", "name": "Serotoninn", "url": "https://serotoninn.com", "mode": "mixed", "dimension": "art-direction", "origin": "INT", "source": [ "expansion" ], "recognition": "Awwwards SOTD Aug 2026", "why": "The bracket [ ] motif systematized: numbered sections 01–07, drag-click product carousels, a dotted 01% loader, and metallic electric-blue and yellow swatches make tech-editorial fashion feel like an interface (BL/S).", "batch": "v1", "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 222, "mode_agrees": false, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 180, "thumb": "card-thumbs/serotoninn@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/serotoninn.webp" }, { "genre": "Landing / marketing", "name": "Alethia", "url": "https://www.alethia.earth", "mode": "light", "dimension": "layout", "origin": "INT", "source": [ "expansion" ], "recognition": "Awwwards SOTD Aug 2026", "why": "Carbon science in generous single-column whitespace: five numbered pillars (01–05) from observation systems to blockchain traceability, a 'Scroll to discover' cadence, and case studies anchored to real geographies.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 42, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 181, "thumb": "card-thumbs/alethia@2x.webp", "card": "card-thumbs/alethia.webp" }, { "genre": "Landing / marketing", "name": "Oryzo", "url": "https://oryzo.ai", "mode": "light", "dimension": "interaction", "origin": "GB", "source": [ "expansion" ], "recognition": "Awwwards SOTM Apr 2026", "why": "Lusion's pitch-perfect parody of AI product launches: a cork 'device' with Pro/Pro-Max comparison grid, Encode/Decode message demos, and scroll-triggered reveals that mimic every keynote trope with straight-faced polish.", "batch": "v1", "flags": [ "canvas" ], "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 103, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 182, "thumb": "card-thumbs/oryzo@2x.webp", "card": "card-thumbs/oryzo.webp" }, { "genre": "Real estate", "name": "Son Daven", "url": "https://sondaven.com", "mode": "dark", "dimension": "art-direction", "origin": "UA", "source": [ "expansion" ], "recognition": "Awwwards SOTM Jun 2026", "why": "Carpathian resort minimalism in charcoal and forest green: animated SVG section transitions, an apartment-type carousel with floor plans, a construction timeline, and Hutsul-heritage restraint holding the investment pitch to gallery tone.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 39, "mode_agrees": true, "purpose": "persuade", "archetype": "hospitality-place", "n": 183, "thumb": "card-thumbs/son-daven@2x.webp", "card": "card-thumbs/son-daven.webp" }, { "genre": "Landing / marketing", "name": "MindMarket", "url": "https://mindmarket.com", "mode": "light", "dimension": "motion", "origin": "CA", "source": [ "expansion" ], "recognition": "Awwwards SOTM Dec 2025", "why": "Louis Paquet's layered SVG illustration system: hand-drawn clocks, planes, and joysticks animate along a horizontal timeline, green-accented stat columns (60+ countries, 400 projects) grounding the playful line-work in evidence.", "batch": "v1", "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 186, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 184, "thumb": "card-thumbs/mindmarket@2x.webp", "card": "card-thumbs/mindmarket.webp" }, { "genre": "Finance / fintech", "name": "Montfort", "url": "https://mont-fort.com", "mode": "light", "dimension": "layout", "origin": "CH", "source": [ "expansion" ], "recognition": "Awwwards SOTM Jun 2025", "why": "Commodity-trading credibility through typography alone: four numbered divisions (Trading, Capital, Maritime, Fort Energy), a 'Scroll down to discover' cadence, and fifteen office locations typeset without a single decorative flourish.", "batch": "v1", "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 221, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "n": 185, "thumb": "card-thumbs/montfort@2x.webp", "card": "card-thumbs/montfort.webp" }, { "genre": "Developer tool", "name": "Anime.js", "url": "https://animejs.com", "mode": "dark", "dimension": "motion", "origin": "FR", "source": [ "expansion" ], "recognition": "Awwwards SOTM May 2025", "why": "The landing page is the library running: staggered squares, draggable elements, and Scroll Observer demos execute inline beside their own code, an easing editor turning documentation into playable motion.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 41, "mode_agrees": true, "purpose": "operate", "archetype": "software-product", "n": 186, "thumb": "card-thumbs/anime-js@2x.webp", "constitution_sections": [ "universal-motion" ], "card": "card-thumbs/anime-js.webp" }, { "genre": "Publishing & books", "name": "Aardvark Book Club", "url": "https://www.aardvarkbookclub.com", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "expansion" ], "recognition": "CSSDA WOTD Aug 2026", "why": "Boutique-editorial book subscription: orange-gold eyecatcher accents on white, a responsive grid of monthly selections, and a flat-geometric illustrated four-step onboarding that keeps commerce feeling like a reading club.", "batch": "v1", "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 171, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "editorial-publication", "n": 187, "thumb": "card-thumbs/aardvark-book-club@2x.webp", "register": "saturated-poster", "card": "card-thumbs/aardvark-book-club.webp" }, { "genre": "Travel / hospitality", "name": "Jesko Jets", "url": "https://jeskojets.com", "mode": "dark", "dimension": "art-direction", "origin": "AE", "source": [ "expansion" ], "recognition": "CSSDA WOTD Jul 2026", "why": "Blueprint fleet diagrams in charcoal-navy luxury: technical Gulfstream 650ER interior layouts drawn in mobile and desktop versions, a live local-time readout, and mission statistics (5,000+ flights) typeset like instrumentation.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 104, "mode_agrees": true, "purpose": "host-visit", "archetype": "hospitality-place", "n": 188, "thumb": "card-thumbs/jesko-jets@2x.webp", "card": "card-thumbs/jesko-jets.webp" }, { "genre": "Architecture practice", "name": "House of Honey", "url": "https://www.houseofhoney.com", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "expansion" ], "recognition": "Awwwards SOTD Jul 2026", "why": "Interior design read as a design magazine: a six-project 'Spaces with story' gallery, a dated 'Dear HONEY' column, and Sanity-cropped imagery under the tagline 'Interiors, Objects & Atmospheres'.", "batch": "v1", "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 160, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 189, "thumb": "card-thumbs/house-of-honey@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/house-of-honey.webp" }, { "genre": "Film & production", "name": "Siena Film Foundation", "url": "https://siena.film", "mode": "dark", "dimension": "art-direction", "origin": "IT", "source": [ "expansion" ], "recognition": "Awwwards SOTM Mar 2025", "why": "Cinema-dark navigation as ritual: 'hold and drag' steers the film carousel, scroll unlocks the immersive experience, and dual side menus quick-jump eight films — instruction copy itself becomes title-sequence atmosphere.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 8, "mode_agrees": true, "purpose": "show-work", "archetype": "entertainment-media", "n": 190, "thumb": "card-thumbs/siena-film-foundation@2x.webp", "card": "card-thumbs/siena-film-foundation.webp" }, { "genre": "Music / streaming", "name": "No Art", "url": "https://www.noartmusic.com", "mode": "dark", "dimension": "art-direction", "origin": "NL", "source": [ "expansion" ], "recognition": "Awwwards SOTD Aug 2026", "why": "Refined restraint for an avant-garde label: a full-bleed 'Broaden your mind' hero, horizontally scrolled event carousels, and a spare shop grid — the music's edge carried by discipline rather than noise.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 54, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 191, "thumb": "card-thumbs/no-art@2x.webp", "card": "card-thumbs/no-art.webp" }, { "genre": "Real estate", "name": "Springs", "url": "https://springs.estate", "mode": "dark", "dimension": "motion", "origin": "INT", "source": [ "expansion" ], "recognition": "Awwwards SOTD (rescued URL)", "why": "Forest-green spatial storytelling where liquid WebGL transitions pour one estate scene into the next — the dark canvas treats navigation as terrain, water-like distortion binding architecture to landscape.", "batch": "v1", "flags": [ "canvas" ], "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 86, "mode_agrees": true, "purpose": "persuade", "archetype": "hospitality-place", "n": 192, "thumb": "card-thumbs/springs@2x.webp", "card": "card-thumbs/springs.webp" }, { "genre": "Film & production", "name": "Podium", "url": "https://podium.global", "mode": "dark", "dimension": "art-direction", "origin": "INT", "source": [ "expansion" ], "recognition": "Awwwards SOTD (rescued URL)", "why": "Filmstrip 'behind the scenes' galleries scrub through sports-film work: a 0% progress readout, view-toggle icon, Mux-fed reels, and a WebGL rock formation anchoring the dark footer as sculptural signature.", "batch": "v1", "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 237, "mode_agrees": false, "purpose": "show-work", "archetype": "entertainment-media", "n": 193, "thumb": "card-thumbs/podium@2x.webp", "card": "card-thumbs/podium.webp" }, { "genre": "Museum & gallery", "name": "Art Here 2025 — Richard Mille", "url": "https://artprize-shadows.com", "mode": "dark", "dimension": "motion", "origin": "AE", "source": [ "expansion" ], "recognition": "Awwwards SOTD (rescued URL)", "why": "Louvre Abu Dhabi's shadow exhibition as portrait-only ritual: swipe-driven artwork discovery numbered 01–06, 'best enjoyed with sound on,' tap-for-detail depth — the phone becomes a handheld gallery lantern.", "batch": "v1", "flags": [ "canvas", "campaign-expiry" ], "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 192, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 194, "thumb": "card-thumbs/art-here-2025-richard-mille@2x.webp", "card": "card-thumbs/art-here-2025-richard-mille.webp" }, { "genre": "Restaurant / food", "name": "Don Molinico", "url": "https://donmolinico.es", "mode": "light", "dimension": "art-direction", "origin": "ES", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Artisanal earthen tones choreographed with GSAP curtain wipes — full-screen panels sweep between the mill's story chapters so the produce photography lands with theatrical, fabric-like reveals.", "batch": "v1", "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 117, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 195, "thumb": "card-thumbs/don-molinico@2x.webp", "card": "card-thumbs/don-molinico.webp" }, { "genre": "Automotive & mobility", "name": "Truck’N Roll", "url": "https://trucknroll.com", "mode": "dark", "dimension": "art-direction", "origin": "FR", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Industrial footage given WebGL depth and audio feedback: fleet statistics, three service pillars, and full-width haul imagery composed so logistics reads as road-movie cinema rather than brochure.", "batch": "v1", "flags": [ "audio-gated" ], "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 49, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 196, "thumb": "card-thumbs/truck-n-roll@2x.webp", "card": "card-thumbs/truck-n-roll.webp" }, { "genre": "Architecture practice", "name": "By-Kin", "url": "https://by-kin.com", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "expansion" ], "recognition": "SOTD + FWA + CSSDA", "why": "Editorial restraint with layered GSAP motion on a Next.js base: a '01/ Get to know us' hero carousel, a 1/2 layout-density toggle, and three featured interiors projects paced by a percentage loader.", "batch": "v1", "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 235, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 197, "thumb": "card-thumbs/by-kin@2x.webp", "card": "card-thumbs/by-kin.webp" }, { "genre": "Design agency", "name": "Koto", "url": "https://koto.com", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "expansion" ], "recognition": "Independent find", "why": "Oversized letterforms as the primary visual element: 'We're Koto' set at architectural scale, a four-project work grid, a playable showreel, and a studio carousel hopping LA–NYC–London–Berlin–Sydney.", "batch": "v1", "collection": "Award circuit", "mode_observed": "mixed", "mean_luminance": 128, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 198, "thumb": "card-thumbs/koto@2x.webp", "card": "card-thumbs/koto.webp" }, { "genre": "Design agency", "name": "Iventions", "url": "https://iventions.com", "mode": "dark", "dimension": "motion", "origin": "NL", "source": [ "expansion" ], "recognition": "CSSDA WOTM", "why": "Spotlight-driven 3D event storytelling: a darkened stage where lighting sweeps reveal each production discipline, the agency's theatrical craft demonstrated by the site's own scenography.", "batch": "v1", "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 175, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 199, "thumb": "card-thumbs/iventions@2x.webp", "card": "card-thumbs/iventions.webp" }, { "genre": "Designer & studio portfolio", "name": "Mat Voyce", "url": "https://matvoyce.tv", "mode": "light", "dimension": "motion", "origin": "GB", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Kinetic typography as portfolio and punchline: letters squash, stretch, bounce, and joke through the reel, every headline animating with the same rubbery timing that defines his motion-type commissions.", "batch": "v1", "collection": "Award circuit", "mode_observed": "light", "mean_luminance": 247, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 200, "thumb": "card-thumbs/mat-voyce@2x.webp", "card": "card-thumbs/mat-voyce.webp" }, { "genre": "Designer & studio portfolio", "name": "Minh Pham", "url": "https://minhpham.design", "mode": "dark", "dimension": "motion", "origin": "VN", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Taste-and-tech marriage in WebGL portfolio form: a 'Start 00%' loader, sound on/off toggle, skill constellation (3D, Visual, Motion, Product), and a NOW→2009 timeline scrolled as one dark cinematic take.", "batch": "v1", "flags": [ "canvas" ], "collection": "Award circuit", "mode_observed": "dark", "mean_luminance": 25, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 201, "thumb": "card-thumbs/minh-pham@2x.webp", "card": "card-thumbs/minh-pham.webp" }, { "genre": "Type foundry", "name": "Exat Typeface", "url": "https://exat.hottype.co", "mode": "light", "dimension": "typography", "origin": "INT", "source": [ "expansion" ], "recognition": "CSSDA WOTD", "why": "The typeface is the interface: Exat's 21 styles across three widths mutate through a live variable tester, magenta size indicators, hover-swapped alternates, and dual marquee rails of specimens in motion.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 155, "mode_agrees": true, "purpose": "show-work", "archetype": "editorial-publication", "n": 202, "thumb": "card-thumbs/exat-typeface@2x.webp", "card": "card-thumbs/exat-typeface.webp" }, { "genre": "Developer tool", "name": "Speakeasy", "url": "https://www.speakeasy.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "expansion" ], "recognition": "Typewolf SOTD", "why": "A rare serif-led dev-tool site: Tobias headlines over Diatype body give API infrastructure editorial warmth, four product pillars (Connect, Secure, Distribute, Observe) laid out like magazine sections.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 243, "mode_agrees": true, "purpose": "operate", "archetype": "software-product", "n": 203, "thumb": "card-thumbs/speakeasy@2x.webp", "card": "card-thumbs/speakeasy.webp" }, { "genre": "Food & drink producers", "name": "Heart & Soil", "url": "https://www.heartandsoilflowers.com", "mode": "light", "dimension": "color", "origin": "US", "source": [ "expansion" ], "recognition": "Typewolf SOTD", "why": "A three-serif editorial mix arranges florals by season: press-logo marquee, spring-through-winter portfolio galleries, and arrow-cued testimonial sliders — the typography's layered serifs echoing the arrangements' own texture.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "dark", "mean_luminance": 70, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 204, "thumb": "card-thumbs/heart-soil@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/heart-soil.webp" }, { "genre": "Design agency", "name": "Baillat Studio", "url": "https://baillatstudio.com", "mode": "light", "dimension": "layout", "origin": "CA", "source": [ "expansion" ], "recognition": "Locomotive index", "why": "Monochrome type-and-whitespace discipline: 114 projects filtered across four numbered service categories (77 brand identities, 25 multimedia experiences), a two-column grid, and EN/FR chrome — Montreal rigor as interface.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 209, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 205, "thumb": "card-thumbs/baillat-studio@2x.webp", "card": "card-thumbs/baillat-studio.webp" }, { "genre": "Design agency", "name": "K72", "url": "https://k72.ca", "mode": "light", "dimension": "typography", "origin": "CA", "source": [ "expansion" ], "recognition": "Locomotive index", "why": "Large French display type with a live 'MONTREAL_22:30:24' clock in the footer: 17 projects behind an étincelle manifesto, FR/EN toggle, and CTAs written as sentences ('Pour tout voir').", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 84, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 206, "thumb": "card-thumbs/k72@2x.webp", "card": "card-thumbs/k72.webp" }, { "genre": "Non-profit & institutional", "name": "Age of Union", "url": "https://ageofunion.com", "mode": "light", "dimension": "layout", "origin": "CA", "source": [ "expansion" ], "recognition": "Locomotive index", "why": "Conservation storytelling in high-contrast editorial cards: a featured-dispatch hero, thumbnail grids spanning 12 projects and 112 articles, and embedded film players (YANUNI) giving activism a newsroom's visual order.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 173, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 207, "thumb": "card-thumbs/age-of-union@2x.webp", "card": "card-thumbs/age-of-union.webp" }, { "genre": "Finance / fintech", "name": "Drive Capital", "url": "https://drivecapital.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "expansion" ], "recognition": "Darkroom index", "why": "All-caps confidence — 'GREATNESS IS IN OUR BACKYARD' — with portfolios organized by city and airport code (ATL, CMH, YYZ): photography-led sections and blunt stats (87 companies, $2B AUM) replace VC gloss.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 66, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "n": 208, "thumb": "card-thumbs/drive-capital@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/drive-capital.webp" }, { "genre": "Type foundry", "name": "Atipo Foundry", "url": "https://atipofoundry.com", "mode": "light", "dimension": "typography", "origin": "ES", "source": [ "expansion" ], "recognition": "Foundry canon", "why": "Fifty typefaces as the interface itself: each family set in its own voice within a spare card grid, pay-what-you-want pricing, and free weights making the specimen sheet double as the store.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 217, "mode_agrees": true, "purpose": "show-work", "archetype": "editorial-publication", "n": 209, "thumb": "card-thumbs/atipo-foundry@2x.webp", "card": "card-thumbs/atipo-foundry.webp" }, { "genre": "Typography lineage", "name": "Every", "url": "https://every.to", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "expansion" ], "recognition": "Typewolf + Darkroom", "why": "Signifier's sharp serifs against Switzer's grotesk utility: a multi-column editorial grid with author avatars, section groupings, and an AI-tool carousel — a media company typeset with book-publisher discipline.", "batch": "v1", "purpose": "show-work", "archetype": "editorial-publication", "n": 210, "thumb": "card-thumbs/every@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/every.webp" }, { "genre": "Blog / news / editorial", "name": "The Free Press", "url": "https://www.thefp.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "expansion" ], "recognition": "Typewolf SOTD", "why": "Galaxie Copernicus lends newsroom authority on white: stacked article cards with bylines and engagement counts, horizontally scrolled section rails, and crimson used sparingly enough to feel like an editor's pen.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 175, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 211, "thumb": "card-thumbs/the-free-press@2x.webp", "card": "card-thumbs/the-free-press.webp" }, { "genre": "Restaurant / food", "name": "SAKAZUKI", "url": "https://sakazuki.io", "mode": "dark", "dimension": "art-direction", "origin": "JP", "source": [ "expansion" ], "recognition": "Awwwards SOTD + Typography Honors", "why": "Suntory-guided craft membership with red-seal accents on near-black: a three-logo seal system (white/red/black), benefit grids for rare creations and global gatherings, and a scrolling member roster like a kura ledger.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 67, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 212, "thumb": "card-thumbs/sakazuki@2x.webp", "card": "card-thumbs/sakazuki.webp" }, { "genre": "E-commerce / retail", "name": "MIMEYOI", "url": "https://mimeyoi.co", "mode": "light", "dimension": "layout", "origin": "JP", "source": [ "expansion" ], "recognition": "Awwwards SOTD Oct 2025", "why": "One-screen, TV-ready horizontal gallery: three Azur Lane scale figures as cards with sculptor and painter credits, JA/EN/CN toggles, and pre-order taxonomy — collectible merchandising staged like a museum vitrine.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 180, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 213, "thumb": "card-thumbs/mimeyoi@2x.webp", "card": "card-thumbs/mimeyoi.webp" }, { "genre": "Restaurant / food", "name": "AFURI Brewing", "url": "https://afuribrewing.com", "mode": "light", "dimension": "typography", "origin": "JP", "source": [ "expansion" ], "recognition": "mount index", "why": "Bilingual hierarchy on cream (mount inc.): 阿夫利ブルーイング locked to its Latin twin, beer cards charting 香り/苦味/ボディ profiles, and a 'SCROLL DOWN' cue pacing brewery photography like a tasting.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 148, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 214, "thumb": "card-thumbs/afuri-brewing@2x.webp", "card": "card-thumbs/afuri-brewing.webp" }, { "genre": "Wellness / health", "name": "IZANAMI", "url": "https://izanami-official.com", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "expansion" ], "recognition": "Awwwards SOTD + Dev", "why": "Emptiness as layout: cloud-washed cream grounds under 'Remember who you are,' generous vertical silence between Philosophy, Projects, and Company, and a Dubai–Tokyo footer — wellness contemplation practiced by the page itself.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 32, "mode_agrees": false, "purpose": "persuade", "archetype": "service-consumer", "n": 215, "thumb": "card-thumbs/izanami@2x.webp", "card": "card-thumbs/izanami.webp" }, { "genre": "Designer & studio portfolio", "name": "Hiroto Sato", "url": "https://www.hirotos.com", "mode": "dark", "dimension": "interaction", "origin": "JP", "source": [ "expansion" ], "recognition": "Awwwards SOTD (rescued URL)", "why": "Sticker-drag physics in a spatial 3D portfolio: work floats as peelable, tossable objects with real momentum, making the act of browsing itself the designer's motion-craft demonstration.", "batch": "v1", "flags": [ "canvas" ], "collection": "International scenes", "mode_observed": "light", "mean_luminance": 224, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 216, "thumb": "card-thumbs/hiroto-sato@2x.webp", "card": "card-thumbs/hiroto-sato.webp" }, { "genre": "Architecture practice", "name": "Saisei Architecture", "url": "https://saisei-sbj.webflow.io", "mode": "light", "dimension": "layout", "origin": "JP", "source": [ "expansion" ], "recognition": "Awwwards SOTD", "why": "Fragment display type with Aeonik support: vertical galleries overlay project imagery with kanji (伝統, 一期一会), paginated 1/3 carousels, and horizontally scrolled innovation strips — wood-and-stone calm, precisely typeset.", "batch": "v1", "flags": [ "staging-domain" ], "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 29, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 217, "thumb": "card-thumbs/saisei-architecture@2x.webp", "card": "card-thumbs/saisei-architecture.webp" }, { "genre": "Fashion & luxury brand", "name": "45R Denim Karuta", "url": "https://45rpm.jp", "mode": "light", "dimension": "typography", "origin": "JP", "source": [ "expansion" ], "recognition": "Awwwards SOTD + FWA", "why": "Vertical Japanese type against tactile denim macro-texture (SHIFTBRAIN): an eight-chapter monozukuri carousel (01/08), indigo material close-ups, and JA/EN toggles — the craft narrative woven like the fabric itself.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 190, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 218, "thumb": "card-thumbs/45r-denim-karuta@2x.webp", "card": "card-thumbs/45r-denim-karuta.webp" }, { "genre": "Restaurant / food", "name": "Nikka Whisky", "url": "https://nikka.com", "mode": "dark", "dimension": "art-direction", "origin": "JP", "source": [ "expansion" ], "recognition": "Awwwards HM", "why": "Cinematic spirit photography does the color work — amber whisky and distillery copper against restrained neutral ground — while a modular block grid (Brands, Distilleries, Story) and scroll-triggered canvas reveals pace the heritage narrative.", "batch": "v1", "collection": "International scenes", "mode_observed": "mixed", "mean_luminance": 126, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 219, "thumb": "card-thumbs/nikka-whisky@2x.webp", "card": "card-thumbs/nikka-whisky.webp" }, { "genre": "Wellness / health", "name": "LIPPS", "url": "https://lipps.co.jp", "mode": "light", "dimension": "layout", "origin": "JP", "source": [ "expansion" ], "recognition": "Awwwards HM", "why": "STUDIO DETAILS builds grooming-salon confidence from near-black type on white, hierarchy carried by weight shifts alone, a sticky header over full-width stacked sections, and hover image overlays that keep the grid kinetic.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 230, "mode_agrees": true, "purpose": "persuade", "archetype": "service-consumer", "n": 220, "thumb": "card-thumbs/lipps@2x.webp", "card": "card-thumbs/lipps.webp" }, { "genre": "Beauty & fragrance", "name": "Tamburins", "url": "https://www.tamburins.com", "mode": "light", "dimension": "art-direction", "origin": "KR", "source": [ "expansion" ], "recognition": "Independent find", "why": "Art-film perfume campaigns on a bare white stage: muted mint, gray and brick product pastels, bold sans section marks, and a modular category grid whose looping sliders move like slow gallery pans.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 122, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 221, "thumb": "card-thumbs/tamburins@2x.webp", "constitution_sections": [ "universal-colour" ], "card": "card-thumbs/tamburins.webp" }, { "genre": "Design agency", "name": "Plus X 15th", "url": "https://15th.plus-ex.com", "mode": "dark", "dimension": "motion", "origin": "KR", "source": [ "expansion" ], "recognition": "Awwwards SOTD + Dev", "why": "Glossy WebGL anniversary choreography — reflective 3D forms scroll-scrubbed through fifteen years of Plus X work, dark ground amplifying specular highlights while the timeline advances as one continuous cinematic sequence.", "batch": "v1", "flags": [ "canvas" ], "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 72, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 222, "thumb": "card-thumbs/plus-x-15th@2x.webp", "card": "card-thumbs/plus-x-15th.webp" }, { "genre": "Restaurant / food", "name": "newmix coffee", "url": "https://newmixcoffee.com", "mode": "light", "dimension": "layout", "origin": "KR", "source": [ "expansion" ], "recognition": "Awwwards HM", "why": "Seoul lifestyle minimalism in five languages: white ground, coffee-brown imagery, a bold 'Drag to mix' headline inviting literal drag interaction, and carousel product rows keeping the quadrilingual system effortlessly ordered.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 14, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 223, "thumb": "card-thumbs/newmix-coffee@2x.webp", "card": "card-thumbs/newmix-coffee.webp" }, { "genre": "Automotive & mobility", "name": "Li Auto", "url": "https://www.lixiang.com", "mode": "dark", "dimension": "art-direction", "origin": "CN", "source": [ "expansion" ], "recognition": "EV flagship benchmark", "why": "Full-viewport EV canvases under a micro-overlay nav: luminous vehicle film against near-black, product lines (L7–L9, MEGA) as chaptered sections, typography reduced to quiet technical labels.", "batch": "v1", "flags": [ "geo" ], "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 99, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 224, "thumb": "card-thumbs/li-auto@2x.webp", "card": "card-thumbs/li-auto.webp" }, { "genre": "Museum & gallery", "name": "M+ Museum", "url": "https://www.mplus.org.hk", "mode": "light", "dimension": "layout", "origin": "HK", "source": [ "expansion" ], "recognition": "Cultural benchmark", "why": "Herzog & de Meuron materiality translated to a modular web grid: white ground, uniform exhibition cards in strict rhythm, parallel English–Chinese typographic hierarchy, and the LED facade echoed in dynamic media blocks.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 110, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 225, "thumb": "card-thumbs/m-museum@2x.webp", "constitution_sections": [ "purpose-host-institution-hero", "purpose-host-institution-index", "universal-navigation" ], "card": "card-thumbs/m-museum.webp" }, { "genre": "Design agency", "name": "Random Studio", "url": "https://random.studio", "mode": "light", "dimension": "interaction", "origin": "NL", "source": [ "expansion" ], "recognition": "Independent find", "why": "Case studies float and react to the cursor — imagery drifts, tilts and answers pointer movement over a pale ground, staging the studio's thesis of digital as 'living, breathing' physical space.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 117, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 226, "thumb": "card-thumbs/random-studio@2x.webp", "card": "card-thumbs/random-studio.webp" }, { "genre": "Fashion & luxury brand", "name": "Ruinart", "url": "https://www.ruinart.com", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "expansion" ], "recognition": "Independent find", "why": "Chalk-white editorial calm modeled on the crayères: gallery-scale champagne photography, serif-led headlines with wide measures, and art-commission features that position the maison closer to a museum than a shop.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 116, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 227, "thumb": "card-thumbs/ruinart@2x.webp", "card": "card-thumbs/ruinart.webp" }, { "genre": "Fashion & luxury brand", "name": "Toteme", "url": "https://toteme.com", "mode": "light", "dimension": "layout", "origin": "SE", "source": [ "expansion" ], "recognition": "Independent find", "why": "Monospaced small-caps labels over a cream-white monochrome lookbook: 16:10 and 9:16 image blocks in strict alternation, charcoal-and-olive garments providing the only color, chrome reduced to hairline navigation.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 77, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 228, "thumb": "card-thumbs/toteme@2x.webp", "card": "card-thumbs/toteme.webp" }, { "genre": "Audio, instruments & hardware", "name": "Transparent", "url": "https://transpa.rent", "mode": "light", "dimension": "layout", "origin": "SE", "source": [ "expansion" ], "recognition": "Independent find", "why": "See-through speakers on pale modular grounds: black-on-white hierarchy sized rather than bolded, product cards in strict rows, the glass-and-steel product philosophy mirrored by the page's own clean separations.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 187, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 229, "thumb": "card-thumbs/transparent@2x.webp", "card": "card-thumbs/transparent.webp" }, { "genre": "Automotive & mobility", "name": "Koenigsegg", "url": "https://www.koenigsegg.com", "mode": "dark", "dimension": "art-direction", "origin": "SE", "source": [ "expansion" ], "recognition": "Independent find", "why": "Megacar lab-report density with Swedish precision: near-black ground, all-caps section labels, 'Mega GT' headlines over specular carbon photography, and modular cards that ration whitespace like engineering tolerances.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 41, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 230, "thumb": "card-thumbs/koenigsegg@2x.webp", "card": "card-thumbs/koenigsegg.webp" }, { "genre": "Type foundry", "name": "Swiss Typefaces", "url": "https://www.swisstypefaces.com", "mode": "dark", "dimension": "typography", "origin": "CH", "source": [ "expansion" ], "recognition": "Foundry canon", "why": "Maximal specimen theatre with fashion attitude: giant self-set display cuts, animated GIF sliders flexing Suisse Int'l language support, and a modular shop grid that treats fonts as 'graphical machines'.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 142, "mode_agrees": false, "purpose": "show-work", "archetype": "editorial-publication", "n": 231, "thumb": "card-thumbs/swiss-typefaces@2x.webp", "constitution_sections": [ "universal-typography" ], "card": "card-thumbs/swiss-typefaces.webp" }, { "genre": "Fashion & luxury brand", "name": "Urwerk", "url": "https://www.urwerk.com", "mode": "dark", "dimension": "art-direction", "origin": "CH", "source": [ "expansion" ], "recognition": "Independent find", "why": "Sci-fi horology in high-contrast dark: uppercase model codes (UR-120 BLUE PLANET) as bold lockups, satellite-complication photography in square card grids, navigation branching like HUD instrument clusters.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 59, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 232, "thumb": "card-thumbs/urwerk@2x.webp", "card": "card-thumbs/urwerk.webp" }, { "genre": "Museum & gallery", "name": "Louisiana Museum", "url": "https://louisiana.dk", "mode": "light", "dimension": "layout", "origin": "DK", "source": [ "expansion" ], "recognition": "Cultural benchmark", "why": "Editorial-first museum: white ground with photography carrying all color, sans hierarchy in calm scale steps, exhibition grids interleaved with film-heavy Louisiana Channel features so the site reads as magazine plus cinema.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 126, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 233, "thumb": "card-thumbs/louisiana-museum@2x.webp", "constitution_sections": [ "purpose-host-institution-hero" ], "card": "card-thumbs/louisiana-museum.webp" }, { "genre": "Museum & gallery", "name": "Amos Rex", "url": "https://amosrex.fi", "mode": "light", "dimension": "color", "origin": "FI", "source": [ "expansion" ], "recognition": "Cultural benchmark", "why": "Bond-designed identity energy: chunky bold exhibition headlines on white, charcoal navigation, vivid exhibition photography against neutral sections, and playful skew in campaign graphics against an otherwise orthogonal grid.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 186, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 234, "thumb": "card-thumbs/amos-rex@2x.webp", "card": "card-thumbs/amos-rex.webp" }, { "genre": "Museum & gallery", "name": "MASP", "url": "https://masp.com.br", "mode": "light", "dimension": "layout", "origin": "BR", "source": [ "expansion" ], "recognition": "Cultural benchmark", "why": "Lina Bo Bardi brutalism as web grid: the red wordmark against cream-white, black text at poster contrast, horizontal exhibition carousels and full-width hero photography echoing the museum's glass-easel display.", "batch": "v1", "collection": "International scenes", "mode_observed": "mixed", "mean_luminance": 143, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 235, "thumb": "card-thumbs/masp@2x.webp", "card": "card-thumbs/masp.webp" }, { "genre": "Restaurant / food", "name": "Catena Zapata", "url": "https://catenazapata.com", "mode": "light", "dimension": "art-direction", "origin": "AR", "source": [ "expansion" ], "recognition": "Wine-heritage icon", "why": "Malbec history distilled to one centered pyramid emblem: the winery's monument anchors the hierarchy, engraved-label typographic craft and neutral ground carrying century-old heritage with near-total restraint.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 86, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 236, "thumb": "card-thumbs/catena-zapata@2x.webp", "card": "card-thumbs/catena-zapata.webp" }, { "genre": "Design agency", "name": "Anagrama", "url": "https://anagrama.com", "mode": "light", "dimension": "layout", "origin": "MX", "source": [ "expansion" ], "recognition": "International award winner", "why": "Sharp geometry and typographic showcase frames: white ground, project cards in disciplined rows with categorical tags, a scroll-paginated archive and multilingual voice — brand casework presented with Monterrey precision.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 204, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 237, "thumb": "card-thumbs/anagrama@2x.webp", "card": "card-thumbs/anagrama.webp" }, { "genre": "Real estate", "name": "Diriyah", "url": "https://diriyah.sa", "mode": "light", "dimension": "typography", "origin": "SA", "source": [ "expansion" ], "recognition": "National initiative", "why": "Bilingual Arabic/Latin headline system in mud-brick and sand tones (bot-shielded): Najdi earthen architecture translated into warm gradients and mirrored dual-script hierarchy for a national heritage destination.", "batch": "v1", "flags": [ "bot-shield" ], "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 91, "mode_agrees": false, "purpose": "persuade", "archetype": "hospitality-place", "n": 238, "thumb": "card-thumbs/diriyah@2x.webp", "card": "card-thumbs/diriyah.webp" }, { "genre": "Travel / hospitality", "name": "Singita", "url": "https://singita.com", "mode": "light", "dimension": "art-direction", "origin": "ZA", "source": [ "expansion" ], "recognition": "World’s 50 Best Hotels", "why": "Ochre, terracotta and bark browns against deep charcoal: large-format wilderness photography with minimal cropping, refined sans over generous whitespace — safari luxury argued through restraint, never kitsch.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 146, "mode_agrees": true, "purpose": "host-visit", "archetype": "hospitality-place", "n": 239, "thumb": "card-thumbs/singita@2x.webp", "constitution_sections": [ "type-hospitality-place-narrative" ], "card": "card-thumbs/singita.webp" }, { "genre": "Landing / marketing", "name": "Making Software", "url": "https://www.makingsoftware.com", "mode": "light", "dimension": "art-direction", "origin": "INT", "source": [ "expansion" ], "recognition": "httpster", "why": "A landing page as vintage technical manual — total commitment: figure-numbered diagrams, printed-reference typography and manual-style pagination selling a software product through the aesthetics of documentation itself.", "batch": "v1", "collection": "Curation finds", "mode_observed": "light", "mean_luminance": 241, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 240, "thumb": "card-thumbs/making-software@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/making-software.webp" }, { "genre": "SaaS application", "name": "Antimetal", "url": "https://antimetal.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "expansion" ], "recognition": "dark.design", "why": "Isometric pixel-art animations over an engineering-grade grid: deep navy ground, numbered sections (01–06), hairline dividers and geometric sans with wide tracking — infrastructure marketing that performs its own precision.", "batch": "v1", "collection": "Curation finds", "mode_observed": "light", "mean_luminance": 210, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "n": 241, "thumb": "card-thumbs/antimetal@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/antimetal.webp" }, { "genre": "Fitness", "name": "Tiempo", "url": "https://www.tiempo.fitness", "mode": "dark", "dimension": "interaction", "origin": "INT", "source": [ "expansion" ], "recognition": "dark.design", "why": "The stopwatch UI is the hero motion piece: a dark single-page scroll where the timer face performs the product, feature copy revealed progressively under a lone 'scroll for more' cue.", "batch": "v1", "collection": "Curation finds", "mode_observed": "dark", "mean_luminance": 14, "mode_agrees": true, "purpose": "persuade", "archetype": "service-consumer", "n": 242, "thumb": "card-thumbs/tiempo@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/tiempo.webp" }, { "genre": "Design agency", "name": "Poolsuite Partners", "url": "https://poolsuite.partners", "mode": "dark", "dimension": "art-direction", "origin": "INT", "source": [ "expansion" ], "recognition": "SEESAW", "why": "Retro-OS chrome executed with obsessive detail: windowed panels, era-correct controls and pixel-perfect chrome around 'Building for the World Wide Web' copy — nostalgia played completely straight, never as parody.", "batch": "v1", "collection": "Curation finds", "mode_observed": "dark", "mean_luminance": 112, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 243, "thumb": "card-thumbs/poolsuite-partners@2x.webp", "card": "card-thumbs/poolsuite-partners.webp" }, { "genre": "Landing / marketing", "name": "Illoca", "url": "https://illoca.com", "mode": "light", "dimension": "color", "origin": "INT", "source": [ "expansion" ], "recognition": "landing.love", "why": "Warm architectural sand palette carried by F37 Analog: sun-washed neutrals, drafted-plan restraint and generous measure giving a materials brand the calm authority of an architecture monograph.", "batch": "v1", "collection": "Curation finds", "mode_observed": "light", "mean_luminance": 155, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 244, "thumb": "card-thumbs/illoca@2x.webp", "card": "card-thumbs/illoca.webp" }, { "genre": "Education / learning", "name": "Zero", "url": "https://zero.university", "mode": "light", "dimension": "typography", "origin": "INT", "source": [ "expansion" ], "recognition": "landing.love", "why": "Annotated-workbook education design: Caveat handwriting scribbles over blunt statement headlines ('4 years. In debt.'), scrollytelling sections revealing career paths like flipped notebook pages.", "batch": "v1", "collection": "Curation finds", "mode_observed": "light", "mean_luminance": 145, "mode_agrees": true, "purpose": "explain", "archetype": "institutional-informational", "n": 245, "thumb": "card-thumbs/zero@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/zero.webp" }, { "genre": "Portfolio / photography", "name": "SOOT Spiral", "url": "https://spiral.soot.com", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "expansion" ], "recognition": "landing.love", "why": "A WebGL spiral of imagery is the whole interface — photographs stream along a helical path that answers scroll velocity, typography reduced to a nameplate so the physics carries everything.", "batch": "v1", "flags": [ "canvas" ], "collection": "Curation finds", "mode_observed": "light", "mean_luminance": 229, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 246, "thumb": "card-thumbs/soot-spiral@2x.webp", "card": "card-thumbs/soot-spiral.webp" }, { "genre": "Landing / marketing", "name": "Everyday", "url": "https://everyday.io", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "expansion" ], "recognition": "SiteInspire", "why": "Diagrammatic monochrome electrification story: light grays, beige and charcoal with wood-and-concrete photography, the caret in 'Everyday^' as identity, alternating full-width imagery and text blocks in luxurious silence.", "batch": "v1", "collection": "Curation finds", "mode_observed": "dark", "mean_luminance": 49, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 247, "thumb": "card-thumbs/everyday@2x.webp", "card": "card-thumbs/everyday.webp" }, { "genre": "Film & production", "name": "Zauberberg", "url": "https://zauberbergproductions.com", "mode": "dark", "dimension": "art-direction", "origin": "DE", "source": [ "expansion" ], "recognition": "SiteInspire", "why": "TWK Lausanne whispers over full-bleed director reels — Antinomy's build keeps chrome nearly invisible so film carries the site, names and credits surfacing in small, precise typographic settings.", "batch": "v1", "collection": "Curation finds", "mode_observed": "dark", "mean_luminance": 24, "mode_agrees": true, "purpose": "show-work", "archetype": "entertainment-media", "n": 248, "thumb": "card-thumbs/zauberberg@2x.webp", "card": "card-thumbs/zauberberg.webp" }, { "genre": "Blog / news / editorial", "name": "Dirt", "url": "https://dirtverse.co", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "expansion" ], "recognition": "footer.design", "why": "Loud art direction with real typographic control: 'dirtverse' attitude — sick-startup swagger in the copy — held together by disciplined display setting, sparse layouts and selective casework that prove the control.", "batch": "v1", "collection": "Curation finds", "mode_observed": "light", "mean_luminance": 227, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 249, "thumb": "card-thumbs/dirt@2x.webp", "card": "card-thumbs/dirt.webp" }, { "genre": "SaaS application", "name": "Unify", "url": "https://www.unifygtm.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "expansion" ], "recognition": "footer.design", "why": "The current best serif-accent SaaS landing: Saans carrying UI clarity while Feature's serif lands emphasis, white ground with navy depth, card grid and testimonial motion kept conversion-quiet.", "batch": "v1", "collection": "Curation finds", "mode_observed": "light", "mean_luminance": 153, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "n": 250, "thumb": "card-thumbs/unify@2x.webp", "card": "card-thumbs/unify.webp" }, { "genre": "Wellness / health", "name": "Menkind", "url": "https://menkind.co", "mode": "light", "dimension": "art-direction", "origin": "NL", "source": [ "expansion" ], "recognition": "Minimal Gallery", "why": "Taboo-category telehealth handled with warmth: clinical neutrals softened by numbered steps (01–03), display-scale 'Done right' assurances, treatment cards and accordion FAQs that translate discretion into structure.", "batch": "v1", "collection": "Curation finds", "mode_observed": "dark", "mean_luminance": 109, "mode_agrees": false, "purpose": "persuade", "archetype": "service-consumer", "n": 251, "thumb": "card-thumbs/menkind@2x.webp", "card": "card-thumbs/menkind.webp" }, { "genre": "Architecture practice", "name": "Warren & Mahoney", "url": "https://wam.studio", "mode": "light", "dimension": "typography", "origin": "NZ", "source": [ "expansion" ], "recognition": "httpster", "why": "A 350-person practice with a custom three-cut type system: bold statements ('Everything is possible') over concrete, wood and stone photography, a 17-slide hero and three-column news grid in professional restraint.", "batch": "v1", "collection": "Curation finds", "mode_observed": "dark", "mean_luminance": 101, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 252, "thumb": "card-thumbs/warren-mahoney@2x.webp", "card": "card-thumbs/warren-mahoney.webp" }, { "genre": "Film & production", "name": "GYOKURO STUDIO", "url": "https://gyokuro-s.com/ja/", "mode": "dark", "dimension": "motion", "origin": "JP", "source": [ "expansion" ], "recognition": "MUUUUU SOTD Dec 2025", "why": "Nippon TV's production studio in sculptural black-and-white: high-contrast type on white, gallery spacing around work stills, bilingual settings and a dedicated logo-motion piece as the identity's kinetic signature.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 156, "mode_agrees": false, "purpose": "show-work", "archetype": "entertainment-media", "n": 253, "thumb": "card-thumbs/gyokuro-studio@2x.webp", "card": "card-thumbs/gyokuro-studio.webp" }, { "genre": "Blog / news / editorial", "name": "Your City Is Good — Nagoya", "url": "https://yourcityisgood.com/nagoya/", "mode": "mixed", "dimension": "art-direction", "origin": "JP", "source": [ "expansion" ], "recognition": "MUUUUU SOTD Dec 2025", "why": "Local culture-magazine energy: blunt display sans against handwritten SVG marks, cream ground with black anchors, modular card sections (Features, Places, Guides) — grid rigor versus gestural warmth, deliberately in tension.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 167, "mode_agrees": false, "purpose": "inform", "archetype": "editorial-publication", "n": 254, "thumb": "card-thumbs/your-city-is-good-nagoya@2x.webp", "card": "card-thumbs/your-city-is-good-nagoya.webp" }, { "genre": "Non-profit & institutional", "name": "nosson", "url": "https://nosson.jp", "mode": "mixed", "dimension": "color", "origin": "JP", "source": [ "expansion" ], "recognition": "MUUUUU SOTD Dec 2025", "why": "Civic work for a rural village with magazine-collage warmth: cream ground, soft greens and earth tones, a hero-led magazine grid, news thumbnails and card modules pitched at 'konnichiwa' informality.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 200, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 255, "thumb": "card-thumbs/nosson@2x.webp", "card": "card-thumbs/nosson.webp" }, { "genre": "Travel / hospitality", "name": "The Tawaraya", "url": "https://the-tawaraya.jp", "mode": "light", "dimension": "typography", "origin": "JP", "source": [ "expansion" ], "recognition": "MUUUUU SOTD Feb 2026", "why": "Kyoto's historic ryokan: vertical mincho Japanese against horizontal English sans, warm washi-paper cream ground, narrow centered measures and wide margins staging monthly essays as contemplative reading.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 13, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 256, "thumb": "card-thumbs/the-tawaraya@2x.webp", "constitution_sections": [ "type-hospitality-place-narrative" ], "card": "card-thumbs/the-tawaraya.webp" }, { "genre": "Fashion & luxury brand", "name": "IMAYO", "url": "https://imayo.co.jp", "mode": "mixed", "dimension": "layout", "origin": "JP", "source": [ "expansion" ], "recognition": "MUUUUU SOTD May 2026", "why": "Vertical split-screen jewelry heritage in black, beige and white: serif-accented headings over sans, four brand lines as large SVG lockups anchoring navigation, Japanese aesthetics argued through tonal restraint.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 98, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 257, "thumb": "card-thumbs/imayo@2x.webp", "card": "card-thumbs/imayo.webp" }, { "genre": "Beauty & fragrance", "name": "Purito Seoul", "url": "https://purito.com", "mode": "light", "dimension": "typography", "origin": "KR", "source": [ "expansion" ], "recognition": "GDWEB Grand Prize 2024", "why": "Ingredient-led K-beauty system: botanical greens and warm orange accents over white, calm size-only hierarchy, card-driven product rows organized by skin concern — 'pureness' enacted by the whitespace itself.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 225, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 258, "thumb": "card-thumbs/purito-seoul@2x.webp", "card": "card-thumbs/purito-seoul.webp" }, { "genre": "Events / conferences", "name": "NAVER DAN25", "url": "https://dan.naver.com/25", "mode": "dark", "dimension": "motion", "origin": "KR", "source": [ "expansion" ], "recognition": "GDWEB Gold 2025", "why": "A conference schedule as broadcast identity: NAVER green cutting through dark ground, session grids choreographed with motion-graphics pacing so the program itself performs like a title sequence.", "batch": "v1", "flags": [ "campaign-expiry" ], "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 105, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "n": 259, "thumb": "card-thumbs/naver-dan25@2x.webp", "card": "card-thumbs/naver-dan25.webp" }, { "genre": "Design agency", "name": "ANDLAB", "url": "https://www.andlabdesign.com", "mode": "dark", "dimension": "art-direction", "origin": "KR", "source": [ "expansion" ], "recognition": "GDWEB Winner 2026", "why": "Luxury-magazine restraint for a Seoul studio: deep charcoal ground, bilingual Korean–English sans in weight-stepped hierarchy, asymmetric full-width imagery alternating with text, hover arrows as the only motion flourish.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 222, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 260, "thumb": "card-thumbs/andlab@2x.webp", "card": "card-thumbs/andlab.webp" }, { "genre": "Design agency", "name": "Loco Motion", "url": "https://loco-motion.co.kr", "mode": "dark", "dimension": "motion", "origin": "KR", "source": [ "expansion" ], "recognition": "GDWEB Winner 2026", "why": "Poster-force red-and-black motion identity: 'DESIGN. DEVELOPMENT. ALL THINGS DIGITAL.' in spaced caps, square-format work cards in an asymmetric grid, numbered service columns — a motion studio selling restraint until the reels play.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 109, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 261, "thumb": "card-thumbs/loco-motion@2x.webp", "card": "card-thumbs/loco-motion.webp" }, { "genre": "Food & drink producers", "name": "Monkeywood", "url": "https://monkeywood.co.kr/index.html", "mode": "light", "dimension": "art-direction", "origin": "KR", "source": [ "expansion" ], "recognition": "Korea Web Design SOTD", "why": "Timber and joinery carry the page: walnut chocolate against pale oak on cream-beige ground, grain close-ups as texture system, a five-slide hero and six-up product rows in warm domestic light.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 185, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 262, "thumb": "card-thumbs/monkeywood@2x.webp", "register": "curatorial-quiet", "constitution_sections": [ "universal-art-direction" ], "card": "card-thumbs/monkeywood.webp" }, { "genre": "Automotive & mobility", "name": "NIO ET9", "url": "https://www.nio.com/et9", "mode": "mixed", "dimension": "art-direction", "origin": "CN", "source": [ "expansion" ], "recognition": "NIO Day launch", "why": "Pale luxury palette — soft golds, silvers and earth tones over deep grounds — cinematic cabin chapters in vertical sequence, auto-rotating color and interior carousels, animated spec counters pacing executive-flagship calm.", "batch": "v1", "flags": [ "geo" ], "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 106, "mode_agrees": false, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 263, "thumb": "card-thumbs/nio-et9@2x.webp", "card": "card-thumbs/nio-et9.webp" }, { "genre": "Landing / marketing", "name": "The Best You — Klook", "url": "https://www.experiencethebestyou.com/en/", "mode": "mixed", "dimension": "interaction", "origin": "HK", "source": [ "expansion" ], "recognition": "Klook global campaign", "why": "Personality-quiz brand campaign with shifting aura gradients — peach, purple, teal — swipeable card carousels for ten questions, and choreographed micro-moments ('email whooshes off') that make the journey narrative literal.", "batch": "v1", "flags": [ "campaign-expiry" ], "collection": "International scenes", "mode_observed": "light", "mean_luminance": 129, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 264, "thumb": "card-thumbs/the-best-you-klook@2x.webp", "card": "card-thumbs/the-best-you-klook.webp" }, { "genre": "Designer & studio portfolio", "name": "Ning Huang", "url": "https://ning-h.com", "mode": "dark", "dimension": "interaction", "origin": "CN", "source": [ "expansion" ], "recognition": "CSSDA WOTD Jul 2025", "why": "Controlled gallery portfolio with tiny indexing: a rotating cube of project thumbnails as entry point, display-scale titles over restrained ground, distortion-tinged hovers and smooth transitions binding the archive.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 68, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 265, "thumb": "card-thumbs/ning-huang@2x.webp", "card": "card-thumbs/ning-huang.webp" }, { "genre": "Design agency", "name": "Nudot Studio", "url": "https://nudot.com.tw", "mode": "dark", "dimension": "motion", "origin": "TW", "source": [ "expansion" ], "recognition": "MUUUUU SOTD Jul 2026", "why": "Dense Chinese typography with acidic accents on dark: kinetic type, a five-face 3D cube nav, a 'COSMIC SERIES' carousel and scroll-driven transitions — Taipei maximalism with a rigorous type system underneath.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 80, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 266, "thumb": "card-thumbs/nudot-studio@2x.webp", "card": "card-thumbs/nudot-studio.webp" }, { "genre": "Restaurant / food", "name": "Suzaku Curry", "url": "https://suzakucurryshop.com", "mode": "mixed", "dimension": "color", "origin": "TW", "source": [ "expansion" ], "recognition": "Native-source lead", "why": "Lacquer-red flame imagery on charcoal black: bilingual 朱雀/SUZAKU lockups, marquee text running all four borders, layered fire key visuals — 'new Eastern' street-culture graphics at restaurant-poster intensity.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 114, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 267, "thumb": "card-thumbs/suzaku-curry@2x.webp", "card": "card-thumbs/suzaku-curry.webp" }, { "genre": "Architecture practice", "name": "Pesquera Diez", "url": "https://p10.mubien.com", "mode": "light", "dimension": "art-direction", "origin": "MX", "source": [ "expansion" ], "recognition": "CSSDA Special Kudos", "why": "Stone-and-paper architectural quiet from Mubien: 'arquitectura con propósito' set in modernist restraint, neutral mineral tones and structural whitespace presenting the practice with drafting-table calm.", "batch": "v1", "collection": "International scenes", "mode_observed": "mixed", "mean_luminance": 129, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 268, "thumb": "card-thumbs/pesquera-diez@2x.webp", "card": "card-thumbs/pesquera-diez.webp" }, { "genre": "Design agency", "name": "Asia", "url": "https://asiaxp.co", "mode": "dark", "dimension": "motion", "origin": "BR", "source": [ "expansion" ], "recognition": "CSSDA WOTD 8.13", "why": "Campaign-poster force in a modular black grid: display typography at placard scale, work presented in strict dark modules, motion bursts rationed so each project lands like a poster drop.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 22, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 269, "thumb": "card-thumbs/asia@2x.webp", "card": "card-thumbs/asia.webp" }, { "genre": "Fashion & luxury brand", "name": "Dendezeiro", "url": "https://dendezeiro.com.br", "mode": "mixed", "dimension": "art-direction", "origin": "BR", "source": [ "expansion" ], "recognition": "Behance case 2025", "why": "Bahia-rooted inclusive fashion set in Overused Grotesk: burgundy, orange, and cream campaign imagery drives a dual light/dark system with autoplay video heroes and horizontally scrolling collections — commerce as cultural purpose.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 75, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 270, "thumb": "card-thumbs/dendezeiro@2x.webp", "constitution_sections": [ "universal-art-direction" ], "card": "card-thumbs/dendezeiro.webp" }, { "genre": "Designer & studio portfolio", "name": "Abhishek Jha", "url": "https://abhishekjha.me", "mode": "light", "dimension": "motion", "origin": "IN", "source": [ "expansion" ], "recognition": "CSSDA WOTD 8.08", "why": "Poster-like stacked grotesk type on dark ground; a percentage preloader hands off to scroll-triggered reveals, four featured works, and repeated 3×3 playbook grids — motion sequencing with functional restraint.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 210, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 271, "thumb": "card-thumbs/abhishek-jha@2x.webp", "card": "card-thumbs/abhishek-jha.webp" }, { "genre": "Design agency", "name": "Presentable", "url": "https://www.makepresentable.com", "mode": "light", "dimension": "typography", "origin": "IN", "source": [ "expansion" ], "recognition": "CSSDA Special Kudos", "why": "Sensorial warm-neutral brand studio whose all-caps declaration 'THINGS MADE PRESENTABLE' anchors a press-proofed structure: service sections, impact metrics, and a portfolio grid with descriptive overlays — hierarchy carrying the sell.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 18, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 272, "thumb": "card-thumbs/presentable@2x.webp", "card": "card-thumbs/presentable.webp" }, { "genre": "Fashion & luxury brand", "name": "Jim Thompson", "url": "https://www.jimthompson.com", "mode": "light", "dimension": "art-direction", "origin": "TH", "source": [ "expansion" ], "recognition": "CSSDA Special Kudos", "why": "Heritage Thai silk in saturated textile color: botanical pattern photography over off-white grounds, beige-and-navy structure, mega-menu commerce, and drawers eased on 0.75s cubic-bezier curves — craft carried into interaction timing.", "batch": "v1", "collection": "International scenes", "mode_observed": "mixed", "mean_luminance": 118, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 273, "thumb": "card-thumbs/jim-thompson@2x.webp", "card": "card-thumbs/jim-thompson.webp" }, { "genre": "Fashion & luxury brand", "name": "Beyond The Vines", "url": "https://www.beyondthevines.com", "mode": "light", "dimension": "art-direction", "origin": "SG", "source": [ "expansion" ], "recognition": "CSSDA Special Kudos", "why": "Lilac, blush, sage, and cerulean product color pops against white scaffolding and black sans labels; a 3–4 column grid, mega-menus, and wishlist heart states keep seasonal brightness rigorously ordered.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 138, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 274, "thumb": "card-thumbs/beyond-the-vines@2x.webp", "card": "card-thumbs/beyond-the-vines.webp" }, { "genre": "Design agency", "name": "LO2S", "url": "https://lo2s.com", "mode": "dark", "dimension": "art-direction", "origin": "AE", "source": [ "expansion" ], "recognition": "CSSDA WOTD 8.19", "why": "Black-ground venue for light, sound, and event film: a percentage preloader opens onto a filterable projection-mapping portfolio with geometric sans nav anchored vertically along the left margin — stagecraft aesthetics carried into interface chrome.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 20, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 275, "thumb": "card-thumbs/lo2s@2x.webp", "card": "card-thumbs/lo2s.webp" }, { "genre": "Design agency", "name": "Studio Lumio", "url": "https://studiolumio.com", "mode": "dark", "dimension": "interaction", "origin": "NG", "source": [ "expansion" ], "recognition": "CSSDA Special Kudos", "why": "Lagos digital-craft studio with international confidence — a JS-gated experience site (fetchers receive only its title) whose interaction-first build signals the same engineering polish it sells to clients.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 43, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 276, "thumb": "card-thumbs/studio-lumio@2x.webp", "card": "card-thumbs/studio-lumio.webp" }, { "genre": "Design agency", "name": "Check", "url": "https://wearecheck.co", "mode": "mixed", "dimension": "typography", "origin": "NG", "source": [ "expansion" ], "recognition": "CSSDA WOTD 8.30", "why": "Oversized type and saturated blocks flex as identity; staged 'LOADING' counters and manual video-play gates pace a vertical narrative through three-column strategy/digital/brand services — flexibility with sequenced control.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 197, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 277, "thumb": "card-thumbs/check@2x.webp", "card": "card-thumbs/check.webp" }, { "genre": "Explorable explanation", "name": "Bartosz Ciechanowski", "url": "https://ciechanow.ski", "mode": "light", "dimension": "interaction", "origin": "PL", "source": [ "critic-gapfill" ], "recognition": "Explorable-explanation canon", "why": "Interactive-explanation masterworks — mechanisms, GPS, sound — where DOM, SVG, and canvas teach physics; the interaction IS the content.", "batch": "v1", "collection": "Explorables & systems", "mode_observed": "mixed", "mean_luminance": 126, "mode_agrees": false, "genre_previous": "Education / learning", "purpose": "explain", "archetype": "interactive-experience", "n": 278, "thumb": "card-thumbs/bartosz-ciechanowski@2x.webp", "card": "card-thumbs/bartosz-ciechanowski.webp" }, { "genre": "Blog / news / editorial", "name": "Josh Comeau", "url": "https://www.joshwcomeau.com", "mode": "light", "dimension": "interaction", "origin": "CA", "source": [ "critic-gapfill" ], "recognition": "Design-engineering canon", "why": "Playful interactive CSS/JS pedagogy with whimsical craft: light/dark theming, an on-site sound toggle, and live widgets embedded in every article — the personal blog engineered as a playable teaching instrument.", "batch": "v1", "collection": "Explorables & systems", "mode_observed": "light", "mean_luminance": 225, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 279, "thumb": "card-thumbs/josh-comeau@2x.webp", "card": "card-thumbs/josh-comeau.webp" }, { "genre": "Blog / news / editorial", "name": "Amelia Wattenberger", "url": "https://wattenberger.com", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "critic-gapfill" ], "recognition": "Design-engineering canon", "why": "Essays where scroll, data, and illustration interplay; the homepage itself reads as a living notebook — bracket-tagged 'noodling' lists and layered writing sections replacing the standard portfolio grid entirely.", "batch": "v1", "collection": "Explorables & systems", "mode_observed": "light", "mean_luminance": 225, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 280, "thumb": "card-thumbs/amelia-wattenberger@2x.webp", "card": "card-thumbs/amelia-wattenberger.webp" }, { "genre": "Performing arts & festival", "name": "Bayerische Staatsoper", "url": "https://www.staatsoper.de", "mode": "mixed", "dimension": "typography", "origin": "DE", "source": [ "creative-round" ], "recognition": "Credits chain (bot-shield)", "why": "Bureau Mirko Borsche dramaturgy: extreme type-scale contrast over full-viewport stage cinematography; ambient tints mirror stage lighting.", "batch": "v1", "flags": [ "bot-shield" ], "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 169, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 281, "thumb": "card-thumbs/bayerische-staatsoper@2x.webp", "constitution_sections": [ "purpose-host-institution-hero" ], "card": "card-thumbs/bayerische-staatsoper.webp" }, { "genre": "Publishing & books", "name": "MACK Books", "url": "https://mackbooks.co.uk", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "creative-round" ], "recognition": "Taste-dense industries", "why": "Art-book publisher discipline: paper-white grounds, crisp black text, a category taxonomy from Art to Photography in restrained dropdowns, horizontal book carousels — the grid defers so cover photography does the talking.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 160, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "editorial-publication", "n": 282, "thumb": "card-thumbs/mack-books@2x.webp", "card": "card-thumbs/mack-books.webp" }, { "genre": "Architecture practice", "name": "Herzog & de Meuron", "url": "https://www.herzogdemeuron.com", "mode": "light", "dimension": "layout", "origin": "CH", "source": [ "creative-round" ], "recognition": "Pritzker trail", "why": "Numerical catalog logic in monochrome: a Swiss-aligned card grid feeds Projects and News through topic taxonomies, grayscale photography and progressive loading placeholders — an archive interface as disciplined as the buildings.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 161, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 283, "thumb": "card-thumbs/herzog-de-meuron@2x.webp", "card": "card-thumbs/herzog-de-meuron.webp" }, { "genre": "Architecture practice", "name": "Diller Scofidio + Renfro", "url": "https://dsrny.com", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "creative-round" ], "recognition": "Architecture practices", "why": "Chrome reduced to a monochrome wordmark plus 'Index / Search'; architectural line drawings overlay looping video canvases so schematic and film blur — the practice's conceptual signature made interfacial.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 99, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 284, "thumb": "card-thumbs/diller-scofidio-renfro@2x.webp", "card": "card-thumbs/diller-scofidio-renfro.webp" }, { "genre": "Museum & gallery", "name": "Kunsthalle Basel", "url": "https://kunsthallebasel.ch/en", "mode": "light", "dimension": "typography", "origin": "CH", "source": [ "creative-round" ], "recognition": "Credits chain (Porto Rocha)", "why": "K/B monogram geometry drives the motion language; KB Rhymes vs Suisse Int’l in productive friction (Porto Rocha).", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 176, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 285, "thumb": "card-thumbs/kunsthalle-basel@2x.webp", "card": "card-thumbs/kunsthalle-basel.webp" }, { "genre": "Museum & gallery", "name": "Museo Casa Kahlo", "url": "https://museocasakahlo.org/en/", "mode": "light", "dimension": "art-direction", "origin": "MX", "source": [ "creative-round" ], "recognition": "Credits chain (Pentagram)", "why": "Pentagram's intimate treatment: deep red accents and Mexican-modernist hand-derived lettering on white, a vertical hierarchy leading with hours and the house itself — domestic warmth over institutional reverence.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 188, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 286, "thumb": "card-thumbs/museo-casa-kahlo@2x.webp", "card": "card-thumbs/museo-casa-kahlo.webp" }, { "genre": "Museum & gallery", "name": "Guggenheim", "url": "https://www.guggenheim.org", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "creative-round" ], "recognition": "Credits chain (Pentagram)", "why": "Pentagram pairs custom Guggenheim Sans with Playfair; an explicit no-overlay, no-cropping artwork policy structures layouts around breathing room, so the collection — not interface chrome — owns every page's visual weight.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 161, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 287, "thumb": "card-thumbs/guggenheim@2x.webp", "card": "card-thumbs/guggenheim.webp" }, { "genre": "Museum & gallery", "name": "Museu Terra", "url": "https://museuterra.cat/en/", "mode": "light", "dimension": "art-direction", "origin": "ES", "source": [ "creative-round" ], "recognition": "Foundry trail (Grilli)", "why": "ABC Diatype and GT Alpina over warm cream-tan grounds; strata-like translucent bands translate geological sedimentation into a layered screen system, exhibition cards flowing beneath a bilingual horizontal nav.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 171, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 288, "thumb": "card-thumbs/museu-terra@2x.webp", "card": "card-thumbs/museu-terra.webp" }, { "genre": "Performing arts & festival", "name": "Orkest Phion", "url": "https://www.phion.nl", "mode": "light", "dimension": "color", "origin": "NL", "source": [ "creative-round" ], "recognition": "Foundry trail (Grilli)", "why": "GT Planar letterforms bend like a conductor's baton (thonik); white grounds and photographic concert cards run in modular carousel blocks, dual Arnhem/Enschede identities resolved in one tempo-driven system.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 99, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 289, "thumb": "card-thumbs/orkest-phion@2x.webp", "card": "card-thumbs/orkest-phion.webp" }, { "genre": "Performing arts & festival", "name": "Piccolo Teatro di Milano", "url": "https://www.piccoloteatro.org/en", "mode": "light", "dimension": "typography", "origin": "IT", "source": [ "creative-round" ], "recognition": "Foundry trail (Klim)", "why": "Söhne + Schmal + Breit as a flexible theatrical voice across bright fields and collage (Leftloft).", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 118, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 290, "thumb": "card-thumbs/piccolo-teatro-di-milano@2x.webp", "card": "card-thumbs/piccolo-teatro-di-milano.webp" }, { "genre": "Performing arts & festival", "name": "Cultuurhuis de Warande", "url": "https://www.warande.be", "mode": "light", "dimension": "typography", "origin": "BE", "source": [ "creative-round" ], "recognition": "Foundry trail (Klim)", "why": "Söhne Breit as display architecture (Mr. Henry) over a kinetic color-coded programme; sticky nav, event-photography cards, and wishlist/cart modals make a Flemish cultural house browse like a magazine.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 210, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "n": 291, "thumb": "card-thumbs/cultuurhuis-de-warande@2x.webp", "card": "card-thumbs/cultuurhuis-de-warande.webp" }, { "genre": "Education / learning", "name": "Liceo Alfa", "url": "https://liceoalfa.it", "mode": "light", "dimension": "typography", "origin": "IT", "source": [ "creative-round" ], "recognition": "Foundry trail (Grilli)", "why": "GT Planar's variable backslant (Jekyll & Hyde) gives a secondary school festival-grade urgency: white arrow mark and type on dark grounds, sport programmes gridded like event lineups, open-day CTAs recurring.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 95, "mode_agrees": false, "purpose": "explain", "archetype": "institutional-informational", "n": 292, "thumb": "card-thumbs/liceo-alfa@2x.webp", "card": "card-thumbs/liceo-alfa.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Artek", "url": "https://www.artek.fi", "mode": "light", "dimension": "art-direction", "origin": "FI", "source": [ "creative-round" ], "recognition": "Taste-dense industries", "why": "Finnish modernism as interface: white-cream grounds where birch and timber photographic tones supply the palette, modular product-and-story cards with quiet sub-navigation — Aalto-era material honesty translated to e-commerce.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 81, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 293, "thumb": "card-thumbs/artek@2x.webp", "card": "card-thumbs/artek.webp" }, { "genre": "Restaurant / food", "name": "Disfrutar", "url": "https://www.disfrutarbarcelona.com", "mode": "light", "dimension": "art-direction", "origin": "ES", "source": [ "creative-round" ], "recognition": "Taste-dense industries", "why": "Michelin three-star restraint: whites and ceramic clay tones frame molecular-gastronomy photography that carries all chromatic weight; asymmetric image placement, a full-width carousel, and a year-organized press archive.", "batch": "v1", "mode_observed": "light", "mean_luminance": 197, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 294, "thumb": "card-thumbs/disfrutar@2x.webp", "card": "card-thumbs/disfrutar.webp" }, { "genre": "Events / conferences", "name": "Poland Pavilion Expo 2025", "url": "https://expo.gov.pl", "mode": "light", "dimension": "art-direction", "origin": "PL", "source": [ "creative-round" ], "recognition": "Expo 2025 capture", "why": "Interplay's generative wood-grain waveforms shift on scroll, mirroring the pavilion's timber facade; white grounds with navy and teal accents, trilingual PL/EN/JP navigation, and sliding hero carousels.", "batch": "v1", "flags": [ "campaign-expiry" ], "mode_observed": "dark", "mean_luminance": 77, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 295, "thumb": "card-thumbs/poland-pavilion-expo-2025@2x.webp", "card": "card-thumbs/poland-pavilion-expo-2025.webp" }, { "genre": "Events / conferences", "name": "null² — Digital Nature", "url": "https://expo2025.digitalnatureandarts.or.jp", "mode": "dark", "dimension": "interaction", "origin": "JP", "source": [ "creative-round" ], "recognition": "Expo 2025 capture (both rounds)", "why": "Yoichi Ochiai's mirrored instability: WebGL reflection physics and generative color shifts headline a modular system of concept statements, embedded film, and sponsor grids — research-lab spectacle with gallery-like spacing.", "batch": "v1", "flags": [ "campaign-expiry" ], "mode_observed": "dark", "mean_luminance": 19, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "n": 296, "thumb": "card-thumbs/null-digital-nature@2x.webp", "card": "card-thumbs/null-digital-nature.webp" }, { "genre": "Events / conferences", "name": "TASE ’26", "url": "https://tase.artun.ee", "mode": "mixed", "dimension": "layout", "origin": "EE", "source": [ "creative-round" ], "recognition": "Schools trail (EKA)", "why": "280 graduate works navigable without neutralizing their differences — EKA's festival platform balances institutional scale with artist-run energy, a JS-built index that renders fetchers nothing but its wordmark.", "batch": "v1", "flags": [ "campaign-expiry" ], "mode_observed": "dark", "mean_luminance": 6, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 297, "thumb": "card-thumbs/tase-26@2x.webp", "card": "card-thumbs/tase-26.webp" }, { "genre": "Events / conferences", "name": "NZ Design Week", "url": "https://nzdesignweek.com", "mode": "light", "dimension": "color", "origin": "NZ", "source": [ "creative-round" ], "recognition": "Event-rebrand trail", "why": "Bespoke letterforms and high-contrast black/white modularity with gold star accents; event cards, testimonial blocks, and a statistics banner ride slider controls — a living identity, not a conference grid.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 94, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 298, "thumb": "card-thumbs/nz-design-week@2x.webp", "card": "card-thumbs/nz-design-week.webp" }, { "genre": "Portfolio / photography", "name": "Jo Iijima", "url": "https://joiijima.com", "mode": "dark", "dimension": "layout", "origin": "JP", "source": [ "creative-round" ], "recognition": "Readymag Choice 2025", "why": "A controlled collision: laboratory grid, acidic color, and mutable type — chaos with a visible system underneath; the Readymag build renders fetchers only a name, keeping its volatility strictly experiential.", "batch": "v1", "mode_observed": "light", "mean_luminance": 182, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 299, "thumb": "card-thumbs/jo-iijima@2x.webp", "card": "card-thumbs/jo-iijima.webp" }, { "genre": "Portfolio / photography", "name": "María Marago", "url": "https://mariamarago.com", "mode": "light", "dimension": "typography", "origin": "ES", "source": [ "creative-round" ], "recognition": "Readymag trail", "why": "PP Nikkei Maru words break, overlap, and become navigation itself — titles behaving like animated posters, typography absorbing the role of interface in a Readymag build opaque to scrapers.", "batch": "v1", "mode_observed": "light", "mean_luminance": 210, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 300, "thumb": "card-thumbs/mar-a-marago@2x.webp", "card": "card-thumbs/mar-a-marago.webp" }, { "genre": "Portfolio / photography", "name": "Corentin Bernadou", "url": "https://corentinbernadou.com", "mode": "light", "dimension": "interaction", "origin": "FR", "source": [ "creative-round" ], "recognition": "Codrops case study", "why": "Swiss orange/white/black rigor disrupted by responsive WebGL geometry: a 0% preloader, an infinitely cycling six-work column, and 'email copied' micro-feedback — experimental physics kept typographically legible.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 22, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 301, "thumb": "card-thumbs/corentin-bernadou@2x.webp", "card": "card-thumbs/corentin-bernadou.webp" }, { "genre": "Portfolio / photography", "name": "Jonas Reymondin", "url": "https://jonasreymondin.com", "mode": "dark", "dimension": "motion", "origin": "CH", "source": [ "creative-round" ], "recognition": "Codrops case study", "why": "Neue Montreal severity labeling a folio-numbered grid ('Folio:06', availability stamps); pixel trails, terminal-style reveals, and glitches treat digital artifacts as material within an otherwise austere dark system.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 47, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 302, "thumb": "card-thumbs/jonas-reymondin@2x.webp", "card": "card-thumbs/jonas-reymondin.webp" }, { "genre": "Portfolio / photography", "name": "Gianluca Gradogna", "url": "https://gianlucagradogna.com", "mode": "light", "dimension": "layout", "origin": "IT", "source": [ "creative-round" ], "recognition": "Codrops case study", "why": "Infinite vertical browsing opens into horizontal project sequences with Swiss restraint; a numbered preloader and mandatory device-orientation gate signal an experience built strictly around controlled viewport geometry.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 65, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 303, "thumb": "card-thumbs/gianluca-gradogna@2x.webp", "card": "card-thumbs/gianluca-gradogna.webp" }, { "genre": "Portfolio / photography", "name": "Tomoya Okada", "url": "https://tomoyaokada.com", "mode": "mixed", "dimension": "interaction", "origin": "JP", "source": [ "creative-round" ], "recognition": "Codrops feature", "why": "Archive-plus-playground instead of case-study grid: interface colors shift with the visitor's time of day, restrained sound design layering in — a portfolio behaving like a living environment rather than a static index.", "batch": "v1", "mode_observed": "light", "mean_luminance": 209, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 304, "thumb": "card-thumbs/tomoya-okada@2x.webp", "card": "card-thumbs/tomoya-okada.webp" }, { "genre": "Portfolio / photography", "name": "Ravi Klaassens", "url": "https://www.raviklaassens.com", "mode": "dark", "dimension": "motion", "origin": "NL", "source": [ "creative-round" ], "recognition": "Codrops feature", "why": "An SVG cutout preloader opens a dark system where identity, rhythm, and interaction fuse: hover-swapped project cards, expandable '+' insights, and a live CET clock — content-tied effects, zero ornament.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 56, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 305, "thumb": "card-thumbs/ravi-klaassens@2x.webp", "card": "card-thumbs/ravi-klaassens.webp" }, { "genre": "Portfolio / photography", "name": "People Look at Art", "url": "https://space.repponen.com/peoplelookatart/", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "creative-round" ], "recognition": "Readymag Jury Choice", "why": "Repponen's photographic essay: museum quiet, archival tonality, and a moving shadow that makes you feel bodily present in the gallery — presence engineered through pacing rather than interface chrome.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 235, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 306, "thumb": "card-thumbs/people-look-at-art@2x.webp", "card": "card-thumbs/people-look-at-art.webp" }, { "genre": "Film & production", "name": "Ciel Rose", "url": "https://cielrose.tv", "mode": "dark", "dimension": "art-direction", "origin": "FR", "source": [ "creative-round" ], "recognition": "Codrops case study", "why": "Sunrise-to-sunset gradient atmosphere anchored in violet — a purple preloader into numbered project tiles (01–10); WebGL and Lenis deployed as editing tools for cinematic pacing, never as spectacle.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 181, "mode_agrees": false, "purpose": "show-work", "archetype": "entertainment-media", "n": 307, "thumb": "card-thumbs/ciel-rose@2x.webp", "constitution_sections": [ "tech-video-video" ], "card": "card-thumbs/ciel-rose.webp" }, { "genre": "Portfolio / photography", "name": "Photoyoshi", "url": "https://photoyoshi.com", "mode": "light", "dimension": "interaction", "origin": "JP", "source": [ "creative-round" ], "recognition": "Codrops case study", "why": "An endless photographic stream with a film-negative transition into index mode: Lifestyle (56), Portrait (44), Landscape (20) counted like contact sheets, viewfinder details and modal 'Close' states sustaining the camera metaphor.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 227, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 308, "thumb": "card-thumbs/photoyoshi@2x.webp", "card": "card-thumbs/photoyoshi.webp" }, { "genre": "Portfolio / photography", "name": "Dondre Green", "url": "https://www.dondregreen.com", "mode": "mixed", "dimension": "layout", "origin": "US", "source": [ "creative-round" ], "recognition": "Codrops case study", "why": "Photographic corner brackets and serif/sans tension in an editorial archive: split 'DIRECTOR/GRAPHER' header wordplay, full-width galleries, plus mute and theme toggles — tuned palettes with personality.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 16, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 309, "thumb": "card-thumbs/dondre-green@2x.webp", "card": "card-thumbs/dondre-green.webp" }, { "genre": "Designer & studio portfolio", "name": "Arnaud Rocca", "url": "https://arnaudrocca.fr", "mode": "light", "dimension": "interaction", "origin": "FR", "source": [ "creative-round" ], "recognition": "Codrops case study", "why": "Story-interface immediacy — autoplay, drag, keyboard control — without clutter; each film injects its accent color, and case entries like PANAMÆRA carry WebGL smoke effects beneath a restrained vertical index.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 86, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 310, "thumb": "card-thumbs/arnaud-rocca@2x.webp", "card": "card-thumbs/arnaud-rocca.webp" }, { "genre": "Film & production", "name": "Microdot", "url": "https://www.microdot.vision", "mode": "dark", "dimension": "art-direction", "origin": "INT", "source": [ "creative-round" ], "recognition": "Brand New vector", "why": "Film language as interface: timecodes, scrubbers, grain, and darkroom transitions, Akzidenz-precise labeling with monospaced project codes ('M. WORK 2508 187') ordering a Feed/Work/Info portfolio system.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 53, "mode_agrees": true, "purpose": "show-work", "archetype": "entertainment-media", "n": 311, "thumb": "card-thumbs/microdot@2x.webp", "card": "card-thumbs/microdot.webp" }, { "genre": "Film & production", "name": "Special Production", "url": "https://www.specialproduction.agency", "mode": "mixed", "dimension": "layout", "origin": "US", "source": [ "creative-round" ], "recognition": "Brand New vector", "why": "Bodega-abundance density — images, labels, and moving work compete yet stay intentionally organized; the wordmark itself ships as three stacked SVG blocks (SPECIAL/PRODUCTION/AGENCY), modularity declared from the masthead down.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 182, "mode_agrees": false, "purpose": "show-work", "archetype": "entertainment-media", "n": 312, "thumb": "card-thumbs/special-production@2x.webp", "card": "card-thumbs/special-production.webp" }, { "genre": "Blog / news / editorial", "name": "Chronically Online", "url": "https://com.manychat.com", "mode": "dark", "dimension": "interaction", "origin": "INT", "source": [ "creative-round" ], "recognition": "The Brand Identity", "why": "A shader-warped sphere as living emblem; CoFo Sans and Rooftop on near-black grounds, saturated cover art in card grids with PREV/NEXT pagination — a web-native magazine, not ported print.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 102, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 313, "thumb": "card-thumbs/chronically-online@2x.webp", "card": "card-thumbs/chronically-online.webp" }, { "genre": "Science, space & biotech", "name": "Audax Biosciences", "url": "https://www.audax.bio", "mode": "dark", "dimension": "color", "origin": "US", "source": [ "creative-round" ], "recognition": "The Brand Identity", "why": "Fluorescent chartreuse against hyperreal biology renders — radical science refusing biotech-blue convention entirely, dark grounds letting the acid accent and organism imagery carry the brand's provocation.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 115, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "institutional-informational", "n": 314, "thumb": "card-thumbs/audax-biosciences@2x.webp", "card": "card-thumbs/audax-biosciences.webp" }, { "genre": "Annual report & shareholder letter", "name": "Wakuli Impact Report", "url": "https://wakuli-impact.com", "mode": "light", "dimension": "color", "origin": "NL", "source": [ "creative-round" ], "recognition": "Readymag Community Choice", "why": "A sustainability report as paced editorial journey — impact data sequenced chapter by chapter with expressive color establishing hierarchy, scroll pacing turning obligatory disclosure into designed narrative rather than a PDF.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 228, "mode_agrees": true, "genre_previous": "Non-profit & institutional", "purpose": "host-institution", "archetype": "institutional-informational", "report_reference": true, "n": 315, "thumb": "card-thumbs/wakuli-impact-report@2x.webp", "register": "saturated-poster", "card": "card-thumbs/wakuli-impact-report.webp" }, { "genre": "Fashion & luxury brand", "name": "ALAÏA", "url": "https://www.maison-alaia.com/en-fr/", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "creative-round" ], "recognition": "The Brand Identity", "why": "AKQA Paris sets TT Norms in black/white/red discipline; 360° garment-construction views, quick-view modals, and 'Added to your bag' micro-states bring couture precision into the commerce mechanics themselves.", "batch": "v1", "collection": "The maisons", "mode_observed": "light", "mean_luminance": 193, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 316, "thumb": "card-thumbs/ala-a@2x.webp", "card": "card-thumbs/ala-a.webp" }, { "genre": "Design agency", "name": "Bureau Mirko Borsche", "url": "https://bureauborsche.com", "mode": "light", "dimension": "typography", "origin": "DE", "source": [ "creative-round" ], "recognition": "Credits chain", "why": "Munich's radical typographic experimentation — anti-design with total control: a bare grid of project listings where the work supplies all visual event, chrome reduced to nav, contact, and cookie text.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 255, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 317, "thumb": "card-thumbs/bureau-mirko-borsche@2x.webp", "card": "card-thumbs/bureau-mirko-borsche.webp" }, { "genre": "Design agency", "name": "Saffron Consultants", "url": "https://saffron-consultants.com", "mode": "light", "dimension": "art-direction", "origin": "GB", "source": [ "creative-round" ], "recognition": "Credits chain", "why": "Expansive media grid with cinematic client reels (Repsol, Meta, V&A) in a pausable carousel; chromatic field transitions between cases, a four-city footer grounding 'identity in action' globally.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 142, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 318, "thumb": "card-thumbs/saffron-consultants@2x.webp", "card": "card-thumbs/saffron-consultants.webp" }, { "genre": "Design agency", "name": "Podpunkt", "url": "https://www.podpunkt.pl", "mode": "light", "dimension": "motion", "origin": "PL", "source": [ "gap-sweep" ], "recognition": "ED Awards / Polish Graphic Design Awards", "why": "Warsaw studio in the Polish poster lineage: white ground, typography-forward hierarchy, inline motion GIFs demonstrating identity work directly in filterable project cards.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 159, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 319, "thumb": "card-thumbs/podpunkt@2x.webp", "card": "card-thumbs/podpunkt.webp" }, { "genre": "Design agency", "name": "Unikorns", "url": "https://unikorns.agency", "mode": "light", "dimension": "interaction", "origin": "PL", "source": [ "gap-sweep" ], "recognition": "Awwwards-decorated", "why": "Vertical modular scroll with expandable team annotations over the work — a conversational layer on cream ground with blur hover previews.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 192, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 320, "thumb": "card-thumbs/unikorns@2x.webp", "card": "card-thumbs/unikorns.webp" }, { "genre": "Design agency", "name": "Spiilka", "url": "https://spiilka.com/en", "mode": "light", "dimension": "layout", "origin": "UA", "source": [ "gap-sweep" ], "recognition": "Obys peer", "why": "Kyiv bureau: chronological 2026→2024 grid with discipline filters, bilingual UA/EN, SVG-minimal chrome.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 236, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 321, "thumb": "card-thumbs/spiilka@2x.webp", "card": "card-thumbs/spiilka.webp" }, { "genre": "Design agency", "name": "Shuka", "url": "https://shuka.design", "mode": "light", "dimension": "layout", "origin": "UA", "source": [ "gap-sweep" ], "recognition": "Nike / Freenow roster", "why": "Methodology-first single page — a fractal-branding thesis argued through client evidence and expandable testimonials.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 91, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 322, "thumb": "card-thumbs/shuka@2x.webp", "card": "card-thumbs/shuka.webp" }, { "genre": "Design agency", "name": "Asketic", "url": "https://www.asketic.com", "mode": "light", "dimension": "interaction", "origin": "LV", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "Riga: branding productized as a storefront — cart, checkout, \"Create a New Brand\" — structurally unlike any template agency site.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 218, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 323, "thumb": "card-thumbs/asketic@2x.webp", "card": "card-thumbs/asketic.webp" }, { "genre": "Design agency", "name": "Andstudio", "url": "https://andstudio.lt", "mode": "mixed", "dimension": "layout", "origin": "LT", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "Vilnius identity studio with a dual-theme rhythm: light sections broken by dark passages, numbered pagination.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 245, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 324, "thumb": "card-thumbs/andstudio@2x.webp", "card": "card-thumbs/andstudio.webp" }, { "genre": "Design agency", "name": "Metaklinika", "url": "https://www.metaklinika.com", "mode": "light", "dimension": "typography", "origin": "RS", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "Belgrade studio building on its own national typeface, Srbija Sans.", "batch": "v1", "collection": "International scenes", "mode_observed": "dark", "mean_luminance": 82, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 325, "thumb": "card-thumbs/metaklinika@2x.webp", "card": "card-thumbs/metaklinika.webp" }, { "genre": "Blog / news / editorial", "name": "tio", "url": "https://tio.ist", "mode": "dark", "dimension": "typography", "origin": "TR", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "Istanbul tech-culture platform: legal-document section markers (§ 01), a repeating tagline strip as rhythm, ✦ accents on charcoal.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 207, "mode_agrees": false, "purpose": "inform", "archetype": "editorial-publication", "n": 326, "thumb": "card-thumbs/tio@2x.webp", "card": "card-thumbs/tio.webp" }, { "genre": "Type foundry", "name": "Displaay", "url": "https://displaay.net", "mode": "light", "dimension": "typography", "origin": "CZ", "source": [ "gap-sweep" ], "recognition": "Foundry canon", "why": "Prague foundry with an in-browser tester, taxonomy browsing, and an In Use gallery — MoMA-tier clients, dense multi-section home.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 231, "mode_agrees": true, "purpose": "show-work", "archetype": "editorial-publication", "n": 327, "thumb": "card-thumbs/displaay@2x.webp", "card": "card-thumbs/displaay.webp" }, { "genre": "Type foundry", "name": "29LT Fonts", "url": "https://www.29lt.com/", "mode": "light", "dimension": "typography", "origin": "LB", "source": [ "gap-sweep" ], "recognition": "Arabic type canon", "why": "Arabic-first bilingual specimens — Arabic leads, Latin follows, in matched weights; commerce woven into a specimen-book feel.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "dark", "mean_luminance": 24, "mode_agrees": false, "purpose": "show-work", "archetype": "editorial-publication", "n": 328, "thumb": "card-thumbs/29lt-fonts@2x.webp", "card": "card-thumbs/29lt-fonts.webp" }, { "genre": "Type foundry", "name": "Ek Type", "url": "https://ektype.in/", "mode": "light", "dimension": "typography", "origin": "IN", "source": [ "gap-sweep" ], "recognition": "Indic type canon", "why": "The nav itself is a multiscript demo — live text in nine Indic scripts, with real deployments (IPL, Nagpur Metro) as evidence.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "mixed", "mean_luminance": 131, "mode_agrees": false, "purpose": "show-work", "archetype": "editorial-publication", "n": 329, "thumb": "card-thumbs/ek-type@2x.webp", "card": "card-thumbs/ek-type.webp" }, { "genre": "Typography lineage", "name": "Mooniak", "url": "https://mooniak.com/", "mode": "dark", "dimension": "typography", "origin": "LK", "source": [ "gap-sweep" ], "recognition": "Only LK candidate found", "why": "Sinhala and Tamil letterforms as hero imagery on near-black; Yaldevi ships in Colombo and Jaffna variants.", "batch": "v1", "purpose": "show-work", "archetype": "editorial-publication", "n": 330, "thumb": "card-thumbs/mooniak@2x.webp", "card": "card-thumbs/mooniak.webp" }, { "genre": "Type foundry", "name": "AlefAlefAlef", "url": "https://alefalefalef.co.il/", "mode": "light", "dimension": "typography", "origin": "IL", "source": [ "gap-sweep" ], "recognition": "Hebrew type canon", "why": "Hebrew-first RTL interface set in the foundry's 38 own families, with an integrated typography magazine.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 207, "mode_agrees": true, "purpose": "show-work", "archetype": "editorial-publication", "n": 331, "thumb": "card-thumbs/alefalefalef@2x.webp", "card": "card-thumbs/alefalefalef.webp" }, { "genre": "Type foundry", "name": "hrftype", "url": "https://hrftype.com/", "mode": "light", "dimension": "typography", "origin": "MY", "source": [ "gap-sweep" ], "recognition": "Huruf collective", "why": "Malaysian vernacular type — Kedai-Kedai drawn from shophouse signage; Latin, Chinese, and Malay projects side by side.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 206, "mode_agrees": true, "purpose": "show-work", "archetype": "editorial-publication", "n": 332, "thumb": "card-thumbs/hrftype@2x.webp", "card": "card-thumbs/hrftype.webp" }, { "genre": "Type foundry", "name": "Cadson Demak", "url": "https://www.cadsondemak.com/", "mode": "dark", "dimension": "typography", "origin": "TH", "source": [ "gap-sweep" ], "recognition": "Thai type canon", "why": "A Thai foundry running its own multimedia magazine — five seasons of read/watch/listen on Thai typography.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 187, "mode_agrees": false, "purpose": "show-work", "archetype": "editorial-publication", "n": 333, "thumb": "card-thumbs/cadson-demak@2x.webp", "card": "card-thumbs/cadson-demak.webp" }, { "genre": "Museum & gallery", "name": "MACAAL", "url": "https://macaal.org/", "mode": "light", "dimension": "layout", "origin": "MA", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "Marrakech contemporary-African-art museum: Arabic/French dual structure, collection organized by seven verb-themes.", "batch": "v1", "collection": "International scenes", "mode_observed": "light", "mean_luminance": 201, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 334, "thumb": "card-thumbs/macaal@2x.webp", "card": "card-thumbs/macaal.webp" }, { "genre": "Fitness", "name": "EF Pro Cycling", "url": "https://efprocycling.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "A WorldTour team site closer to a magazine than a fixtures page — RaceTV, recipes, argyle mascot in whitespace-heavy editorial.", "batch": "v1", "mode_observed": "light", "mean_luminance": 214, "mode_agrees": true, "purpose": "persuade", "archetype": "service-consumer", "n": 335, "thumb": "card-thumbs/ef-pro-cycling@2x.webp", "card": "card-thumbs/ef-pro-cycling.webp" }, { "genre": "Events / conferences", "name": "LA28", "url": "https://la28.org", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Olympic campaign", "why": "The kinetic Olympic identity at scale: rotating gradient collections, a morphing-A logo system, dual countdowns.", "batch": "v1", "mode_observed": "light", "mean_luminance": 155, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "n": 336, "thumb": "card-thumbs/la28@2x.webp", "card": "card-thumbs/la28.webp" }, { "genre": "Non-profit & institutional", "name": "The Long Now Foundation", "url": "https://longnow.org", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "Time as the design material: a layout spanning 20,000 years with commissioned Clock illustration instead of stock.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 43, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 337, "thumb": "card-thumbs/the-long-now-foundation@2x.webp", "card": "card-thumbs/the-long-now-foundation.webp" }, { "genre": "Games / gaming", "name": "Simogo", "url": "https://simogo.com", "mode": "light", "dimension": "art-direction", "origin": "SE", "source": [ "gap-sweep" ], "recognition": "Sayonara Wild Hearts studio", "why": "Games as numbered folder icons against near-blank white — anti-marketing restraint that trusts the icon art.", "batch": "v1", "mode_observed": "light", "mean_luminance": 169, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 338, "thumb": "card-thumbs/simogo@2x.webp", "card": "card-thumbs/simogo.webp" }, { "genre": "Games / gaming", "name": "Playables", "url": "https://playables.net", "mode": "light", "dimension": "art-direction", "origin": "CH", "source": [ "gap-sweep" ], "recognition": "KIDS / Plug & Play studio", "why": "Bespoke icons for each strange playful thing; founders as vector illustrations — authored unglamour.", "batch": "v1", "mode_observed": "light", "mean_luminance": 201, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 339, "thumb": "card-thumbs/playables@2x.webp", "card": "card-thumbs/playables.webp" }, { "genre": "Music / streaming", "name": "Unsound", "url": "https://unsound.pl", "mode": "light", "dimension": "art-direction", "origin": "PL", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "A gallery-hang artist grid rethemed per edition, with an archive back to 2008 in the IA.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 113, "mode_agrees": false, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 340, "thumb": "card-thumbs/unsound@2x.webp", "card": "card-thumbs/unsound.webp" }, { "genre": "Music / streaming", "name": "Numero Group", "url": "https://www.numerogroup.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "Archival reissue label: white/black restraint lets Eccentric Soul cover art do all color work; catalog as museum.", "batch": "v1", "mode_observed": "light", "mean_luminance": 192, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 341, "thumb": "card-thumbs/numero-group@2x.webp", "card": "card-thumbs/numero-group.webp" }, { "genre": "Music / streaming", "name": "OJAS", "url": "https://ojas.nyc", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Devon Turnbull practice", "why": "Candle-flame GIFs inside austere audiophile minimalism — graffiti-culture warmth at $6,000 a speaker.", "batch": "v1", "mode_observed": "light", "mean_luminance": 208, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 342, "thumb": "card-thumbs/ojas@2x.webp", "card": "card-thumbs/ojas.webp" }, { "genre": "Food & drink producers", "name": "Flamingo Estate", "url": "https://flamingoestate.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Independent find", "why": "Copywriting-led sensuality: botanical campaigns where scent descriptions are the art direction.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 94, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 343, "thumb": "card-thumbs/flamingo-estate@2x.webp", "card": "card-thumbs/flamingo-estate.webp" }, { "genre": "Blog / news / editorial", "name": "Offrange", "url": "https://ambrook.com/research", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Ambrook Research", "why": "A fintech funding real photojournalism: 2000px documentary heroes with photographer bylines equal to writers'.", "batch": "v1", "mode_observed": "light", "mean_luminance": 209, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 344, "thumb": "card-thumbs/offrange@2x.webp", "constitution_sections": [ "universal-imagery" ], "card": "card-thumbs/offrange.webp" }, { "genre": "Blog / news / editorial", "name": "Fitzcarraldo Editions", "url": "https://fitzcarraldoeditions.com", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "gap-sweep" ], "recognition": "Print-system canon", "why": "The Klein-blue two-color book system translated to web — covers as the only color, custom serif discipline.", "batch": "v1", "mode_observed": "light", "mean_luminance": 135, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 345, "thumb": "card-thumbs/fitzcarraldo-editions@2x.webp", "constitution_sections": [ "universal-typography" ], "card": "card-thumbs/fitzcarraldo-editions.webp" }, { "genre": "Film & production", "name": "NEON", "url": "https://www.neonrated.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Film canon", "why": "Neon-noir distributor identity where key art and trailers carry everything.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 60, "mode_agrees": true, "purpose": "show-work", "archetype": "entertainment-media", "n": 346, "thumb": "card-thumbs/neon@2x.webp", "card": "card-thumbs/neon.webp" }, { "genre": "Film & production", "name": "The Criterion Collection", "url": "https://criterion.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Film canon", "why": "Cover-art connoisseurship as interface — the canonical film-design archive (bot-shielded).", "batch": "v1", "flags": [ "bot-shield" ], "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 39, "mode_agrees": true, "purpose": "show-work", "archetype": "entertainment-media", "n": 347, "thumb": "card-thumbs/the-criterion-collection@2x.webp", "card": "card-thumbs/the-criterion-collection.webp" }, { "genre": "Commercial art dealer", "name": "Gagosian", "url": "https://gagosian.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Gallery canon", "why": "Gallery plus Quarterly magazine — an art-world publishing operation with editorial gravity.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 88, "mode_agrees": false, "genre_previous": "Museum & gallery", "purpose": "host-institution", "archetype": "institutional-informational", "n": 348, "thumb": "card-thumbs/gagosian@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/gagosian.webp" }, { "genre": "Commercial art dealer", "name": "Hauser & Wirth", "url": "https://hauserwirth.com", "mode": "light", "dimension": "layout", "origin": "CH", "source": [ "gap-sweep" ], "recognition": "Gallery canon", "why": "Global gallery with Ursula magazine and residency architecture (rate-limits bots).", "batch": "v1", "flags": [ "bot-shield" ], "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 179, "mode_agrees": true, "genre_previous": "Museum & gallery", "purpose": "host-institution", "archetype": "institutional-informational", "n": 349, "thumb": "card-thumbs/hauser-wirth@2x.webp", "card": "card-thumbs/hauser-wirth.webp" }, { "genre": "Commercial art dealer", "name": "White Cube", "url": "https://www.whitecube.com", "mode": "light", "dimension": "layout", "origin": "GB", "source": [ "gap-sweep" ], "recognition": "Gallery canon", "why": "The white-cube concept as web chrome — nothing between viewer and work.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 100, "mode_agrees": false, "genre_previous": "Museum & gallery", "purpose": "host-institution", "archetype": "institutional-informational", "n": 350, "thumb": "card-thumbs/white-cube@2x.webp", "card": "card-thumbs/white-cube.webp" }, { "genre": "Designer & studio portfolio", "name": "Refik Anadol", "url": "https://refikanadol.com", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Artist canon", "why": "Data-sculpture reels as the site's entire surface — machine-dream aesthetics documented.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 62, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 351, "thumb": "card-thumbs/refik-anadol@2x.webp", "card": "card-thumbs/refik-anadol.webp" }, { "genre": "Museum & gallery", "name": "teamLab", "url": "https://www.teamlab.art", "mode": "dark", "dimension": "interaction", "origin": "JP", "source": [ "gap-sweep" ], "recognition": "Artist canon", "why": "The digital-art collective's global exhibition index — immersive documentation at scale.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 33, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 352, "thumb": "card-thumbs/teamlab@2x.webp", "card": "card-thumbs/teamlab.webp" }, { "genre": "Designer & studio portfolio", "name": "Studio Drift", "url": "https://studiodrift.com", "mode": "light", "dimension": "art-direction", "origin": "NL", "source": [ "gap-sweep" ], "recognition": "Artist canon", "why": "Kinetic-sculpture duo: drone swarms and dandelion lights in gallery-white framing.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 167, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 353, "thumb": "card-thumbs/studio-drift@2x.webp", "card": "card-thumbs/studio-drift.webp" }, { "genre": "Design agency", "name": "Wieden+Kennedy", "url": "https://www.wk.com", "mode": "mixed", "dimension": "art-direction", "origin": "US", "source": [ "gap-sweep" ], "recognition": "Ad canon", "why": "The independent network's global work index — Nike lineage visible in the confidence.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 43, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 354, "thumb": "card-thumbs/wieden-kennedy@2x.webp", "card": "card-thumbs/wieden-kennedy.webp" }, { "genre": "Design agency", "name": "Mother", "url": "https://www.motherlondon.com", "mode": "light", "dimension": "art-direction", "origin": "GB", "source": [ "gap-sweep" ], "recognition": "Ad canon", "why": "London's creative-first shop with irreverence intact.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 58, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 355, "thumb": "card-thumbs/mother@2x.webp", "card": "card-thumbs/mother.webp" }, { "genre": "Performing arts & festival", "name": "Elbphilharmonie Hamburg", "url": "https://www.elbphilharmonie.de/en/", "mode": "light", "dimension": "art-direction", "origin": "DE", "source": [ "industry-hunt" ], "recognition": "concert halls worldwide", "why": "Full-bleed concert and harbor photography under a wave-crest identity; cool blue-white palette, generous grotesk headlines, plaza-like card grid that stays calm across a 600-event season.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 127, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 356, "thumb": "card-thumbs/elbphilharmonie-hamburg@2x.webp", "constitution_sections": [ "purpose-host-institution-hero" ], "card": "card-thumbs/elbphilharmonie-hamburg.webp" }, { "genre": "Restaurant / food", "name": "Atomix", "url": "https://www.atomixnyc.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "industry-hunt" ], "recognition": "World's 50 Best Restaurants 2025", "why": "Editorial restraint built on menu-card graphic system; hairline serif/grotesk pairing, warm paper-white field, artist-commissioned course cards presented as a rotating gallery, whisper-quiet fades.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 40, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 357, "thumb": "card-thumbs/atomix@2x.webp", "card": "card-thumbs/atomix.webp" }, { "genre": "Restaurant / food", "name": "Hiyu Wine Farm", "url": "https://hiyuwinefarm.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "industry-hunt" ], "recognition": "natural-wine estates", "why": "Full-bleed misty farm photography with minimal overlay nav — the north-star pattern; muted earth palette, quiet serif captions, slow crossfades that feel like walking the polyculture farm.", "batch": "v1", "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 72, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 358, "thumb": "card-thumbs/hiyu-wine-farm@2x.webp", "card": "card-thumbs/hiyu-wine-farm.webp" }, { "genre": "Blog / news / editorial", "name": "Emergence Magazine", "url": "https://emergencemagazine.org", "mode": "light", "dimension": "motion", "origin": "US", "source": [ "industry-hunt" ], "recognition": "independent print magazines (magCulture orbit)", "why": "Benchmark immersive editorial: each essay a bespoke multimedia container with scroll-driven film, audio, and illustration; refined serif body, deep-nature palette shifts per story, exquisite motion pacing.", "batch": "v1", "mode_observed": "light", "mean_luminance": 174, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 359, "thumb": "card-thumbs/emergence-magazine@2x.webp", "constitution_sections": [ "type-editorial-publication-article" ], "card": "card-thumbs/emergence-magazine.webp" }, { "genre": "Music / streaming", "name": "Luaka Bop", "url": "https://luakabop.com", "mode": "light", "dimension": "color", "origin": "US", "source": [ "industry-hunt" ], "recognition": "record labels", "why": "Color-led maximalism: saturated clashing hues per release, collaged type styles, playful hover chaos — David Byrne's world-music eclecticism made navigable without collapsing into mess.", "batch": "v1", "mode_observed": "mixed", "mean_luminance": 132, "mode_agrees": false, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 360, "thumb": "card-thumbs/luaka-bop@2x.webp", "card": "card-thumbs/luaka-bop.webp" }, { "genre": "Beauty & fragrance", "name": "Ormaie", "url": "https://ormaie.com", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "industry-hunt" ], "recognition": "perfume houses", "why": "Sculptural wooden-flacon still-life photography treated as art objects; warm ivory field, thin elegant serif, poem-like product copy, slow reveal motion — haute-perfumery craft made visual.", "batch": "v1", "mode_observed": "light", "mean_luminance": 139, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 361, "thumb": "card-thumbs/ormaie@2x.webp", "card": "card-thumbs/ormaie.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Apparatus Studio", "url": "https://apparatusstudio.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "industry-hunt" ], "recognition": "furniture/lighting studios", "why": "Theatrical dark-stage art direction: chiaroscuro brass-and-horsehair photography, deep umber-black palette, hairline serif captions, collections staged as cinematic tableaux with slow dissolves.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 10, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 362, "thumb": "card-thumbs/apparatus-studio@2x.webp", "constitution_sections": [ "purpose-sell-promo" ], "card": "card-thumbs/apparatus-studio.webp" }, { "genre": "Sport, clubs & athletes", "name": "Season Eqpt", "url": "https://seasoneqpt.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "industry-hunt" ], "recognition": "ski/surf craft builders", "why": "Anti-gear-industry editorial: muted monochrome mountain photography, utilitarian grotesk spec-sheet typography, quiver reduced to a few archetypes presented like a manifesto, restrained scroll motion.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 117, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "brand-campaign", "n": 363, "thumb": "card-thumbs/season-eqpt@2x.webp", "card": "card-thumbs/season-eqpt.webp" }, { "genre": "Architecture practice", "name": "David Chipperfield Architects", "url": "https://davidchipperfield.com", "mode": "light", "dimension": "layout", "origin": "GB", "source": [ "industry-hunt" ], "recognition": "Pritzker laureates' practice sites", "why": "Radically austere single-stream layout: one column, one typeface, projects as unadorned image-text sequence; the practice's material restraint enacted as interface — minimalism with conviction.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 188, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 364, "thumb": "card-thumbs/david-chipperfield-architects@2x.webp", "card": "card-thumbs/david-chipperfield-architects.webp" }, { "genre": "Publishing & books", "name": "Loose Joints", "url": "https://loosejoints.biz", "mode": "light", "dimension": "layout", "origin": "FR", "source": [ "industry-hunt" ], "recognition": "art-book publishers", "why": "Photobook-first grid where covers carry all color; jumbled-baseline wordmark, tight grotesk metadata, spreads photographed in raking light — publisher site as an ongoing exhibition.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "mixed", "mean_luminance": 114, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "editorial-publication", "n": 365, "thumb": "card-thumbs/loose-joints@2x.webp", "card": "card-thumbs/loose-joints.webp" }, { "genre": "Events / conferences", "name": "IDFA", "url": "https://www.idfa.nl", "mode": "light", "dimension": "color", "origin": "NL", "source": [ "industry-hunt" ], "recognition": "film festivals (non-major)", "why": "Documentary-frame identity system: bold black-white type blocks cropping full-bleed film stills, strong Dutch-grid program layout, red accent used surgically across hundreds of screenings.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 79, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 366, "thumb": "card-thumbs/idfa@2x.webp", "card": "card-thumbs/idfa.webp" }, { "genre": "Events / conferences", "name": "Locarno Film Festival", "url": "https://www.locarnofestival.ch", "mode": "dark", "dimension": "color", "origin": "CH", "source": [ "industry-hunt" ], "recognition": "film festivals (non-major)", "why": "The pardo leopard-spot identity — black-and-yellow pattern system unmistakable at any crop; poster-grade display type, Piazza Grande night photography, color discipline few festivals match.", "batch": "v1", "flags": [ "bot-shield" ], "mode_observed": "dark", "mean_luminance": 110, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "n": 367, "thumb": "card-thumbs/locarno-film-festival@2x.webp", "constitution_sections": [ "purpose-host-institution-calendar" ], "card": "card-thumbs/locarno-film-festival.webp" }, { "genre": "Performing arts & festival", "name": "Ballet National de Marseille", "url": "https://www.ballet-de-marseille.com/", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "gallery-hunt" ], "recognition": "hoverstat.es", "why": "(LA)HORDE-era dance company site: raw full-bleed rehearsal photography and film, brutalist utilitarian nav overlaid in tiny type, program-poster energy translated to an anti-polish editorial grid.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 201, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "n": 368, "thumb": "card-thumbs/ballet-national-de-marseille@2x.webp", "card": "card-thumbs/ballet-national-de-marseille.webp" }, { "genre": "Portfolio / photography", "name": "Tiger Dingsun", "url": "https://tiger.exposed/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "gallery-hunt" ], "recognition": "hoverstat.es", "why": "Poet-designer portfolio treating the browser as typeset page: dense text-first index, idiosyncratic hyperlink structure, defaults subverted with scholarly restraint — alternative web design canon, zero template DNA.", "batch": "v1", "mode_observed": "light", "mean_luminance": 235, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 369, "thumb": "card-thumbs/tiger-dingsun@2x.webp", "card": "card-thumbs/tiger-dingsun.webp" }, { "genre": "Type foundry", "name": "Departure Mono", "url": "https://departuremono.com/", "mode": "dark", "dimension": "typography", "origin": "US", "source": [ "gallery-hunt" ], "recognition": "Codrops roundup #65", "why": "Helena Zhang's pixel monospace specimen: CRT-terminal conceit carried end-to-end, monochrome-plus-amber palette, interactive ASCII toys and boarding-pass motifs making a bitmap font feel cinematic.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 220, "mode_agrees": false, "purpose": "show-work", "archetype": "editorial-publication", "n": 370, "thumb": "card-thumbs/departure-mono@2x.webp", "card": "card-thumbs/departure-mono.webp" }, { "genre": "Design agency", "name": "OFF+BRAND", "url": "https://www.itsoffbrand.com/", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "gallery-hunt" ], "recognition": "Lenis showcase (lenis.dev)", "why": "WebGL-driven studio reel-as-homepage: distorted type shaders, case studies dissolving into fluid canvas transitions, Lenis-smoothed scroll choreography — production craft at award-show tier.", "batch": "v1", "flags": [ "canvas" ], "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 212, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 371, "thumb": "card-thumbs/off-brand@2x.webp", "card": "card-thumbs/off-brand.webp" }, { "genre": "Games / gaming", "name": "Grand Theft Auto VI", "url": "https://www.rockstargames.com/VI", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "gallery-hunt" ], "recognition": "Lenis showcase (lenis.dev)", "why": "Full-bleed Leonida art direction: saturated Miami-neon key art and in-engine film stills, near-invisible UI, character-chapter navigation — photography-led maximalism executed with total confidence.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 34, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 372, "thumb": "card-thumbs/grand-theft-auto-vi@2x.webp", "constitution_sections": [ "type-brand-campaign-front-page" ], "card": "card-thumbs/grand-theft-auto-vi.webp" }, { "genre": "Design agency", "name": "SERIOUS.BUSINESS", "url": "https://serious.business/", "mode": "light", "dimension": "typography", "origin": "DE", "source": [ "gallery-hunt" ], "recognition": "Codrops roundup #65", "why": "Agency site weaponizing tension between corporate deadpan and chaos: oversized grotesk headlines, hard color blocking, punchline micro-interactions — brand voice fully expressed through type scale alone.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 196, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 373, "thumb": "card-thumbs/serious-business@2x.webp", "card": "card-thumbs/serious-business.webp" }, { "genre": "Design agency", "name": "Studio Garbett", "url": "https://garbett.com.au/", "mode": "light", "dimension": "color", "origin": "AU", "source": [ "gallery-hunt" ], "recognition": "Codrops roundup #65", "why": "Sydney studio with drawn-not-set identity: hand-built display letterforms, primary-adjacent palette rotations, playful grid that reflows like a poster wall — color as navigation logic.", "batch": "v1", "collection": "Agency craft", "mode_observed": "mixed", "mean_luminance": 131, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 374, "thumb": "card-thumbs/studio-garbett@2x.webp", "card": "card-thumbs/studio-garbett.webp" }, { "genre": "Interactive & experimental", "name": "You Are Here in Time", "url": "https://www.youarehereintime.com/", "mode": "dark", "dimension": "interaction", "origin": "US", "source": [ "gallery-hunt" ], "recognition": "Dark Mode Design", "why": "Live canvas portrait of the present: real-time counters of world and body events since page-open, scrolling dark field with WebGL accents — data visualization as existential art direction.", "batch": "v1", "flags": [ "canvas" ], "collection": "Explorables & systems", "mode_observed": "dark", "mean_luminance": 22, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 375, "thumb": "card-thumbs/you-are-here-in-time@2x.webp", "card": "card-thumbs/you-are-here-in-time.webp" }, { "genre": "Food & drink producers", "name": "Omega Yeast", "url": "https://omegayeast.com/", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "gallery-hunt" ], "recognition": "Klikkenthéke", "why": "Brewing-yeast supplier styled like a design object: PP Mori paired with PP Fraktion Mono spec sheets, lab-catalog layout, fermentation-vivid accent palette — industrial B2B made covetable.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 48, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 376, "thumb": "card-thumbs/omega-yeast@2x.webp", "card": "card-thumbs/omega-yeast.webp" }, { "genre": "Portfolio / photography", "name": "Christie Hemm Klok", "url": "https://christiehemmklok.com/", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gallery-hunt" ], "recognition": "Klikkenthéke", "why": "Photojournalist portfolio with a custom namesake display face over Helvetica Now: reportage images given newspaper-edit pacing, restrained chrome that cedes every pixel to the pictures.", "batch": "v1", "mode_observed": "light", "mean_luminance": 180, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 377, "thumb": "card-thumbs/christie-hemm-klok@2x.webp", "card": "card-thumbs/christie-hemm-klok.webp" }, { "genre": "Film & production", "name": "ANORAK Film", "url": "https://anorakfilm.com/", "mode": "dark", "dimension": "art-direction", "origin": "DE", "source": [ "gallery-hunt" ], "recognition": "hoverstat.es", "why": "Berlin production house: director roster as full-bleed reel wall, tiny overlay nav, cuts timed like an edit suite — film-first art direction where the work is the interface.", "batch": "v1", "collection": "Film & production", "mode_observed": "light", "mean_luminance": 212, "mode_agrees": false, "purpose": "show-work", "archetype": "entertainment-media", "n": 378, "thumb": "card-thumbs/anorak-film@2x.webp", "constitution_sections": [ "universal-typography" ], "card": "card-thumbs/anorak-film.webp" }, { "genre": "Automotive & mobility", "name": "Bécane Paris", "url": "https://www.becaneparis.com/", "mode": "light", "dimension": "art-direction", "origin": "FR", "source": [ "gallery-hunt" ], "recognition": "hoverstat.es", "why": "Moto-feminine apparel: gritty on-the-road campaign photography, canvas-driven product reveals, hard-edged type softened by unapologetic styling — attitude-led e-commerce that escapes the Shopify look.", "batch": "v1", "flags": [ "canvas" ], "mode_observed": "light", "mean_luminance": 238, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 379, "thumb": "card-thumbs/b-cane-paris@2x.webp", "card": "card-thumbs/b-cane-paris.webp" }, { "genre": "Travel / hospitality", "name": "Nasu Bettei KAI", "url": "https://bettei-kai.jp/", "mode": "light", "dimension": "motion", "origin": "JP", "source": [ "gallery-hunt" ], "recognition": "Codrops roundup #64", "why": "All-suite onsen ryokan: three.js nature scenes with GSAP-Lenis scroll choreography, vertical Japanese text against forest-and-stone palette — regional craft hospitality rendered as slow cinema.", "batch": "v1", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 27, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 380, "thumb": "card-thumbs/nasu-bettei-kai@2x.webp", "constitution_sections": [ "type-hospitality-place-narrative" ], "card": "card-thumbs/nasu-bettei-kai.webp" }, { "genre": "Fashion & luxury brand", "name": "Lore by Fetus", "url": "https://lore.byfetus.com/", "mode": "dark", "dimension": "interaction", "origin": "RS", "source": [ "gallery-hunt" ], "recognition": "Codrops roundup #64", "why": "Streetwear-brand mythology codex: custom Gradient Premium type family in five weights, GSAP-sequenced entry reveals, world-building structured like a game wiki — fashion marketing as narrative artifact.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 247, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 381, "thumb": "card-thumbs/lore-by-fetus@2x.webp", "card": "card-thumbs/lore-by-fetus.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Materials¹", "url": "https://vanta.supply/", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "gallery-hunt" ], "recognition": "Dark Mode Design", "why": "160 abstract loop textures sold as a library: the product is the palette — molten gradients and grain fields in a near-black gallery grid, chrome reduced to captions.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 9, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 382, "thumb": "card-thumbs/materials@2x.webp", "card": "card-thumbs/materials.webp" }, { "genre": "Design agency", "name": "KHZ ART", "url": "https://khz-art.com/", "mode": "dark", "dimension": "art-direction", "origin": "JP", "source": [ "gallery-hunt" ], "recognition": "Dark Mode Design", "why": "Tokyo AI creative agency: Zodiak light italics giving editorial-print elegance to generative film stills, dark magazine-spread layout — rare case of AI-content marketing with genuine art direction.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 19, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 383, "thumb": "card-thumbs/khz-art@2x.webp", "card": "card-thumbs/khz-art.webp" }, { "genre": "Design agency", "name": "Milkshake Studio", "url": "https://milkshake.studio/", "mode": "light", "dimension": "typography", "origin": "SG", "source": [ "gallery-hunt" ], "recognition": "Codrops roundup #65", "why": "Upbeat Singapore studio: ABC Social Condensed headlines against Flexa body, candy-bright palette blocks, Lenis scroll bounce — condensed-type exuberance kept disciplined by a strict modular grid.", "batch": "v1", "collection": "Agency craft", "mode_observed": "mixed", "mean_luminance": 131, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 384, "thumb": "card-thumbs/milkshake-studio@2x.webp", "card": "card-thumbs/milkshake-studio.webp" }, { "genre": "Portfolio / photography", "name": "James Geer", "url": "https://www.jamesgeer.com", "mode": "light", "dimension": "typography", "origin": "AU", "source": [ "foundry-hunt" ], "recognition": "Klim in-use post for Söhne Schmal (Self—Titled)", "why": "Söhne Schmal's compressed grotesk set huge against full-bleed water photography; restrained monochrome palette lets the images carry color, with Self-Titled's editorial grid pacing the portfolio like a book.", "batch": "v1", "mode_observed": "light", "mean_luminance": 185, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 385, "thumb": "card-thumbs/james-geer@2x.webp", "card": "card-thumbs/james-geer.webp" }, { "genre": "Science, space & biotech", "name": "Cowboy Space Corporation", "url": "https://www.cowboyspace.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "foundry-hunt" ], "recognition": "Displaay in-use (Fonts In Use, 2026) → Smith & Diction", "why": "Displaay's new Panell Expanded wordmark with Okima over a pitch-black void palette; Smith & Diction's western-meets-orbital art direction stages data-center hardware like frontier iconography across cinematic scroll sequences.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 68, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "institutional-informational", "n": 386, "thumb": "card-thumbs/cowboy-space-corporation@2x.webp", "card": "card-thumbs/cowboy-space-corporation.webp" }, { "genre": "AI image / media gen", "name": "Vizcom", "url": "https://www.vizcom.ai", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "foundry-hunt" ], "recognition": "Displaay in-use (Fonts In Use, 2026)", "why": "Displaay Matter paired with Tomboy for an AI sketch-to-render tool; charcoal interface palette with electric accents, product renders animating from linework to full fidelity as the load-bearing motion idea.", "batch": "v1", "mode_observed": "light", "mean_luminance": 200, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "n": 387, "thumb": "card-thumbs/vizcom@2x.webp", "register": "whimsical-expressive", "card": "card-thumbs/vizcom.webp" }, { "genre": "Design agency", "name": "Shed", "url": "https://shed.design", "mode": "light", "dimension": "layout", "origin": "GB", "source": [ "foundry-hunt" ], "recognition": "Fonts In Use entry 'Shed portfolio website' (Displaay Reckless, 2025)", "why": "Owners (MCKL) headlines with Sequel Sans and Displaay Reckless body; strict black/white ruled-border system, tight negative letter-spacing and extreme size contrast organize interiors-and-brand work into a drafting-table layout.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 120, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 388, "thumb": "card-thumbs/shed@2x.webp", "card": "card-thumbs/shed.webp" }, { "genre": "Design agency", "name": "New Genre", "url": "https://newgenre.studio", "mode": "light", "dimension": "motion", "origin": "GB", "source": [ "foundry-hunt" ], "recognition": "Fonts In Use entry 'New Genre logo and website' (Displaay Saans/Avantt, Oct 2025)", "why": "Serrif Condensed headlines fade in with a sunrise animation over Saans body and an Avantt logomark; the whole palette shifts on a day-to-night cycle around an animated quatrefoil that holds and reflects light.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 83, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 389, "thumb": "card-thumbs/new-genre@2x.webp", "card": "card-thumbs/new-genre.webp" }, { "genre": "Music / streaming", "name": "Ring Ring Music", "url": "https://ringringmusic.se", "mode": "light", "dimension": "color", "origin": "SE", "source": [ "foundry-hunt" ], "recognition": "Fonts In Use entry 'Ring Ring website' (Displaay Knopp + Tobias, 2024)", "why": "Displaay's Knopp and Tobias mixed with mono accents; soft grey #eee palette, heavily rounded corners and phone-dial UI motifs turn a Stockholm music-supervision agency into a playful device-like interface.", "batch": "v1", "mode_observed": "light", "mean_luminance": 134, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 390, "thumb": "card-thumbs/ring-ring-music@2x.webp", "card": "card-thumbs/ring-ring-music.webp" }, { "genre": "E-commerce / retail", "name": "ARKETYPE", "url": "https://arketype.shop", "mode": "light", "dimension": "art-direction", "origin": "GB", "source": [ "foundry-hunt" ], "recognition": "Pangram Pangram font-in-use post for PP Kyoto (Studio&Jones)", "why": "PP Kyoto's soft editorial serif as counterpoint to Neue Haas Grotesk Bold; blanc gallery palette and template-as-brand-system merchandising laid out like a lookbook rather than a marketplace grid.", "batch": "v1", "mode_observed": "mixed", "mean_luminance": 107, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 391, "thumb": "card-thumbs/arketype@2x.webp", "card": "card-thumbs/arketype.webp" }, { "genre": "Food & drink producers", "name": "WatchHouse", "url": "https://watchhouse.com", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "credits-chain" ], "recognition": "Ikoyi footer 'Design by EverythingInBetween' → e-i-b.com/work → WatchHouse", "why": "Bespoke 'WatchHouse Serif' paired with Tiempos Headline and Balto grotesque; cream #EDE7D2 against near-black; product photography sits in a calm editorial grid that reads more magazine than Shopify.", "batch": "v1", "mode_observed": "light", "mean_luminance": 136, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 392, "thumb": "card-thumbs/watchhouse@2x.webp", "constitution_sections": [ "purpose-sell-promo" ], "card": "card-thumbs/watchhouse.webp" }, { "genre": "Restaurant / food", "name": "Osip", "url": "https://osiprestaurant.com", "mode": "light", "dimension": "art-direction", "origin": "GB", "source": [ "credits-chain" ], "recognition": "Ikoyi credit → EIB work list → Osip (credit confirmed in footer)", "why": "Custom 'Bruton' serif cut named after the restaurant's Somerset town; hushed single-column pacing, full-bleed seasonal photography — quiet luxury without a booking-widget feel.", "batch": "v1", "mode_observed": "light", "mean_luminance": 188, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 393, "thumb": "card-thumbs/osip@2x.webp", "card": "card-thumbs/osip.webp" }, { "genre": "Restaurant / food", "name": "KOL Restaurant", "url": "https://kolrestaurant.com", "mode": "light", "dimension": "art-direction", "origin": "GB", "source": [ "credits-chain" ], "recognition": "Ikoyi credit → EIB work list → KOL (URL via Michelin Guide)", "why": "Parchment #e3dec2 ground with ITC Clearface plus a custom 'KOL Display' face; Mexican-soul art direction carried by color and type rather than clichéd iconography; React SPA, not a hospitality template.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 95, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 394, "thumb": "card-thumbs/kol-restaurant@2x.webp", "card": "card-thumbs/kol-restaurant.webp" }, { "genre": "Travel / hospitality", "name": "The Drake Hotel", "url": "https://thedrake.ca", "mode": "light", "dimension": "art-direction", "origin": "CA", "source": [ "credits-chain" ], "recognition": "Locomotive work list → thedrake.ca (credit confirmed in footer)", "why": "Sequel Sans display/body cuts plus Maison Mono for wayfinding data; coral #E25856 signature threaded through a playful art-hotel collage system; Locomotive credit in footer.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 79, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 395, "thumb": "card-thumbs/the-drake-hotel@2x.webp", "card": "card-thumbs/the-drake-hotel.webp" }, { "genre": "Games / gaming", "name": "Haven Studios", "url": "https://havenstudios.com", "mode": "light", "dimension": "art-direction", "origin": "CA", "source": [ "credits-chain" ], "recognition": "Locomotive work list → havenstudios.com", "why": "Libre Caslon Text serif against Lexend sans on white — a PlayStation studio choosing warm book typography over dark gamer-neon; concept-art panels breathe in an airy editorial rhythm.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 101, "mode_agrees": false, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 396, "thumb": "card-thumbs/haven-studios@2x.webp", "card": "card-thumbs/haven-studios.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Palmer Dinnerware", "url": "https://www.palmer-dinnerware.com", "mode": "light", "dimension": "color", "origin": "global", "source": [ "credits-chain" ], "recognition": "Aardvark Book Club footer 'Design by Dylan' → dylanbrouwer.design → Palmer", "why": "Tonal blocks of slate blue #4a699f, sage #506157 and clay #635858 rotate per collection; ceramics shot as still-life hero objects with slow scroll choreography; Dylan Brouwer's award-circuit Webflow craft.", "batch": "v1", "mode_observed": "light", "mean_luminance": 222, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 397, "thumb": "card-thumbs/palmer-dinnerware@2x.webp", "card": "card-thumbs/palmer-dinnerware.webp" }, { "genre": "Portfolio / photography", "name": "Dennis Snellenberg", "url": "https://dennissnellenberg.com", "mode": "dark", "dimension": "interaction", "origin": "NL", "source": [ "credits-chain" ], "recognition": "Aardvark credit → dylanbrouwer.design → dennissnellenberg.com", "why": "PP Neue Montreal on ink #101010 and cream #E0D9D1; magnetic buttons, location-clock footer, and inertial page transitions that became a reference grammar for interactive portfolios.", "batch": "v1", "mode_observed": "light", "mean_luminance": 135, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 398, "thumb": "card-thumbs/dennis-snellenberg@2x.webp", "card": "card-thumbs/dennis-snellenberg.webp" }, { "genre": "Performing arts & festival", "name": "Penderecki's Garden", "url": "https://pendereckisgarden.pl/en", "mode": "light", "dimension": "motion", "origin": "PL", "source": [ "credits-chain" ], "recognition": "Corpus studio Huncwot → huncwot.com client links → pendereckisgarden.pl", "why": "Hurme Geometric Sans 4 with Suisse Works; chapter palettes drift through plum #372933, slate #7c92aa and clay #ddd2c3 as you walk a WebGL garden scored to Penderecki — music-driven motion design.", "batch": "v1", "flags": [ "canvas" ], "collection": "Explorables & systems", "mode_observed": "dark", "mean_luminance": 66, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 399, "thumb": "card-thumbs/penderecki-s-garden@2x.webp", "constitution_sections": [ "tech-canvas-canvas" ], "card": "card-thumbs/penderecki-s-garden.webp" }, { "genre": "Blog / news / editorial", "name": "Who Are We Now?", "url": "https://whoarewenow.net/", "mode": "light", "dimension": "color", "origin": "US", "source": [ "award-craft" ], "recognition": "Tokyo TDC 2025 RGB Prize (Website)", "why": "Full book rebuilt browser-native by Practise, Minkyoung Kim and Marie Otsuka: fluid editorial typography, ~130 inline survey graphics recomposing responsively, white ground, print-grade hierarchy without a single template pattern.", "batch": "v1", "collection": "Explorables & systems", "mode_observed": "dark", "mean_luminance": 109, "mode_agrees": false, "purpose": "inform", "archetype": "editorial-publication", "n": 400, "thumb": "card-thumbs/who-are-we-now@2x.webp", "card": "card-thumbs/who-are-we-now.webp" }, { "genre": "Music / streaming", "name": "Kindolphin", "url": "https://ac-bu.info/happening/", "mode": "light", "dimension": "interaction", "origin": "JP", "source": [ "award-craft" ], "recognition": "Tokyo TDC 2025 TDC Prize (Website)", "why": "AC-bu's vertical GIF-manga reader synced to the group_inou song: hand-drawn looping panels flow with the lyrics, scrubbing scratches audio and image together, phone-portrait framing as the native canvas.", "batch": "v1", "mode_observed": "light", "mean_luminance": 214, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 401, "thumb": "card-thumbs/kindolphin@2x.webp", "card": "card-thumbs/kindolphin.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Marc Morro", "url": "https://www.marcmorro.com/", "mode": "light", "dimension": "layout", "origin": "ES", "source": [ "award-craft" ], "recognition": "Tokyo TDC 2025 Prize Nominee (Website)", "why": "N&MS-designed catalog for a Mallorcan furniture maker: object-first photography on bare ground, oversized workshop-plain type, index-card navigation that reads like a maker's inventory rather than a portfolio grid.", "batch": "v1", "mode_observed": "light", "mean_luminance": 217, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 402, "thumb": "card-thumbs/marc-morro@2x.webp", "card": "card-thumbs/marc-morro.webp" }, { "genre": "Restaurant / food", "name": "Kita no Hashi Bakery", "url": "https://kitanohashi.com/", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "award-craft" ], "recognition": "D&AD 2025 Pencil + Tokyo TDC 2025 Excellent Work", "why": "Japan's northernmost bakery branded with the northern tip of the map as its mark; Junya Kamada's identity carries the site — warm product photography, hand-set logotype, quiet Hokkaido art direction.", "batch": "v1", "mode_observed": "light", "mean_luminance": 246, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 403, "thumb": "card-thumbs/kita-no-hashi-bakery@2x.webp", "card": "card-thumbs/kita-no-hashi-bakery.webp" }, { "genre": "Film & production", "name": "Nobuyuki Sakuma Office", "url": "https://nob-sakuma.com/", "mode": "dark", "dimension": "art-direction", "origin": "JP", "source": [ "award-craft" ], "recognition": "Studio Design Award 2025 Grand Prix + Audience Award", "why": "Goodpatch's TV-producer site: vivid clashing palette on black, oversized display type, past-work zapping as channel-surfing cards — variety-show energy encoded as UI; 170k PV in day one.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 127, "mode_agrees": true, "purpose": "show-work", "archetype": "entertainment-media", "n": 404, "thumb": "card-thumbs/nobuyuki-sakuma-office@2x.webp", "card": "card-thumbs/nobuyuki-sakuma-office.webp" }, { "genre": "Landing / marketing", "name": "Crayon Shinchan Japan Crafts", "url": "https://crayonshinchan-japancrafts.jp/", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "award-craft" ], "recognition": "Studio Design Award 2025 Bronze", "why": "Anime character × traditional Japanese craftsmen: full-bleed craft photography with Shin-chan linework woven through, artisan-by-artisan chapters, restrained type letting object textures carry the page.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 212, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 405, "thumb": "card-thumbs/crayon-shinchan-japan-crafts@2x.webp", "card": "card-thumbs/crayon-shinchan-japan-crafts.webp" }, { "genre": "Blog / news / editorial", "name": "Jikka no Koto", "url": "https://jikkanokoto.com/", "mode": "light", "dimension": "color", "origin": "JP", "source": [ "award-craft" ], "recognition": "Studio Design Award 2025 — Japan Design Center Award", "why": "Nippon Design Center-awarded essay site about aging parents' family homes: warm #FC984C orange ground, illustrated domestic scenes, long-scroll prose typeset with book-level care — emotional subject, exact craft.", "batch": "v1", "mode_observed": "light", "mean_luminance": 199, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 406, "thumb": "card-thumbs/jikka-no-koto@2x.webp", "constitution_sections": [ "universal-imagery" ], "card": "card-thumbs/jikka-no-koto.webp" }, { "genre": "Portfolio / photography", "name": "Mai Teshigawara", "url": "https://maigawara.com/", "mode": "light", "dimension": "typography", "origin": "JP", "source": [ "award-craft" ], "recognition": "Studio Design Award 2025 — Monotype Award", "why": "Author site that won the type-foundry judged prize: text-first composition, deliberate Japanese font pairing and generous line rhythm doing all the identity work — no imagery crutch.", "batch": "v1", "mode_observed": "light", "mean_luminance": 184, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 407, "thumb": "card-thumbs/mai-teshigawara@2x.webp", "card": "card-thumbs/mai-teshigawara.webp" }, { "genre": "Landing / marketing", "name": "Hyundai Tree Correspondents", "url": "https://treecorrespondents.com/", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "award-craft" ], "recognition": "Cannes Lions 2025 Digital Craft — 2 Gold + 1 Silver", "why": "Live-sensor data from IONIQ Forest trees rendered as first-person 'correspondent' reports: atmospheric full-screen forest visuals, generative text from environmental data, minimal overlay UI over film-grade imagery.", "batch": "v1", "flags": [ "campaign-expiry" ], "collection": "Film & production", "mode_observed": "light", "mean_luminance": 145, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 408, "thumb": "card-thumbs/hyundai-tree-correspondents@2x.webp", "constitution_sections": [ "tech-scroll-narrative-motion" ], "card": "card-thumbs/hyundai-tree-correspondents.webp" }, { "genre": "Landing / marketing", "name": "UNBOX 2nd", "url": "https://2nd.un-box.app/", "mode": "light", "dimension": "color", "origin": "JP", "source": [ "award-craft" ], "recognition": "Tokyo TDC 2025 Excellent Work (Website)", "why": "Fukunaga Print's packaging-experiment showcase: single cobalt #002aff carried across product renders and type, box/bag hybrids presented as rotating specimens, exhibition-catalog layout on the web.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 150, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 409, "thumb": "card-thumbs/unbox-2nd@2x.webp", "card": "card-thumbs/unbox-2nd.webp" }, { "genre": "Education / learning", "name": "Words of Type Encyclopedia", "url": "https://wiki.wordsoftype.com/", "mode": "light", "dimension": "typography", "origin": "FR", "source": [ "award-craft" ], "recognition": "Tokyo TDC 2026 Excellent Work (Website/Application)", "why": "Lisa Huang's multilingual type encyclopedia: every term paired with a commissioned illustration, parallel Latin/Hanzi/Arabic script settings, wiki structure given a warm editorial skin instead of database chrome.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "light", "mean_luminance": 230, "mode_agrees": true, "purpose": "explain", "archetype": "institutional-informational", "n": 410, "thumb": "card-thumbs/words-of-type-encyclopedia@2x.webp", "constitution_sections": [ "universal-typography" ], "card": "card-thumbs/words-of-type-encyclopedia.webp" }, { "genre": "Blog / news / editorial", "name": "Searching for Birds", "url": "https://searchingforbirds.visualcinnamon.com/", "mode": "light", "dimension": "art-direction", "origin": "NL", "source": [ "media-hunt-svg" ], "recognition": "Awwwards SVG gallery — HM Feb 2026; Visual Cinnamon", "why": "Nadieh Bremer SVG data-art: bird-sighting data rendered as generative vector plumage and flight-path line drawings, with Rive-driven scenes — data visualization elevated to illustration.", "batch": "v1", "media": "svg", "collection": "Explorables & systems", "mode_observed": "light", "mean_luminance": 212, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 411, "thumb": "card-thumbs/searching-for-birds@2x.webp", "card": "card-thumbs/searching-for-birds.webp" }, { "genre": "Developer tool", "name": "AppSignal", "url": "https://www.appsignal.com/", "mode": "light", "dimension": "art-direction", "origin": "NL", "source": [ "media-hunt-svg" ], "recognition": "Awwwards SVG + Illustration galleries; SVG density verified", "why": "167 inline SVGs on the homepage alone — a full illustrated mascot-and-diagram system where monitoring concepts are drawn as characters and vector scenes, not screenshots; rare for dev tooling.", "batch": "v1", "media": "svg+illustration", "mode_observed": "dark", "mean_luminance": 33, "mode_agrees": false, "purpose": "operate", "archetype": "software-product", "n": 412, "thumb": "card-thumbs/appsignal@2x.webp", "constitution_sections": [ "type-software-product-pricing" ], "card": "card-thumbs/appsignal.webp" }, { "genre": "Food & drink producers", "name": "Bonito Flakes for Pets", "url": "https://www.bonito-flakes-for-pets.com/", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "media-hunt-svg" ], "recognition": "Awwwards Illustration gallery; inline-SVG density verified", "why": "Japanese pet-food brand built entirely on drawn cats and product illustration — 78 inline SVGs and dozens of illustration assets compose the layout itself; zero photography carries the brand.", "batch": "v1", "media": "illustration", "mode_observed": "light", "mean_luminance": 175, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 413, "thumb": "card-thumbs/bonito-flakes-for-pets@2x.webp", "card": "card-thumbs/bonito-flakes-for-pets.webp" }, { "genre": "Restaurant / food", "name": "Burrito Madre", "url": "https://burritomadre.rs/en/", "mode": "mixed", "dimension": "art-direction", "origin": "RS", "source": [ "media-hunt-svg" ], "recognition": "Awwwards Illustration gallery; Lottie verified", "why": "Serbian burrito chain whose whole world is illustrated — Lottie-animated drawn characters and food iconography replace food photography, alternating ink-dark and paper-light illustrated sections.", "batch": "v1", "media": "illustration", "mode_observed": "light", "mean_luminance": 149, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 414, "thumb": "card-thumbs/burrito-madre@2x.webp", "card": "card-thumbs/burrito-madre.webp" }, { "genre": "Restaurant / food", "name": "Crav Burgers", "url": "https://www.cravburgers.shop/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "media-hunt-svg" ], "recognition": "Awwwards SVG gallery — SOTD Jun 2026", "why": "Site of the Day built on flat vector illustration: mustard-yellow world with 60+ inline SVG paths forming burgers, badges and hand-lettered navigation — the shop is the drawing.", "batch": "v1", "media": "svg+illustration", "mode_observed": "light", "mean_luminance": 192, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 415, "thumb": "card-thumbs/crav-burgers@2x.webp", "card": "card-thumbs/crav-burgers.webp" }, { "genre": "Landing / marketing", "name": "The History of Muse Group", "url": "https://history.mu.se/", "mode": "mixed", "dimension": "layout", "origin": "CY", "source": [ "media-hunt-svg" ], "recognition": "Awwwards Illustration gallery; SVG path density verified", "why": "Corporate-history microsite as illustrated scroll narrative — 247 inline SVG paths compose a drawn timeline where eras render as vector scenes rather than archive photos.", "batch": "v1", "media": "svg+illustration", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 21, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 416, "thumb": "card-thumbs/the-history-of-muse-group@2x.webp", "card": "card-thumbs/the-history-of-muse-group.webp" }, { "genre": "Design agency", "name": "FORN Studio", "url": "https://forn.dk/en", "mode": "light", "dimension": "typography", "origin": "DK", "source": [ "media-hunt-svg" ], "recognition": "Awwwards SVG gallery — HM Jun 2026", "why": "Danish studio portfolio where the interface itself is vector craft — 56 inline SVGs / 85 paths form logotype, ornaments and navigation, an SVG-native identity rather than decoration.", "batch": "v1", "media": "svg", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 228, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 417, "thumb": "card-thumbs/forn-studio@2x.webp", "card": "card-thumbs/forn-studio.webp" }, { "genre": "Finance / fintech", "name": "Tresmares Capital", "url": "https://www.tresmarescapital.com/", "mode": "light", "dimension": "art-direction", "origin": "ES", "source": [ "media-hunt-svg" ], "recognition": "Awwwards SVG gallery — SOTD Jun 2026; path density verified", "why": "Private-equity site carried by a 384-path SVG line-drawing landscape — engraved-style vector seascapes animate as the identity, a rare illustration-first treatment of finance.", "batch": "v1", "media": "svg", "mode_observed": "light", "mean_luminance": 234, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "n": 418, "thumb": "card-thumbs/tresmares-capital@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/tresmares-capital.webp" }, { "genre": "Interactive & experimental", "name": "The Monolith Project", "url": "https://themonolithproject.net/", "mode": "dark", "dimension": "art-direction", "origin": "TW", "source": [ "media-hunt-video" ], "recognition": "Codrops case study 2025-11 + webgpu.com showcase", "why": "Thirteen-scene scroll-driven WebGL epic moving from hand-drawn sketches into fully lit Moebius-style 3D worlds — custom deferred renderer, composable shader materials, GPU particles, cinematic scene transitions.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "collection": "Explorables & systems", "mode_observed": "light", "mean_luminance": 206, "mode_agrees": false, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 419, "thumb": "card-thumbs/the-monolith-project@2x.webp", "card": "card-thumbs/the-monolith-project.webp" }, { "genre": "Film & production", "name": "Bloom Paris TV", "url": "https://bloomparis.tv/", "mode": "light", "dimension": "motion", "origin": "FR", "source": [ "media-hunt-video" ], "recognition": "Codrops case study 2025-07", "why": "Showreel is the architecture: fullscreen SVG mask opens like a curtain into the reel as cinematic intro, every page shift bridged by custom GSAP transitions preserving narrative continuity.", "batch": "v1", "media": "video", "flags": [ "video" ], "collection": "Film & production", "mode_observed": "dark", "mean_luminance": 122, "mode_agrees": false, "purpose": "show-work", "archetype": "entertainment-media", "n": 420, "thumb": "card-thumbs/bloom-paris-tv@2x.webp", "constitution_sections": [ "tech-video-video" ], "card": "card-thumbs/bloom-paris-tv.webp" }, { "genre": "SaaS application", "name": "OPTIKKA", "url": "https://optikka.com/", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "media-hunt-video" ], "recognition": "Codrops engineering case study 2025-10", "why": "Zajno replaced HTML5 video with pre-rendered frame sequences scrubbed by scroll — buttery scroll-synchronized film of an expanding file system, frame-exact across devices where video scrubbing stutters.", "batch": "v1", "media": "video", "flags": [ "video" ], "mode_observed": "light", "mean_luminance": 213, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "n": 421, "thumb": "card-thumbs/optikka@2x.webp", "card": "card-thumbs/optikka.webp" }, { "genre": "Design agency", "name": "Mantis", "url": "https://www.mantis.works/", "mode": "dark", "dimension": "motion", "origin": "US", "source": [ "media-hunt-video" ], "recognition": "Awwwards SOTD + Developer Award Nov 2025", "why": "3D scroll sequences interleaved with video reveals — WebGL objects and live-action footage transition into each other as one continuous cinematic feed.", "batch": "v1", "media": "video+shader", "flags": [ "canvas" ], "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 191, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 422, "thumb": "card-thumbs/mantis@2x.webp", "card": "card-thumbs/mantis.webp" }, { "genre": "Landing / marketing", "name": "IVRESS", "url": "https://brand.ivress.co.jp/", "mode": "light", "dimension": "color", "origin": "JP", "source": [ "media-hunt-video" ], "recognition": "Utsubo best-Three.js-2026 roundup", "why": "WebGPU-first renderer with TSL node shaders and WebGL fallback — liquid-light refraction fields as brand identity rather than tech demo, among the first production WebGPU brand sites.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 1, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 423, "thumb": "card-thumbs/ivress@2x.webp", "card": "card-thumbs/ivress.webp" }, { "genre": "Portfolio / photography", "name": "Aurel's Grand Theater", "url": "https://aurelienvigne.com/", "mode": "dark", "dimension": "interaction", "origin": "FR", "source": [ "media-hunt-video" ], "recognition": "Codrops 2025-05 + Awwwards SOTD", "why": "Portfolio as explorable 3D theater — play a raccoon, smash props, solve mysteries to unlock case studies; Three.js physics, Blender-authored sets, game-grade art direction.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 2, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 424, "thumb": "card-thumbs/aurel-s-grand-theater@2x.webp", "card": "card-thumbs/aurel-s-grand-theater.webp" }, { "genre": "Non-profit & institutional", "name": "Following Wildfire", "url": "https://followingwildfire.com/", "mode": "dark", "dimension": "art-direction", "origin": "CA", "source": [ "media-hunt-video" ], "recognition": "Codrops Developer Spotlight: Rogier de Boevé", "why": "Intro told through five WebGL scenes built entirely from particles — smoke, forest, and fire coalescing from point clouds; two Webbys, a Clio, FWA SOTY nomination.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "collection": "Explorables & systems", "mode_observed": "dark", "mean_luminance": 31, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 425, "thumb": "card-thumbs/following-wildfire@2x.webp", "constitution_sections": [ "tech-scroll-narrative-motion" ], "card": "card-thumbs/following-wildfire.webp" }, { "genre": "Design agency", "name": "Phantom London", "url": "https://phantom.land/", "mode": "dark", "dimension": "interaction", "origin": "GB", "source": [ "media-hunt-video" ], "recognition": "Codrops 2025 year-in-review feature", "why": "Homepage grid dissolves into a real-time 3D face particle system — team portraits rebuilt as interactive point clouds, the shader itself carrying the studio's identity.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 58, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 426, "thumb": "card-thumbs/phantom-london@2x.webp", "card": "card-thumbs/phantom-london.webp" }, { "genre": "Fashion & luxury brand", "name": "Audemars Piguet — 150 Years", "url": "https://150years.audemarspiguet.com/", "mode": "dark", "dimension": "art-direction", "origin": "CH", "source": [ "media-hunt-video" ], "recognition": "Codrops Studio Spotlight: makemepulse 2026-07", "why": "makemepulse's House of Wonders: real-time 3D chapters blended with CGI film, camera gliding through watchmaking dioramas with cinematic scene-to-scene continuity.", "batch": "v1", "media": "video+shader", "flags": [ "canvas" ], "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 103, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 427, "thumb": "card-thumbs/audemars-piguet-150-years@2x.webp", "constitution_sections": [ "type-brand-campaign-art-direction", "type-brand-campaign-front-page" ], "card": "card-thumbs/audemars-piguet-150-years.webp" }, { "genre": "Crypto / web3", "name": "Igloo Inc", "url": "https://igloo.inc/", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "media-hunt-video" ], "recognition": "Metabole immersive-websites-2026 breakdown", "why": "Scroll-driven journey through refracting ice — subsurface-scattering glacier shaders with restrained monochrome art direction; the WebGL benchmark that took Awwwards Site of the Year.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "mode_observed": "light", "mean_luminance": 143, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "n": 428, "thumb": "card-thumbs/igloo-inc@2x.webp", "card": "card-thumbs/igloo-inc.webp" }, { "genre": "Landing / marketing", "name": "Microsoft AI", "url": "https://microsoft.ai/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "media-hunt-video" ], "recognition": "Metabole immersive-websites-2026 breakdown", "why": "Organic vegetal shader textures growing behind editorial content — generative botany as a calm counter-aesthetic to AI-corp gloss, kinetic type paced like a journal.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 166, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 429, "thumb": "card-thumbs/microsoft-ai@2x.webp", "card": "card-thumbs/microsoft-ai.webp" }, { "genre": "Real estate", "name": "Explore Primland", "url": "https://explore.ownprimland.com/", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "media-hunt-video" ], "recognition": "Utsubo best-Three.js-2026 roundup", "why": "Cinematic real-time flythrough of the Blue Ridge estate — atmospheric fog shaders and camera choreography doing the work of a drone film, but navigable.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 78, "mode_agrees": true, "purpose": "persuade", "archetype": "hospitality-place", "n": 430, "thumb": "card-thumbs/explore-primland@2x.webp", "card": "card-thumbs/explore-primland.webp" }, { "genre": "Landing / marketing", "name": "Shopify Editions Spring 2026", "url": "https://www.shopify.com/editions/spring2026", "mode": "dark", "dimension": "motion", "origin": "CA", "source": [ "media-hunt-video" ], "recognition": "Utsubo best-Three.js-2026 roundup", "why": "Scroll-sequenced product reveal where features materialize from particle fields — release notes staged as a continuous scrubbed film with WebGL set pieces.", "batch": "v1", "media": "video+shader", "flags": [ "canvas", "campaign-expiry" ], "mode_observed": "dark", "mean_luminance": 93, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 431, "thumb": "card-thumbs/shopify-editions-spring-2026@2x.webp", "constitution_sections": [ "type-brand-campaign-front-page", "universal-layout" ], "card": "card-thumbs/shopify-editions-spring-2026.webp" }, { "genre": "Film & production", "name": "DVEIN", "url": "https://dvein.com/", "mode": "light", "dimension": "interaction", "origin": "ES", "source": [ "media-hunt-video" ], "recognition": "DesignRush best film-production sites 2026", "why": "Directing trio's roster site where the canvas is drawable — childlike doodle field and shape-shifting cursor as anti-showreel identity fronting heavyweight film work.", "batch": "v1", "media": "video", "flags": [ "canvas" ], "purpose": "show-work", "archetype": "entertainment-media", "n": 432, "thumb": "card-thumbs/dvein@2x.webp", "card": "card-thumbs/dvein.webp" }, { "genre": "Automotive & mobility", "name": "Metropolis Test Drive", "url": "https://testdrive.metropolis.io/", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "media-hunt-video" ], "recognition": "Awwwards SOTD Aug 2025", "why": "Checkout-free parking pitched as a playable drive — scroll steers a 3D car through an illustrated city, product beats delivered as scenes along the route.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "mode_observed": "light", "mean_luminance": 191, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 433, "thumb": "card-thumbs/metropolis-test-drive@2x.webp", "constitution_sections": [ "universal-layout" ], "card": "card-thumbs/metropolis-test-drive.webp" }, { "genre": "Museum & gallery", "name": "UNESCO Virtual Museum of Stolen Cultural Objects", "url": "https://museum.unesco.org/", "mode": "dark", "dimension": "layout", "origin": "FR", "source": [ "media-hunt-video" ], "recognition": "Codrops Studio Spotlight: makemepulse 2026-07", "why": "makemepulse-built museum with generative gallery architecture and AI-assisted 3D reconstructions of looted artifacts — procedural space as curatorial statement.", "batch": "v1", "media": "shader", "flags": [ "canvas", "bot-shield" ], "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 230, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 434, "thumb": "card-thumbs/unesco-virtual-museum-of-stolen-cultural-objects@2x.webp", "card": "card-thumbs/unesco-virtual-museum-of-stolen-cultural-objects.webp" }, { "genre": "Games / gaming", "name": "For Honor — Scars", "url": "https://scars.forhonorgame.com/", "mode": "dark", "dimension": "motion", "origin": "FR", "source": [ "media-hunt-video" ], "recognition": "Codrops Studio Spotlight: makemepulse 2026-07", "why": "Ubisoft chapter site on makemepulse's NanoGL engine — real-time battle tableaux with cinematic camera moves and transition wipes borrowed from film language, not page scroll.", "batch": "v1", "media": "shader", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 9, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 435, "thumb": "card-thumbs/for-honor-scars@2x.webp", "constitution_sections": [ "tech-scroll-narrative-motion" ], "card": "card-thumbs/for-honor-scars.webp" }, { "genre": "Design agency", "name": "A HAPPY NEW YEAR 2026", "url": "https://2026.qlip.co.jp/en/", "mode": "dark", "dimension": "interaction", "origin": "JP", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → CSSDA, URL resolved", "why": "Agency Qlip's annual interactive New Year greeting: a near-black #1b1b1b canvas stage with playful generative horse-motif interaction blending ink-wash aesthetics with modern shaders.", "batch": "v1", "flags": [ "campaign-expiry", "canvas" ], "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 53, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 436, "thumb": "card-thumbs/a-happy-new-year-2026@2x.webp", "card": "card-thumbs/a-happy-new-year-2026.webp" }, { "genre": "E-commerce / retail", "name": "Haruta Image Girl 2024", "url": "https://www.haruta-shoes.co.jp/catalog/girl2024/", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → CSSDA, URL resolved", "why": "School-shoe brand's image-girl campaign set in rounded maru-gothic Japanese type on white, music-themed art direction with charming illustrated framing.", "batch": "v1", "flags": [ "campaign-expiry" ], "mode_observed": "light", "mean_luminance": 148, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 437, "thumb": "card-thumbs/haruta-image-girl-2024@2x.webp", "card": "card-thumbs/haruta-image-girl-2024.webp" }, { "genre": "Portfolio / photography", "name": "TAIKI SATO — Portfolio", "url": "https://taikisato.com/", "mode": "light", "dimension": "typography", "origin": "JP", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → CSSDA, URL resolved", "why": "Tokyo visual designer's Astro-built portfolio: warm grey #dededa paper tones alternating with charcoal panels, canvas-driven flourishes, and graphic-design-grade typographic composition.", "batch": "v1", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 52, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 438, "thumb": "card-thumbs/taiki-sato-portfolio@2x.webp", "card": "card-thumbs/taiki-sato-portfolio.webp" }, { "genre": "Travel / hospitality", "name": "ZINEN", "url": "https://naturehood-pj.com/zinen/", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → CSSDA, URL resolved", "why": "One-group riverside sauna villa in Fukuoka: serene nature photography, soft grey palette, and restrained Japanese editorial layout — custom build, nothing template about the composition.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 68, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 439, "thumb": "card-thumbs/zinen@2x.webp", "card": "card-thumbs/zinen.webp" }, { "genre": "Blog / news / editorial", "name": "Saint Laurent's Revolution", "url": "https://ysl-revolution.com/", "mode": "dark", "dimension": "typography", "origin": "KR", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → CSSDA WOTD Jun 2024, URL resolved", "why": "Tata Nazarova's typographic longread on Yves Saint Laurent shattering fashion stereotypes: near-black #0b0b0b stage cut with YSL-red #d42223, GSAP-choreographed scroll; CSSDA WOTD, judge score 8.26.", "batch": "v1", "purpose": "inform", "archetype": "editorial-publication", "n": 440, "thumb": "card-thumbs/saint-laurent-s-revolution@2x.webp", "card": "card-thumbs/saint-laurent-s-revolution.webp" }, { "genre": "Designer & studio portfolio", "name": "Dantian", "url": "https://dantian.jungheonlee.com/", "mode": "light", "dimension": "art-direction", "origin": "KR", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → CSSDA, URL resolved", "why": "Jungheon Lee's personal Next.js piece: hot-pink #fc8fd6 collage world with custom PNG cursors, percentage preloader and a 3D chunk — pure hand-made art direction.", "batch": "v1", "flags": [ "canvas" ], "collection": "Explorables & systems", "mode_observed": "light", "mean_luminance": 173, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 441, "thumb": "card-thumbs/dantian@2x.webp", "card": "card-thumbs/dantian.webp" }, { "genre": "Landing / marketing", "name": "DANZAN", "url": "https://danzan.jiejoe.com", "mode": "light", "dimension": "color", "origin": "CN", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → Awwwards China, URL resolved", "why": "Street-culture samurai IP world by JIEJOE — 'violence aesthetics' art direction with cream/yellow palette, heavy custom illustration and Lottie/GSAP motion; a fully authored fictional brand universe.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 154, "mode_agrees": true, "purpose": "persuade", "archetype": "brand-campaign", "n": 442, "thumb": "card-thumbs/danzan@2x.webp", "card": "card-thumbs/danzan.webp" }, { "genre": "Design agency", "name": "OXYZ3", "url": "https://oxyz3.xyz", "mode": "dark", "dimension": "motion", "origin": "CN", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → Awwwards China, URL resolved", "why": "Chinese 'ARTech' company for gaming and multimedia art — fully custom WebGL SPA with hash-routed scenes and gesture interaction, virtuality/reality merging as the literal browsing metaphor.", "batch": "v1", "flags": [ "canvas" ], "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 23, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 443, "thumb": "card-thumbs/oxyz3@2x.webp", "card": "card-thumbs/oxyz3.webp" }, { "genre": "Portfolio / photography", "name": "JIEJOE", "url": "https://www.jiejoe.com", "mode": "mixed", "dimension": "interaction", "origin": "CN", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → Awwwards China, URL resolved", "why": "Experimental filters-and-effects build with a searing #17f700 acid-green identity spanning graphic design, UX and video work; aggressive, unmistakably authored graphic language.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 95, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 444, "thumb": "card-thumbs/jiejoe@2x.webp", "card": "card-thumbs/jiejoe.webp" }, { "genre": "Science, space & biotech", "name": "MYCEL", "url": "https://www.mycel.earth/", "mode": "dark", "dimension": "art-direction", "origin": "KR", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → NineOneLabs award page, URL resolved", "why": "Black full-bleed mycelium-growth video hero under 'AIR BACK TO AIR', GSAP+Lenis scroll narrative from carbon to material, EN/FR bilingual — biomaterial platform told as cinematic science story.", "batch": "v1", "flags": [ "video" ], "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 22, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "institutional-informational", "n": 445, "thumb": "card-thumbs/mycel@2x.webp", "card": "card-thumbs/mycel.webp" }, { "genre": "Design agency", "name": "Studio Tina", "url": "https://studiotina.co.kr/", "mode": "dark", "dimension": "motion", "origin": "KR", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → NineOneLabs award page, URL resolved", "why": "AI creative studio (GDWEB startup grand prize) with skippable cinematic intro — moody dark ocean-texture video hero flowing into showreel works grid; the site demonstrates the studio's AI-film craft.", "batch": "v1", "flags": [ "video" ], "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 23, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 446, "thumb": "card-thumbs/studio-tina@2x.webp", "card": "card-thumbs/studio-tina.webp" }, { "genre": "Landing / marketing", "name": "Josemaru", "url": "https://www.josemaru.com/", "mode": "mixed", "dimension": "art-direction", "origin": "KR", "source": [ "gemini-dr-cjk" ], "recognition": "Gemini DR round 11 → NineOneLabs award page, URL resolved", "why": "Tax-dispute law firm branded in hanja (租稅摩樓) over hanok-roof photography with ink-wash bamboo motifs and canvas effects — traditional Korean gravitas as legal-brand identity, nothing template about it.", "batch": "v1", "flags": [ "canvas" ], "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 94, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 447, "thumb": "card-thumbs/josemaru@2x.webp", "card": "card-thumbs/josemaru.webp" }, { "genre": "Commercial art dealer", "name": "Phillips", "url": "https://www.phillips.com/", "origin": "GB", "dimension": "art-direction", "why": "The artwork is the page — a full-bleed painting under a letterspaced masthead and a hairline nav, the auction caption held to a small card in the corner.", "recognition": "AREA 17 client; parked from a 12-up thumbnail, reversed at full size 2026-08-11", "purpose": "sell", "archetype": "institutional-informational", "n": 448, "thumb": "card-thumbs/phillips@2x.webp", "card": "card-thumbs/phillips.webp" }, { "genre": "Non-profit & institutional", "name": "No Free Pitches", "url": "https://nofreepitches.com/", "origin": "US", "dimension": "typography", "why": "An open letter set like a typed page, then WHY NOT PITCH FOR crashing the fold at poster scale — manifesto as typography.", "recognition": "parked from a 12-up thumbnail, reversed at full size 2026-08-11", "purpose": "host-institution", "archetype": "institutional-informational", "n": 449, "thumb": "card-thumbs/no-free-pitches@2x.webp", "card": "card-thumbs/no-free-pitches.webp" }, { "genre": "Beauty & fragrance", "name": "Kindred Black", "url": "https://kindredblack.com/", "origin": "US", "dimension": "art-direction", "why": "A split-screen of editorial photography with a script logotype riding the seam, hand-blown glass vessels shot like still lifes beneath.", "recognition": "parked from a 12-up thumbnail, reversed at full size 2026-08-11", "purpose": "sell", "archetype": "commerce-catalog", "n": 450, "thumb": "card-thumbs/kindred-black@2x.webp", "card": "card-thumbs/kindred-black.webp" }, { "genre": "Travel / hospitality", "name": "Muse Paris", "url": "https://muse.paris/en/", "mode": "light", "dimension": "typography", "origin": "FR", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Dec 11 2025", "why": "DaVinci display romana over Suisse Int'l workhorse — Parisian editorial restraint with a single expressive display voice", "batch": "v1", "mode_observed": "mixed", "mean_luminance": 142, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 451, "thumb": "card-thumbs/muse-paris@2x.webp", "card": "card-thumbs/muse-paris.webp" }, { "genre": "Design agency", "name": "Early Works", "url": "https://www.early.works", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Sep 23 2025", "why": "Feature (Commercial Type) display serif with Söhne — quiet editorial pairing, credibility through scale and spacing rather than ornament", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 232, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 452, "thumb": "card-thumbs/early-works@2x.webp", "card": "card-thumbs/early-works.webp" }, { "genre": "Audio, instruments & hardware", "name": "Dream Recorder", "url": "https://dreamrecorder.ai", "mode": "light", "dimension": "typography", "origin": "NL", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Sep 22 2025", "why": "Times Now condensed news-serif against Neue Montreal — dreamlike product story told through an unexpected editorial/grotesk collision", "batch": "v1", "mode_observed": "dark", "mean_luminance": 86, "mode_agrees": false, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 453, "thumb": "card-thumbs/dream-recorder@2x.webp", "card": "card-thumbs/dream-recorder.webp" }, { "genre": "Design agency", "name": "Azione PR", "url": "https://azionepr.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Jun 24 2025", "why": "Editorial Old's sharp old-style italics, Saans, and Favorit Mono in a three-voice system — fashion-PR typography with mono annotations", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 131, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 454, "thumb": "card-thumbs/azione-pr@2x.webp", "card": "card-thumbs/azione-pr.webp" }, { "genre": "Events / conferences", "name": "London Short Film Festival", "url": "https://www.shortfilms.org.uk", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Jun 23 2025", "why": "Single-family Diatype + Diatype Mono system — festival identity built entirely on grotesk scale contrast and mono data typography", "batch": "v1", "mode_observed": "mixed", "mean_luminance": 112, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 455, "thumb": "card-thumbs/london-short-film-festival@2x.webp", "card": "card-thumbs/london-short-film-festival.webp" }, { "genre": "Film & production", "name": "Solab", "url": "https://www.solab.fr", "mode": "light", "dimension": "typography", "origin": "FR", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, May 16 2025", "why": "Cardinal's sharp French serif against Helvetica Now — Paris production-house typography, display serif as the entire visual identity", "batch": "v1", "collection": "Immersive photo & video", "mode_observed": "dark", "mean_luminance": 41, "mode_agrees": false, "purpose": "show-work", "archetype": "entertainment-media", "n": 456, "thumb": "card-thumbs/solab@2x.webp", "card": "card-thumbs/solab.webp" }, { "genre": "E-commerce / retail", "name": "Isla Porter", "url": "https://islaporter.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, May 13 2025", "why": "Louize Display, Rauschen, and Corfe — a rare three-serif system (205TF, Schick Toikka) doing quiet luxury without a grotesk crutch", "batch": "v1", "mode_observed": "dark", "mean_luminance": 96, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 457, "thumb": "card-thumbs/isla-porter@2x.webp", "card": "card-thumbs/isla-porter.webp" }, { "genre": "E-commerce / retail", "name": "SUPERSENSE Studio", "url": "https://www.supersense.studio", "mode": "light", "dimension": "typography", "origin": "AT", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Apr 3 2025", "why": "Untitled Sans (Klim) as deadpan neutral voice for a maximalist analog-media emporium — typography as straight man to rich content", "batch": "v1", "mode_observed": "light", "mean_luminance": 199, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 458, "thumb": "card-thumbs/supersense-studio@2x.webp", "card": "card-thumbs/supersense-studio.webp" }, { "genre": "Landing / marketing", "name": "Rendezvous Barbers", "url": "https://www.myrendezvous.ca", "mode": "light", "dimension": "typography", "origin": "CA", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Apr 6 2025", "why": "All-Grilli-Type system — GT Super, GT Walsheim, GT Alpina Typewriter — elevating a neighborhood barbershop to editorial grade", "batch": "v1", "mode_observed": "dark", "mean_luminance": 117, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 459, "thumb": "card-thumbs/rendezvous-barbers@2x.webp", "register": "saturated-poster", "card": "card-thumbs/rendezvous-barbers.webp" }, { "genre": "Blog / news / editorial", "name": "Acacia", "url": "https://www.acaciamag.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Feb 20 2025", "why": "Cardinal display serif with Founders Grotesk — web-native magazine typography with true editorial hierarchy", "batch": "v1", "mode_observed": "light", "mean_luminance": 150, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 460, "thumb": "card-thumbs/acacia@2x.webp", "card": "card-thumbs/acacia.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Feldspar", "url": "https://feldspar.studio", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Jan 14 2025", "why": "Louize and Louize Display (205TF) as a single-family serif system — Devon workshop craft told in one refined Didone-adjacent voice", "batch": "v1", "mode_observed": "light", "mean_luminance": 148, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 461, "thumb": "card-thumbs/feldspar@2x.webp", "card": "card-thumbs/feldspar.webp" }, { "genre": "Real estate", "name": "The Den", "url": "https://www.workattheden.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Jan 15 2025", "why": "Self Modern's quirky old-style against Akzidenz-Grotesk — coworking marketing that reads like a literary journal", "batch": "v1", "mode_observed": "dark", "mean_luminance": 63, "mode_agrees": false, "purpose": "persuade", "archetype": "hospitality-place", "n": 462, "thumb": "card-thumbs/the-den@2x.webp", "card": "card-thumbs/the-den.webp" }, { "genre": "Restaurant / food", "name": "Family Style", "url": "https://wearefamilystyle.com", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Oct 20 2024", "why": "Diatype with Martina Plantijn's bookish text serif — food-culture magazine pairing grotesk chrome with warm reading typography", "batch": "v1", "mode_observed": "light", "mean_luminance": 165, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 463, "thumb": "card-thumbs/family-style@2x.webp", "card": "card-thumbs/family-style.webp" }, { "genre": "Design agency", "name": "WØRKS", "url": "https://works.studio", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Nov 26 2024", "why": "Freight Big's high-contrast display serif against Helvetica Now — brand studio flexing pure typographic scale, near-zero imagery", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 187, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 464, "thumb": "card-thumbs/w-rks@2x.webp", "card": "card-thumbs/w-rks.webp" }, { "genre": "E-commerce / retail", "name": "Ne Geurra", "url": "https://www.negeurra.com/", "mode": "light", "dimension": "typography", "origin": "ES", "source": [ "typewolf" ], "recognition": "Typewolf Site of the Day, Aug 24 2024", "why": "Ivory's sharp wedge-serif display with Diatype — Basque fashion identity where the serif's blade-like details do the branding", "batch": "v1", "mode_observed": "light", "mean_luminance": 168, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 465, "thumb": "card-thumbs/ne-geurra@2x.webp", "card": "card-thumbs/ne-geurra.webp" }, { "genre": "Blog / news / editorial", "name": "Architecture of Socialist-Era Belgrade", "url": "https://belgrade.klmln.com", "mode": "light", "dimension": "typography", "origin": "RS", "source": [ "typewolf" ], "recognition": "Fonts In Use, Web format, 2026", "why": "IntraNet and Funnel Sans documenting 20 brutalist Belgrade buildings — indie web publishing with a deliberate technical-grotesk voice", "batch": "v1", "flags": [ "quiet-excellence" ], "mode_observed": "light", "mean_luminance": 165, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 466, "thumb": "card-thumbs/architecture-of-socialist-era-belgrade@2x.webp", "card": "card-thumbs/architecture-of-socialist-era-belgrade.webp" }, { "genre": "Restaurant / food", "name": "Full Proof", "url": "https://wearefullproof.com/", "mode": "light", "dimension": "typography", "origin": "AU", "source": [ "typewolf" ], "recognition": "Fonts In Use, Web format, 2026", "why": "Tandelle's compressed industrial display with Helvetica and Roboto Mono — Sydney doughnut shop rejecting pastel category codes", "batch": "v1", "mode_observed": "mixed", "mean_luminance": 134, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 467, "thumb": "card-thumbs/full-proof@2x.webp", "card": "card-thumbs/full-proof.webp" }, { "genre": "Blog / news / editorial", "name": "Federalist Reader", "url": "https://federalistreader.org/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "typewolf" ], "recognition": "Fonts In Use, Web format, 2026", "why": "IM Fell English and IM Fell DW Pica with Libre Caslon Display/Text — the Federalist Papers reset as an 1787 newspaper serial, justified gazette columns on the web", "batch": "v1", "flags": [ "quiet-excellence" ], "mode_observed": "light", "mean_luminance": 184, "mode_agrees": true, "purpose": "inform", "archetype": "editorial-publication", "n": 468, "thumb": "card-thumbs/federalist-reader@2x.webp", "card": "card-thumbs/federalist-reader.webp" }, { "genre": "Non-profit & institutional", "name": "Future Library", "url": "https://www.futurelibrary.no/", "mode": "light", "dimension": "art-direction", "origin": "NO", "source": [ "agency-chain" ], "recognition": "https://www.hellomonday.com/work/future-library", "why": "Hello Monday's site for Katie Paterson's 100-year forest/anthology artwork — quiet, patient art direction that mirrors the century-long premise.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 198, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 469, "thumb": "card-thumbs/future-library@2x.webp", "card": "card-thumbs/future-library.webp" }, { "genre": "Audio, instruments & hardware", "name": "Moog Music", "url": "https://www.moogmusic.com/", "mode": "dark", "dimension": "interaction", "origin": "US", "source": [ "agency-chain" ], "recognition": "https://www.hellomonday.com/work/moog", "why": "Hello Monday's synth-brand commerce rebuild — instrument-first photography, sound-led interaction, commerce without template feel.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 57, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 470, "thumb": "card-thumbs/moog-music@2x.webp", "card": "card-thumbs/moog-music.webp" }, { "genre": "Non-profit & institutional", "name": "Blackspace", "url": "https://blackspace.org/", "mode": "dark", "dimension": "typography", "origin": "US", "source": [ "agency-chain" ], "recognition": "https://www.instrument.com/work/blackspace", "why": "Instrument's identity/site for the Black designers' collective — assertive typography carrying the brand voice.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 47, "mode_agrees": true, "purpose": "host-institution", "archetype": "institutional-informational", "n": 471, "thumb": "card-thumbs/blackspace@2x.webp", "card": "card-thumbs/blackspace.webp" }, { "genre": "Portfolio / photography", "name": "Eminente", "url": "https://eminente.art/", "mode": "light", "dimension": "typography", "origin": "global", "source": [ "agency-chain" ], "recognition": "https://obys.agency/work/eminente", "why": "Obys Agency's site for the photo-shoot production house — their signature editorial grid + type play over fashion/arts imagery.", "batch": "v1", "flags": [ "client is production company eminente.art", "not the rum brand" ], "mode_observed": "light", "mean_luminance": 188, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 472, "thumb": "card-thumbs/eminente@2x.webp", "card": "card-thumbs/eminente.webp" }, { "genre": "Science, space & biotech", "name": "Glyphic Biotechnologies", "url": "https://www.glyphic.bio/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "agency-chain" ], "recognition": "https://obys.agency/work/glyphic-biotechnologies", "why": "Obys Agency bringing editorial art direction to protein-sequencing biotech — science comms without SaaS-default sterility.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "light", "mean_luminance": 208, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "institutional-informational", "n": 473, "thumb": "card-thumbs/glyphic-biotechnologies@2x.webp", "card": "card-thumbs/glyphic-biotechnologies.webp" }, { "genre": "Architecture practice", "name": "Makhno Studio", "url": "https://makhnostudio.com/", "mode": "dark", "dimension": "art-direction", "origin": "UA", "source": [ "agency-chain" ], "recognition": "https://obys.agency/work/makhno", "why": "Obys Agency for the Ukrainian architecture/interior studio — earthen textures, ceramics photography, monumental type.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 62, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 474, "thumb": "card-thumbs/makhno-studio@2x.webp", "card": "card-thumbs/makhno-studio.webp" }, { "genre": "Finance / fintech", "name": "Yamauchi No.10 Family Office", "url": "https://y-n10.com/", "mode": "light", "dimension": "interaction", "origin": "JP", "source": [ "agency-chain" ], "recognition": "https://mount.jp/projects/yamauchi-no-10-family-office/", "why": "mount inc.'s interactive site for the Nintendo-family office — a playful generative toybox that turned a family office into a design landmark.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 13, "mode_agrees": false, "purpose": "persuade", "archetype": "software-product", "n": 475, "thumb": "card-thumbs/yamauchi-no-10-family-office@2x.webp", "card": "card-thumbs/yamauchi-no-10-family-office.webp" }, { "genre": "Architecture practice", "name": "Suppose Design Office", "url": "https://suppose.jp/", "mode": "light", "dimension": "layout", "origin": "JP", "source": [ "agency-chain" ], "recognition": "https://mount.jp/projects/suppose-design-office/", "why": "mount inc. for the Hiroshima/Tokyo architecture firm — dense project-index browsing with photographic restraint.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 101, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 476, "thumb": "card-thumbs/suppose-design-office@2x.webp", "card": "card-thumbs/suppose-design-office.webp" }, { "genre": "Travel / hospitality", "name": "Mampei Hotel", "url": "https://www.mampei.co.jp/", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "agency-chain" ], "recognition": "https://www.shiftbrain.com/work/mampeihotel/", "why": "Shiftbrain's rebrand site for Karuizawa's 130-year classic hotel (2024 reopening) — heritage typography and seasonal art direction.", "batch": "v1", "mode_observed": "light", "mean_luminance": 130, "mode_agrees": true, "purpose": "host-visit", "archetype": "hospitality-place", "n": 477, "thumb": "card-thumbs/mampei-hotel@2x.webp", "card": "card-thumbs/mampei-hotel.webp" }, { "genre": "E-commerce / retail", "name": "Funner", "url": "https://shopfunner.com", "mode": "light", "dimension": "color", "origin": "US", "source": [ "curation-feed" ], "recognition": "https://www.siteinspire.com/website/13473-funner", "why": "Siteinspire-tagged Colourful + Unusual Layout: saturated playful palette and unconventional grid on a skincare shop — exactly the color-led commerce our corpus lacks.", "batch": "v1", "mode_observed": "light", "mean_luminance": 161, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 478, "thumb": "card-thumbs/funner@2x.webp", "card": "card-thumbs/funner.webp" }, { "genre": "Music / streaming", "name": "Beats in Space", "url": "https://www.beatsinspace.net", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "curation-feed" ], "recognition": "https://www.siteinspire.com/website/13488-beats-in-space", "why": "Thomas Hervé Studio redesign of the NYC radio institution: dense unconventional grid turns a decades-deep episode archive into a browsable visual system.", "batch": "v1", "mode_observed": "light", "mean_luminance": 214, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 479, "thumb": "card-thumbs/beats-in-space@2x.webp", "card": "card-thumbs/beats-in-space.webp" }, { "genre": "Design agency", "name": "Bureau Rouge", "url": "https://bureaurouge.com", "mode": "light", "dimension": "typography", "origin": "FR", "source": [ "curation-feed" ], "recognition": "https://www.siteinspire.com/website/13489-bureau-rouge", "why": "Siteinspire-tagged Minimal + Typographic + Moving Image: disciplined type system animated against photography, dev by Theo Plawinski — quiet typographic craft.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 58, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 480, "thumb": "card-thumbs/bureau-rouge@2x.webp", "card": "card-thumbs/bureau-rouge.webp" }, { "genre": "Restaurant / food", "name": "Benvenusa Wines", "url": "https://benvenusa.com", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "curation-feed" ], "recognition": "https://httpster.net/website/benvenusa/", "why": "Documentary winemaker portraiture and vineyard photography organized by region, each producer given an editorial epithet — commerce told as photo-essay.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 99, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 481, "thumb": "card-thumbs/benvenusa-wines@2x.webp", "card": "card-thumbs/benvenusa-wines.webp" }, { "genre": "Restaurant / food", "name": "Ossa Wines", "url": "https://ossa.wine", "mode": "light", "dimension": "art-direction", "origin": "AU", "source": [ "curation-feed" ], "recognition": "https://httpster.net/website/ossa/", "why": "Full-bleed Tasmanian landscape photography drives a premium winery shop; refined serif type and narrative founder storytelling over template commerce patterns.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 100, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 482, "thumb": "card-thumbs/ossa-wines@2x.webp", "card": "card-thumbs/ossa-wines.webp" }, { "genre": "Audio, instruments & hardware", "name": "OXI Instruments", "url": "https://oxiinstruments.com", "mode": "dark", "dimension": "layout", "origin": "ES", "source": [ "curation-feed" ], "recognition": "https://www.dark.design/site/oxi-1778330048165", "why": "Dark product site for the OXI ONE sequencer: hardware photography and interface renders staged in a moody, precise dark system — strong dark product craft.", "batch": "v1", "flags": [ "403-bot-shield" ], "mode_observed": "dark", "mean_luminance": 24, "mode_agrees": true, "genre_previous": "Landing / marketing", "purpose": "persuade", "archetype": "commerce-catalog", "n": 483, "thumb": "card-thumbs/oxi-instruments@2x.webp", "card": "card-thumbs/oxi-instruments.webp" }, { "genre": "Landing / marketing", "name": "Augen", "url": "https://augen.pro", "mode": "dark", "dimension": "layout", "origin": "US", "source": [ "curation-feed" ], "recognition": "https://recent.design/i/erz4438-augen", "why": "Dark wearable-AI site with full-width product photography, superscript naming system (A¹, B¹) and numbered-section rhythm — systematic editorial layout, godly-tier.", "batch": "v1", "mode_observed": "light", "mean_luminance": 227, "mode_agrees": false, "purpose": "persuade", "archetype": "brand-campaign", "n": 484, "thumb": "card-thumbs/augen@2x.webp", "card": "card-thumbs/augen.webp" }, { "genre": "Sport, clubs & athletes", "name": "Icebug", "url": "https://www.icebug.com/en-GB", "mode": "light", "dimension": "art-direction", "origin": "SE", "source": [ "curation-feed" ], "recognition": "https://recent.design/i/xa3v96i-icebug", "why": "Swedish traction-footwear brand: full-bleed trail photography and confident type carry a real product catalog — non-template commerce in our weakest dimension.", "batch": "v1", "flags": [ "429-bot-shield" ], "mode_observed": "dark", "mean_luminance": 112, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "brand-campaign", "n": 485, "thumb": "card-thumbs/icebug@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/icebug.webp" }, { "genre": "Portfolio / photography", "name": "Cathy Dolle", "url": "https://www.cathydolle.com", "mode": "light", "dimension": "motion", "origin": "FR", "source": [ "curation-feed" ], "recognition": "https://recent.design/i/sayzd67-cathy-dolle", "why": "Interactive designer (Prada Beauty, Zhong Lin) with custom list-slider project navigation and a Playground section — motion-led portfolio, not plain-text.", "batch": "v1", "flags": [ "text-verified-only; visual spot-check recommended" ], "mode_observed": "light", "mean_luminance": 229, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 486, "thumb": "card-thumbs/cathy-dolle@2x.webp", "card": "card-thumbs/cathy-dolle.webp" }, { "genre": "Restaurant / food", "name": "Ancestrel", "url": "https://www.ancestrel.com/", "mode": "light", "dimension": "color", "origin": "GB", "source": [ "bpo" ], "recognition": "https://bpando.org/2026/08/06/all-purpose-natural-wine-ancestrel-identity-brand-design/", "why": "All Purpose (London) ditches every wine cliché for a lurid, acid-toned identity; site carries the full system, custom WP build", "batch": "v1", "mode_observed": "dark", "mean_luminance": 122, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 487, "thumb": "card-thumbs/ancestrel@2x.webp", "card": "card-thumbs/ancestrel.webp" }, { "genre": "Restaurant / food", "name": "LenLen", "url": "https://lenlen.nyc/", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "bpo" ], "recognition": "https://bpando.org/2026/08/04/pentagram-manhattan-thai-restaurant-lenlen/", "why": "Pentagram's 'controlled chaos' identity for a Manhattan shophouse-style Thai spot; bespoke site (no platform markers), dense layered color", "batch": "v1", "mode_observed": "dark", "mean_luminance": 75, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 488, "thumb": "card-thumbs/lenlen@2x.webp", "card": "card-thumbs/lenlen.webp" }, { "genre": "Restaurant / food", "name": "Ray's Waterfront", "url": "https://www.rayswaterfront.com/", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "bpo" ], "recognition": "https://bpando.org/2026/06/18/base-design-rays-waterfront-seafood-branding/", "why": "Base Design's earnest '80s smalltown seafood identity with Caslon's Egyptian; custom Next.js build", "batch": "v1", "mode_observed": "light", "mean_luminance": 213, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 489, "thumb": "card-thumbs/ray-s-waterfront@2x.webp", "card": "card-thumbs/ray-s-waterfront.webp" }, { "genre": "Travel / hospitality", "name": "Theaterbaren", "url": "https://www.theaterbaren.no/", "mode": "dark", "dimension": "typography", "origin": "NO", "source": [ "bpo" ], "recognition": "https://bpando.org/2026/05/26/olssonbarbieri-theaterbaren-norway-brand-identity/", "why": "OlssønBarbieri's melodrama-infused identity rewriting 'formality' (Cordier script + Pyte); small fully bespoke site", "batch": "v1", "mode_observed": "light", "mean_luminance": 220, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 490, "thumb": "card-thumbs/theaterbaren@2x.webp", "card": "card-thumbs/theaterbaren.webp" }, { "genre": "Restaurant / food", "name": "Gaptooth Soda", "url": "https://drinkgaptooth.com/", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "bpo" ], "recognition": "https://bpando.org/2026/04/23/gaptooth-soda-by-saint-urbain/", "why": "Saint Urbain's candy-bright identity (Agipo, Anybody); heavily art-directed storefront", "batch": "v1", "flags": [ "shopify-theme-store-base (Shapes)", "default og meta 'My Store' — needs visual QA before admission" ], "mode_observed": "light", "mean_luminance": 182, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 491, "thumb": "card-thumbs/gaptooth-soda@2x.webp", "card": "card-thumbs/gaptooth-soda.webp" }, { "genre": "Restaurant / food", "name": "Yes! Apples", "url": "https://yesapples.com/", "mode": "light", "dimension": "color", "origin": "US", "source": [ "bpo" ], "recognition": "https://bpando.org/2026/03/31/yes-apples-new-york-orchards-branding-by-blurr-bureau/", "why": "Blurr Bureau's goofy-playful orchard identity (Perfektta, Fraunces, GT Standard); custom-built Shopify theme", "batch": "v1", "mode_observed": "light", "mean_luminance": 198, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 492, "thumb": "card-thumbs/yes-apples@2x.webp", "card": "card-thumbs/yes-apples.webp" }, { "genre": "Watches & jewellery", "name": "Niccolò Pasqualetti", "url": "https://niccolopasqualetti.com/", "mode": "light", "dimension": "typography", "origin": "IT", "source": [ "bpo" ], "recognition": "https://the-brandidentity.com/project/atelier-dyakova-merges-strength-and-fluidity-in-its-identity-for-designer-niccol%C", "why": "Atelier Dyakova designed the identity AND the website itself — structure/flow interplay, Rauschen + Director type; article links the live site", "batch": "v1", "mode_observed": "light", "mean_luminance": 164, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 493, "thumb": "card-thumbs/niccol-pasqualetti@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/niccol-pasqualetti.webp" }, { "genre": "Travel / hospitality", "name": "Château Engalin", "url": "https://chateau-engalin.com/", "mode": "light", "dimension": "layout", "origin": "FR", "source": [ "bpo" ], "recognition": "https://bpando.org/2026/03/10/chateau-engalin-by-pentagram/", "why": "Pentagram London's 'drizzle and drama' identity for a French château venue; article links the live site", "batch": "v1", "mode_observed": "dark", "mean_luminance": 3, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 494, "thumb": "card-thumbs/ch-teau-engalin@2x.webp", "card": "card-thumbs/ch-teau-engalin.webp" }, { "genre": "E-commerce / retail", "name": "Evil Ray", "url": "https://store.evilray.com/", "mode": "light", "dimension": "color", "origin": "NZ", "source": [ "bpo" ], "recognition": "https://bpando.org/2026/01/20/evil-ray-sunscreen-branding-by-seachange/", "why": "Seachange's Mambo-influenced (Reg Mombassa) loud beach-culture identity (Good Sans + Basteleur); custom theme, theme_store_id null", "batch": "v1", "flags": [ "JS-rendered head (empty title via curl) — needs visual QA" ], "mode_observed": "dark", "mean_luminance": 90, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 495, "thumb": "card-thumbs/evil-ray@2x.webp", "card": "card-thumbs/evil-ray.webp" }, { "genre": "Restaurant / food", "name": "Olive + Gourmando", "url": "https://oliveetgourmando.com/en/", "mode": "light", "dimension": "layout", "origin": "CA", "source": [ "bpo" ], "recognition": "https://bpando.org/2025/11/13/olive-and-gourmando-bakery-branding-by-caserne/", "why": "Caserne (renowned for web craft) rebranded the Old-Montreal institution; article links live site", "batch": "v1", "flags": [ "built on Shopify Dawn skeleton — Caserne-customized", "needs visual QA vs template test" ], "mode_observed": "light", "mean_luminance": 231, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 496, "thumb": "card-thumbs/olive-gourmando@2x.webp", "card": "card-thumbs/olive-gourmando.webp" }, { "genre": "Restaurant / food", "name": "Shinpaku", "url": "https://shinpaku.co/", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/shinpaku", "why": "Shhh's bilingual vertical-type layout honors 1,300 years of rice farming: washi-paper texture, ink-black serif/mincho pairing, unhurried scroll pacing that feels ceremonial rather than decorative.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 113, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 497, "thumb": "card-thumbs/shinpaku@2x.webp", "card": "card-thumbs/shinpaku.webp" }, { "genre": "Food & drink producers", "name": "Daikuhara Kintsugi & Antique", "url": "https://daikuhara.jp/", "mode": "light", "dimension": "layout", "origin": "JP", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/daikuhara-kintsugi-and-antique", "why": "Horizontal-scroll gallery by Shhh mirrors a scroll painting: muted earthenware palette, gold-seam accent color drawn from kintsugi itself, generous negative space framing each repaired vessel.", "batch": "v1", "mode_observed": "light", "mean_luminance": 139, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 498, "thumb": "card-thumbs/daikuhara-kintsugi-antique@2x.webp", "card": "card-thumbs/daikuhara-kintsugi-antique.webp" }, { "genre": "Performing arts & festival", "name": "SOIL", "url": "https://soil-net.jp/", "mode": "light", "dimension": "motion", "origin": "JP", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/soil", "why": "Shhh's animated single-weight line-drawing system unifies the whole site; contour lines morph between performers and typography, monochrome ground with sudden stage-light color breaks.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 230, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "n": 499, "thumb": "card-thumbs/soil@2x.webp", "card": "card-thumbs/soil.webp" }, { "genre": "Portfolio / photography", "name": "aircord", "url": "https://aircord.co.jp/en/", "mode": "light", "dimension": "motion", "origin": "JP", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/aircord", "why": "Interactive Annual 31 winner by Garden Eight: flat 2-D planes fold into WebGL depth on scroll, precise grotesk/JP dual typesetting, seamless case-study transitions with no loading seams.", "batch": "v1", "flags": [ "also /project/37554/aircord" ], "mode_observed": "light", "mean_luminance": 131, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 500, "thumb": "card-thumbs/aircord@2x.webp", "card": "card-thumbs/aircord.webp" }, { "genre": "Music / streaming", "name": "Song of America", "url": "https://songofamerica.net/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/song-of-america", "why": "Synoptic Office treats songs as historical documents: sheet-music-inspired serif hierarchy, archival cream/ink palette, timeline weaving recordings, essays and events into one continuous editorial fabric.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 199, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 501, "thumb": "card-thumbs/song-of-america@2x.webp", "card": "card-thumbs/song-of-america.webp" }, { "genre": "Museum & gallery", "name": "The Tremaine Collection", "url": "https://www.tremainecollection.org/", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/the-tremaine-collection", "why": "Synoptic Office's catalogue-raisonné layout: index-card grid meets essayistic deep dives, restrained modernist type echoing the Tremaines' Mondrian-to-Johns holdings, cross-linked provenance browsing.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 102, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 502, "thumb": "card-thumbs/the-tremaine-collection@2x.webp", "card": "card-thumbs/the-tremaine-collection.webp" }, { "genre": "E-commerce / retail", "name": "Mara", "url": "https://marasrl.it/en/", "mode": "light", "dimension": "layout", "origin": "IT", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/mara", "why": "Adoratorio's weightless minimalism: products float on near-white ground, hairline grid, air-thin grotesk, scroll velocity eased so furniture appears to drift — lightness as brand argument.", "batch": "v1", "mode_observed": "mixed", "mean_luminance": 121, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 503, "thumb": "card-thumbs/mara@2x.webp", "card": "card-thumbs/mara.webp" }, { "genre": "Music / streaming", "name": "Molazone", "url": "https://mola-zone.com/en/", "mode": "dark", "dimension": "art-direction", "origin": "FR", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/molazone", "why": "Studio9P builds Yamê's album as explorable universe: Afrofuturist 3-D environments per track, custom display type, sound-reactive transitions — art direction fully in service of the record.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 63, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 504, "thumb": "card-thumbs/molazone@2x.webp", "card": "card-thumbs/molazone.webp" }, { "genre": "Finance / fintech", "name": "Hashgraph Ventures", "url": "https://hashgraphvc.com/", "mode": "dark", "dimension": "motion", "origin": "BE", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/hashgraph-ventures", "why": "Catteeuw/Aufresne/de Boevé submerge a VC site underwater: continuous WebGL descent, caustic light shaders, depth-gauge navigation — a fund pitch with genuine spatial storytelling.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 39, "mode_agrees": true, "purpose": "persuade", "archetype": "software-product", "n": 505, "thumb": "card-thumbs/hashgraph-ventures@2x.webp", "card": "card-thumbs/hashgraph-ventures.webp" }, { "genre": "E-commerce / retail", "name": "Fluid Glass", "url": "https://fluid.glass/", "mode": "light", "dimension": "motion", "origin": "GB", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/fluid-glass", "why": "Exo Ape makes structural glass cinematic: refraction shaders on scroll, cool mineral palette, engineering detail typeset like a monograph — industrial B2B elevated to gallery standard.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 77, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 506, "thumb": "card-thumbs/fluid-glass@2x.webp", "card": "card-thumbs/fluid-glass.webp" }, { "genre": "Furniture, lighting & interiors", "name": "DUCHATEAU", "url": "https://duchateau.com/", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/duchateau-1", "why": "REJOUICE's rebrand site: slow full-bleed material macro shots, engraved-feeling serif, charcoal/oak palette, page transitions like turning lacquered samples — tactile luxury without cliché.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 124, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 507, "thumb": "card-thumbs/duchateau@2x.webp", "card": "card-thumbs/duchateau.webp" }, { "genre": "Architecture practice", "name": "McALPINE", "url": "https://mcalpinehouse.com/", "mode": "light", "dimension": "layout", "origin": "US", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/mcalpine-house", "why": "Locomotive with Design Army: hushed editorial grid, oversized lyrical serif pull-quotes between projects, sepia-warm photography treatment — residential architecture presented as literature.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 128, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 508, "thumb": "card-thumbs/mcalpine@2x.webp", "card": "card-thumbs/mcalpine.webp" }, { "genre": "Games / gaming", "name": "Den of Wolves", "url": "https://denofwolves.com/en", "mode": "dark", "dimension": "interaction", "origin": "SE", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/den-of-wolves", "why": "North Kingdom's techno-thriller teaser: communal code-breaking mechanics, glitching CRT type, biopunk color grade — marketing site that plays like the heist game it sells.", "batch": "v1", "mode_observed": "light", "mean_luminance": 180, "mode_agrees": false, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 509, "thumb": "card-thumbs/den-of-wolves@2x.webp", "card": "card-thumbs/den-of-wolves.webp" }, { "genre": "E-commerce / retail", "name": "KidSuper World", "url": "https://kidsuper.world/", "mode": "light", "dimension": "interaction", "origin": "US", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/kidsuper-world", "why": "Basement Studio renders Colm Dillane's Brooklyn studio as walkable 3-D world: hand-painted textures, doors into collections, arcade humor — maximalist and unmistakably authored.", "batch": "v1", "flags": [ "heavy WebGL" ], "mode_observed": "light", "mean_luminance": 211, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 510, "thumb": "card-thumbs/kidsuper-world@2x.webp", "card": "card-thumbs/kidsuper-world.webp" }, { "genre": "Games / gaming", "name": "Basement Chronicles", "url": "https://chronicles.basement.studio/", "mode": "dark", "dimension": "interaction", "origin": "AR", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/basement-chronicles", "why": "Point-and-click adventure as studio showcase: pixel-art scenes with modern lighting, LucasArts-style verb interactions, synthwave palette — nostalgia executed with contemporary WebGL polish.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 52, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 511, "thumb": "card-thumbs/basement-chronicles@2x.webp", "card": "card-thumbs/basement-chronicles.webp" }, { "genre": "Portfolio / photography", "name": "Oliver Jeffers", "url": "https://oliverjeffers.com/", "mode": "light", "dimension": "art-direction", "origin": "GB", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/oliver-jeffers", "why": "Eyekiller translates Jeffers's picture-book universe: hand-lettered navigation, gouache-textured backdrops, illustrated micro-scenes between sections — the artist's hand present in every pixel.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 106, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 512, "thumb": "card-thumbs/oliver-jeffers@2x.webp", "card": "card-thumbs/oliver-jeffers.webp" }, { "genre": "Portfolio / photography", "name": "Flayks", "url": "https://flayks.com/", "mode": "light", "dimension": "color", "origin": "FR", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/flayks", "why": "Félix Péault balances minimal grid with maximal display type: custom variable font stretching on scroll, acid accent color against paper ground, meticulous hover micro-typography.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 87, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 513, "thumb": "card-thumbs/flayks@2x.webp", "card": "card-thumbs/flayks.webp" }, { "genre": "Type foundry", "name": "Fontwerk", "url": "https://fontwerk.com/en", "mode": "light", "dimension": "typography", "origin": "DE", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/fontwerk", "why": "Sharpened specimen-first redesign: giant live type testers as hero content, disciplined Swiss grid, restrained black/white with per-family accent hues — the fonts are the interface.", "batch": "v1", "collection": "Typography lineage", "mode_observed": "dark", "mean_luminance": 98, "mode_agrees": false, "purpose": "show-work", "archetype": "editorial-publication", "n": 514, "thumb": "card-thumbs/fontwerk@2x.webp", "card": "card-thumbs/fontwerk.webp" }, { "genre": "Film & production", "name": "Ocean Films", "url": "https://oceanfilms.com.br/", "mode": "light", "dimension": "interaction", "origin": "BR", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/ocean-films", "why": "Cuchillo's iPod-style click-wheel navigation spins through directors' reels: instant video scrubbing, chrome-dial centerpiece, tight mono labels — one memorable mechanic, flawlessly executed.", "batch": "v1", "collection": "Immersive photo & video", "mode_observed": "dark", "mean_luminance": 116, "mode_agrees": false, "purpose": "show-work", "archetype": "entertainment-media", "n": 515, "thumb": "card-thumbs/ocean-films@2x.webp", "card": "card-thumbs/ocean-films.webp" }, { "genre": "Events / conferences", "name": "Typeforce 13", "url": "https://typeforce.com/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "commarts" ], "recognition": "https://www.commarts.com/project/38668/typeforce-13", "why": "Interactive Annual 32 winner: Chicago typographic-arts festival site as living specimen, experimental letterforms colliding and reflowing, exuberant palette — typography as both content and interface.", "batch": "v1", "mode_observed": "light", "mean_luminance": 224, "mode_agrees": true, "purpose": "host-institution", "archetype": "event-program", "n": 516, "thumb": "card-thumbs/typeforce-13@2x.webp", "card": "card-thumbs/typeforce-13.webp" }, { "genre": "Blog / news / editorial", "name": "Into the Amazon", "url": "https://www.nationalgeographic.com/into-the-amazon/", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "commarts" ], "recognition": "https://www.commarts.com/webpicks/into-the-amazon", "why": "Gladeye's scrollytelling for NatGeo: river-course navigation spine, illustrated map transitions into photojournalism, layered ambient motion — flagship-level longform editorial design.", "batch": "v1", "flags": [ "famous-brand domain but bespoke editorial feature", "not default homepage" ], "mode_observed": "dark", "mean_luminance": 17, "mode_agrees": false, "purpose": "inform", "archetype": "editorial-publication", "n": 517, "thumb": "card-thumbs/into-the-amazon@2x.webp", "card": "card-thumbs/into-the-amazon.webp" }, { "genre": "Science, space & biotech", "name": "Normal Phenomena of Life", "url": "https://normalphenomena.life", "mode": "light", "dimension": "art-direction", "origin": "GB", "source": [ "gemini-external" ], "recognition": "gemini r12", "why": "Faber Futures x Ginkgo biodesign label; product storytelling framed as science editorial, strong photographic art direction.", "batch": "v1", "collection": "Landing & brand craft", "mode_observed": "dark", "mean_luminance": 113, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "institutional-informational", "n": 518, "thumb": "card-thumbs/normal-phenomena-of-life@2x.webp", "card": "card-thumbs/normal-phenomena-of-life.webp" }, { "genre": "Design agency", "name": "Yeah Agency", "url": "https://yeah.de", "mode": "dark", "dimension": "art-direction", "origin": "DE", "source": [ "gemini-external" ], "recognition": "gemini r12", "why": "German studio on dark #32373c ground, green accent theme; playful anti-corporate kinetic type.", "batch": "v1", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 126, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 519, "thumb": "card-thumbs/yeah-agency@2x.webp", "card": "card-thumbs/yeah-agency.webp" }, { "genre": "Museum & gallery", "name": "Rijksmuseum — Vermeer", "url": "https://www.rijksmuseum.nl/en/johannes-vermeer", "mode": "light", "dimension": "art-direction", "origin": "NL", "source": [ "gemini-external" ], "recognition": "gemini r12", "why": "Museum-grade exhibition hub for the Vermeer blockbuster; deep-zoom painting-first presentation.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 47, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 520, "thumb": "card-thumbs/rijksmuseum-vermeer@2x.webp", "card": "card-thumbs/rijksmuseum-vermeer.webp" }, { "genre": "Games / gaming", "name": "Neva", "url": "https://neva.game", "mode": "light", "dimension": "art-direction", "origin": "ES", "source": [ "gemini-external" ], "recognition": "gemini r12", "why": "Nomada Studio's hand-painted illustration carried into the page itself; seasons-shifting palette.", "batch": "v1", "mode_observed": "light", "mean_luminance": 179, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 521, "thumb": "card-thumbs/neva@2x.webp", "card": "card-thumbs/neva.webp" }, { "genre": "Portfolio / photography", "name": "Makiah Redson — Surveillance", "url": "https://makiahredson.cargo.site/i-may-not-see-you-but-jesus-and-this-camera-does", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "gemini-external" ], "recognition": "gemini r12", "why": "Surveillance-state publication as zine-like standalone page; 3D reflective type, monitor-monochrome palette.", "batch": "v1", "flags": [ "staging-domain" ], "mode_observed": "dark", "mean_luminance": 17, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 522, "thumb": "card-thumbs/makiah-redson-surveillance@2x.webp", "card": "card-thumbs/makiah-redson-surveillance.webp" }, { "genre": "Social / feed", "name": "BEINGS", "url": "https://beings.co/", "mode": "mixed", "dimension": "interaction", "origin": "NZ", "source": [ "gemini-external" ], "recognition": "gemini r12", "why": "Purpose-built casting directory for Aotearoa's POC, Rainbow and Disabled talent; warm brown/cream palette, platform-as-advocacy with product depth.", "batch": "v1", "collection": "Explorables & systems", "mode_observed": "light", "mean_luminance": 169, "mode_agrees": false, "purpose": "inform", "archetype": "software-product", "n": 523, "thumb": "card-thumbs/beings@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/beings.webp" }, { "genre": "Fashion & luxury brand", "name": "Gucci Mystery Unfolds", "url": "https://lafamigliamysteryunfolds.gucci.com/", "mode": "light", "dimension": "art-direction", "origin": "IT", "source": [ "webgames-hunt" ], "recognition": "gemini webgames r12", "why": "MONOGRID's La Famiglia AI interactive mystery in cream/gold #FEF1E1/#CAB588 — luxury-house game craft, Awwwards SOTD 7.37.", "batch": "v1", "flags": [ "canvas", "campaign-expiry" ], "collection": "The maisons", "mode_observed": "dark", "mean_luminance": 21, "mode_agrees": false, "purpose": "sell", "archetype": "commerce-catalog", "n": 524, "thumb": "card-thumbs/gucci-mystery-unfolds@2x.webp", "card": "card-thumbs/gucci-mystery-unfolds.webp" }, { "genre": "Games / gaming", "name": "Lacoste Ace Breaker", "url": "https://members-play.lacoste.com/ace-breaker-rg", "mode": "dark", "dimension": "motion", "origin": "FR", "source": [ "webgames-hunt" ], "recognition": "gemini webgames r12", "why": "Roland-Garros arcade tennis brick-breaker in Lacoste green #082415 and tennis yellow; full-canvas branded WebGL, Awwwards SOTD.", "batch": "v1", "flags": [ "canvas", "audio-gated", "campaign-expiry" ], "mode_observed": "dark", "mean_luminance": 45, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 525, "thumb": "card-thumbs/lacoste-ace-breaker@2x.webp", "card": "card-thumbs/lacoste-ace-breaker.webp" }, { "genre": "Games / gaming", "name": "Wonder Games", "url": "https://wondermakers.games", "mode": "dark", "dimension": "typography", "origin": "FR", "source": [ "webgames-hunt" ], "recognition": "gemini webgames r12", "why": "Electric neon yellow #D4FB08 on pitch black, kinetic architectural type, 'Login Player 1' framing — gaming-native studio identity.", "batch": "v1", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 13, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 526, "thumb": "card-thumbs/wonder-games@2x.webp", "card": "card-thumbs/wonder-games.webp" }, { "genre": "Museum & gallery", "name": "Hanwha Historical Museum", "url": "https://www.hanwhahistoricalmuseum.co.kr/", "mode": "dark", "dimension": "art-direction", "origin": "KR", "source": [ "gpt-external" ], "recognition": "https://www.i-award.or.kr/Web/Assess/FinalCandidateView.aspx?REG_SEQNO=15318", "why": "Restrained black-and-gold palette, elegant curved geometry, and cinematic motion give archival material ceremonial weight — audio docent and navigable archive without the generic corporate timeline.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 198, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 527, "thumb": "card-thumbs/hanwha-historical-museum@2x.webp", "card": "card-thumbs/hanwha-historical-museum.webp" }, { "genre": "Museum & gallery", "name": "Gallery ETRIUM", "url": "https://etrium.art/", "mode": "light", "dimension": "layout", "origin": "KR", "source": [ "gpt-external" ], "recognition": "https://www.i-award.or.kr/Web/Assess/FinalCandidateView.aspx?REG_SEQNO=15381", "why": "Identity borrowed from architectural structure and changing light: generous whitespace, precise grid behavior, and quiet transitions let artwork lead, with a reverse-scroll navigation reveal adding polish.", "batch": "v1", "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 73, "mode_agrees": false, "purpose": "host-institution", "archetype": "institutional-informational", "n": 528, "thumb": "card-thumbs/gallery-etrium@2x.webp", "card": "card-thumbs/gallery-etrium.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Kōzōwood", "url": "https://kozowood.com/en", "mode": "light", "dimension": "art-direction", "origin": "PT", "source": [ "gpt-external" ], "recognition": "https://awards.europeandesign.org/winner/259378", "why": "Slow Zen scroll with field recordings, marimba accents, nature illustration, and refined typography — carefully rationed WebGL keeps commerce contemplative rather than template-retail glossy.", "batch": "v1", "flags": [ "audio-gated" ], "mode_observed": "dark", "mean_luminance": 75, "mode_agrees": false, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "commerce-catalog", "n": 529, "thumb": "card-thumbs/k-z-wood@2x.webp", "card": "card-thumbs/k-z-wood.webp" }, { "genre": "Travel / hospitality", "name": "Woodnest", "url": "https://www.woodnest.no/", "mode": "dark", "dimension": "art-direction", "origin": "NO", "source": [ "gpt-external" ], "recognition": "https://awards.europeandesign.org/winner/262612", "why": "Full-screen landscape photography framed by restrained graphic furniture and an organic, irregular display face; forest tones shift with season while hard-sell commerce patterns are withheld to establish place.", "batch": "v1", "mode_observed": "dark", "mean_luminance": 47, "mode_agrees": true, "purpose": "host-visit", "archetype": "hospitality-place", "n": 530, "thumb": "card-thumbs/woodnest@2x.webp", "card": "card-thumbs/woodnest.webp" }, { "genre": "Design agency", "name": "CLEVER°FRANKE", "url": "https://www.cleverfranke.com/", "mode": "mixed", "dimension": "color", "origin": "NL", "source": [ "gpt-external" ], "recognition": "https://awards.europeandesign.org/winner/260489", "why": "Each project image generates its own palette, feeding an interactive color cloud and treemap-like loading; data-driven transitions turn the portfolio index into a demonstration of the studio's practice.", "batch": "v1", "collection": "Agency craft", "mode_observed": "light", "mean_luminance": 223, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 531, "thumb": "card-thumbs/clever-franke@2x.webp", "card": "card-thumbs/clever-franke.webp" }, { "genre": "Music / streaming", "name": "Backstage with Bon Jovi", "url": "https://backstage.bonjovi.com/", "mode": "dark", "dimension": "interaction", "origin": "US", "source": [ "gpt-external" ], "recognition": "https://neverbland.com/work/backstage-with-bon-jovi", "why": "Three custom 3D rooms hold roughly 50 interactive objects and thousands of archival assets — scroll, WebGL, cinematic lighting, and oversized typography make memorabilia feel spatial and discoverable.", "batch": "v1", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 34, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 532, "thumb": "card-thumbs/backstage-with-bon-jovi@2x.webp", "card": "card-thumbs/backstage-with-bon-jovi.webp" }, { "genre": "Music / streaming", "name": "Radical Face", "url": "https://www.radicalface.com/", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gpt-external" ], "recognition": "https://rogue.studio/work/radical-face", "why": "Books, magazines, and vinyl inform a layered editorial system that feels collected rather than templated — paper-like surfaces, intimate scale changes, and deliberate pacing build a coherent artist universe.", "batch": "v1", "mode_observed": "light", "mean_luminance": 168, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 533, "thumb": "card-thumbs/radical-face@2x.webp", "card": "card-thumbs/radical-face.webp" }, { "genre": "Music / streaming", "name": "A Very Laufey Day", "url": "https://averylaufeyday.com/", "mode": "light", "dimension": "art-direction", "origin": "US", "source": [ "gpt-external" ], "recognition": "https://winners.webbyawards.com/2026/websites-and-mobile-sites/general-desktop-mobile-sites/music/373608/a-very-laufey-d", "why": "Warm illustration, old-world travel cues, stamps, and a downloadable passport turn a release-day activation into a ritual — 75+ city itineraries share one intimate, locally collectible visual system.", "batch": "v1", "flags": [ "campaign-expiry" ], "mode_observed": "mixed", "mean_luminance": 97, "mode_agrees": false, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 534, "thumb": "card-thumbs/a-very-laufey-day@2x.webp", "card": "card-thumbs/a-very-laufey-day.webp" }, { "genre": "Music / streaming", "name": "Octane Mountain", "url": "https://www.octanemountain.com/", "mode": "dark", "dimension": "art-direction", "origin": "US", "source": [ "gpt-external" ], "recognition": "https://www.siteofsites.co/websites/octane-mountain", "why": "Dark cinematic 3D environment extends the album's world-building into an explorable experience — animated one-page sequencing, depth, and game-like transitions feel commissioned, not a themed streaming link hub.", "batch": "v1", "flags": [ "campaign-expiry", "canvas" ], "mode_observed": "dark", "mean_luminance": 15, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 535, "thumb": "card-thumbs/octane-mountain@2x.webp", "card": "card-thumbs/octane-mountain.webp" }, { "genre": "Music / streaming", "name": "Rokudenashi — Rikka Special Site", "url": "https://rokudenashi-ninzin.jp/special/", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "gpt-external" ], "recognition": "https://barks.jp/news/1029404/", "why": "Eight illustrators define distinct track worlds, bound by a restrained composer grid, video modules, and image-led pacing — release-specific art direction materially richer than a standard tracklist microsite.", "batch": "v1", "flags": [ "campaign-expiry" ], "mode_observed": "dark", "mean_luminance": 82, "mode_agrees": false, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 536, "thumb": "card-thumbs/rokudenashi-rikka-special-site@2x.webp", "card": "card-thumbs/rokudenashi-rikka-special-site.webp" }, { "genre": "Portfolio / photography", "name": "Toshihito Endo — Portfolio", "url": "https://toshihito-endo.com/", "mode": "dark", "dimension": "interaction", "origin": "JP", "source": [ "gpt-external" ], "recognition": "https://www.cssdesignawards.com/sites/toshihito-endo-portfolio/47143/", "why": "Projects discovered by moving through an explorable first-person world; React Three Fiber physics gives embodied navigation while visual restraint keeps the portfolio legible inside the game layer.", "batch": "v1", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 26, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 537, "thumb": "card-thumbs/toshihito-endo-portfolio@2x.webp", "card": "card-thumbs/toshihito-endo-portfolio.webp" }, { "genre": "Games / gaming", "name": "SUMMONER", "url": "https://summoner.studio/", "mode": "dark", "dimension": "typography", "origin": "US", "source": [ "gpt-external" ], "recognition": "https://www.cssdesignawards.com/sites/summoner/47301/", "why": "Spare black interface, sharply scaled typography, and reel-led presentation give the studio an authored game-cinematic presence — WebGL as atmosphere and transition, never a substitute for content.", "batch": "v1", "flags": [ "bot-shield", "canvas" ], "mode_observed": "dark", "mean_luminance": 28, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 538, "thumb": "card-thumbs/summoner@2x.webp", "card": "card-thumbs/summoner.webp" }, { "genre": "Publishing & books", "name": "00123 — Artist-Book Publisher", "url": "https://00123-00123.com/", "mode": "light", "dimension": "typography", "origin": "BE", "source": [ "gpt-external" ], "recognition": "https://cargo.site/community/in-use", "why": "A bare typographic catalogue turns title, edition, and price into rhythm; the tiny 'o.' navigation and refusal of commerce chrome make buying secondary to the publisher's editorial identity.", "batch": "v1", "mode_observed": "light", "mean_luminance": 207, "mode_agrees": true, "genre_previous": "E-commerce / retail", "purpose": "sell", "archetype": "editorial-publication", "n": 539, "thumb": "card-thumbs/00123-artist-book-publisher@2x.webp", "card": "card-thumbs/00123-artist-book-publisher.webp" }, { "genre": "Music / streaming", "name": "Lighter Than Air", "url": "https://lighterair.com/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "gpt-external" ], "recognition": "https://cargo.site/community/in-use", "why": "Three blunt entry points — Artists, Records, Presents — and an oversized wordmark menu strip the label to a memorable architecture; absent homepage copy gives typography and catalog imagery authority.", "batch": "v1", "mode_observed": "light", "mean_luminance": 231, "mode_agrees": true, "purpose": "stage-experience", "archetype": "entertainment-media", "n": 540, "thumb": "card-thumbs/lighter-than-air@2x.webp", "card": "card-thumbs/lighter-than-air.webp" }, { "genre": "Architecture practice", "name": "Neri&Hu", "url": "https://www.neriandhu.com", "mode": "light", "dimension": "typography", "origin": "CN", "source": [ "gemini-r13" ], "recognition": "ArchDaily (Neri&Hu practice pages)", "why": "Shanghai research-driven practice; monochrome index typography, drawing-and-photograph interleave, and archival density that treats the portfolio as a designed publication.", "batch": "v2", "graded": "genuine Chipperfield-tier austerity — micro left nav stack, single asymmetric image, whitespace as the design position", "flags": [ "folded-subpage-rows" ], "collection": "Culture, arts & architecture", "mode_observed": "light", "mean_luminance": 206, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 541, "thumb": "card-thumbs/neri-hu@2x.webp", "card": "card-thumbs/neri-hu.webp" }, { "genre": "Architecture practice", "name": "MAD Architects", "url": "https://www.i-mad.com", "mode": "light", "dimension": "art-direction", "origin": "CN", "source": [ "gemini-r13" ], "recognition": "ArchDaily (MAD Architects practice pages)", "why": "Ma Yansong's studio site: full-bleed renders of curvilinear megaprojects, horizontal project drift, and image scale that carries the practice's futurist identity.", "batch": "v2", "graded": "full-bleed architectural photography at scale with restrained mono caption system and bespoke wordmark", "flags": [ "heavy-assets" ], "collection": "Culture, arts & architecture", "mode_observed": "dark", "mean_luminance": 120, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 542, "thumb": "card-thumbs/mad-architects@2x.webp", "card": "card-thumbs/mad-architects.webp" }, { "genre": "Games / gaming", "name": "TOOOTEGRAM", "url": "https://toootegram.tote.co.jp/en/", "mode": "light", "dimension": "art-direction", "origin": "JP", "source": [ "gpt-games" ], "recognition": "gpt games r13", "why": "Japanese 'playable playlist zoo' where candy-bright illustrated animals become tappable sound toys; joyful character art direction and toybox interactions rare in brand campaign sites.", "batch": "v2", "graded": "custom deconstructed display type over candy triangle field, fully committed toybox art direction no template could produce", "flags": [ "canvas", "audio-gated" ], "mode_observed": "light", "mean_luminance": 182, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 543, "thumb": "card-thumbs/toootegram@2x.webp", "card": "card-thumbs/toootegram.webp" }, { "genre": "E-commerce / retail", "name": "Utopia Tokyo Masks", "url": "https://www.utopiatokyo.com/", "mode": "dark", "dimension": "art-direction", "origin": "JP", "source": [ "gpt-games" ], "recognition": "gpt games r13; renamed from Utopia Tokyo to avoid parked-slug collision", "why": "Cyberpunk mask brand in near-black #14171F with alarm-red accents; surveillance-noir tagline 'Masked. Marked. Watched.' styles product retail as dystopian fiction.", "batch": "v2", "graded": "red/black surveillance-HUD system with disciplined grid, custom cut type and real editorial nerve", "flags": [ "canvas" ], "mode_observed": "dark", "mean_luminance": 67, "mode_agrees": true, "purpose": "sell", "archetype": "commerce-catalog", "n": 544, "thumb": "card-thumbs/utopia-tokyo-masks@2x.webp", "card": "card-thumbs/utopia-tokyo-masks.webp" }, { "genre": "Restaurant / food", "name": "Hungry Tiger", "url": "https://www.eathungrytiger.com/", "mode": "light", "dimension": "color", "origin": "US", "source": [ "gpt-games" ], "recognition": "gpt games r13; awwwards SOTD", "why": "DTC Indian sauce brand drenched in hot pink #E0005C; loud fluoro palette, chunky type and playful jar illustration give CPG food genuine shelf-pop energy online.", "batch": "v2", "graded": "huge grotesk over rust textured botanical ground, dotted rules and pill nav — confident CPG art direction", "mode_observed": "dark", "mean_luminance": 83, "mode_agrees": false, "purpose": "sell", "archetype": "hospitality-place", "n": 545, "thumb": "card-thumbs/hungry-tiger@2x.webp", "card": "card-thumbs/hungry-tiger.webp" }, { "genre": "Games / gaming", "name": "Messenger", "url": "https://messenger.abeto.co/", "mode": "light", "dimension": "art-direction", "origin": "ES", "source": [ "gpt-games" ], "recognition": "gpt games r13; awwwards; by Vicente Lucendo & Michael Sungaila", "why": "Abeto's tiny-planet mail-carrier game (2025): soft painterly low-poly world, gentle color script and multiplayer emotes — a browser game as wholesome miniature diorama.", "batch": "v2", "graded": "painterly low-poly island interlocking with chunky custom lettering on flat teal — distinctive, coherent, exceptional", "flags": [ "canvas", "audio-gated" ], "mode_observed": "light", "mean_luminance": 174, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 546, "thumb": "card-thumbs/messenger@2x.webp", "card": "card-thumbs/messenger.webp" }, { "genre": "Games / gaming", "name": "Slow Roads", "url": "https://slowroads.io/", "mode": "light", "dimension": "motion", "origin": "GB", "source": [ "gpt-games" ], "recognition": "gpt games r13; curl gets Cloudflare 403, live in real browsers", "why": "Endless procedurally-generated zen driving in the browser; Edinburgh solo dev's 2022 classic of calm motion — horizon gradients, biome shifts, effortless 60fps WebGL.", "batch": "v2", "graded": "quiet exceptional: soft atmospheric gradient horizon with delicate letterspaced type and near-zero chrome", "flags": [ "canvas", "bot-shield", "classic-pre2024" ], "mode_observed": "light", "mean_luminance": 190, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 547, "thumb": "card-thumbs/slow-roads@2x.webp", "card": "card-thumbs/slow-roads.webp" }, { "genre": "Games / gaming", "name": "Puzzmo", "url": "https://www.puzzmo.com/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "gpt-games" ], "recognition": "gpt games r13", "why": "Zach Gage's daily puzzle paper: hand-drawn display type, newsprint layout and pencil-sketch illustration give web games an editorial, crossword-page identity.", "batch": "v2", "graded": "newsprint three-column grid, custom logotype and hand-drawn puzzle iconography — editorial craft rare in a web app", "mode_observed": "light", "mean_luminance": 202, "mode_agrees": true, "purpose": "stage-experience", "archetype": "interactive-experience", "n": 548, "thumb": "card-thumbs/puzzmo@2x.webp", "card": "card-thumbs/puzzmo.webp" }, { "genre": "Events / conferences", "name": "A MAZE Berlin 2026", "url": "https://2026.amaze-berlin.de/", "mode": "dark", "dimension": "layout", "origin": "DE", "source": [ "gpt-games" ], "recognition": "gpt games r13; May 2026 festival, site persists as archive", "why": "15th A MAZE playful-media festival site: anarchic raw greys over black, oversized dates and game-culture visual language fitting Berlin's indie-games scene.", "batch": "v2", "graded": "pixel-degraded serif stack over raw grey with hot-pink chrome; anarchic type experiment, unmistakably human-made", "flags": [ "campaign-expiry" ], "mode_observed": "light", "mean_luminance": 146, "mode_agrees": false, "purpose": "host-institution", "archetype": "event-program", "n": 549, "thumb": "card-thumbs/a-maze-berlin-2026@2x.webp", "card": "card-thumbs/a-maze-berlin-2026.webp" }, { "genre": "Design agency", "name": "Hardy Design", "url": "https://www.hardy.design", "mode": "light", "dimension": "typography", "origin": "BR", "source": [ "gemini-r14" ], "recognition": "gemini-r14 Global South lane", "why": "Brazilian brand-strategy agency on a fully custom Laravel/Livewire build; precise editorial Portuguese copy and bespoke engineering signal an agency treating its own site as the primary case study.", "batch": "v2", "graded": "full-bleed architectural photography with tiny overlay nav and confident geometric type — the north-star pattern executed cleanly", "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 123, "mode_agrees": false, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 550, "thumb": "card-thumbs/hardy-design@2x.webp", "card": "card-thumbs/hardy-design.webp" }, { "genre": "Design agency", "name": "Revelatio Studio", "url": "https://revelatio.studio", "mode": "dark", "dimension": "art-direction", "origin": "BR", "source": [ "gemini-r14" ], "recognition": "gemini-r14 Global South lane", "why": "São Paulo branding, product-design and code studio; heavyweight dark Webflow build (500KB page) whose black-canvas art direction and asset density read as a deliberate showcase surface.", "batch": "v2", "graded": "bespoke ASCII/CRT-curved image treatment on near-black with restrained pill nav; distinctive art direction, not a Webflow default", "flags": [ "webflow" ], "collection": "Agency craft", "mode_observed": "dark", "mean_luminance": 10, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 551, "thumb": "card-thumbs/revelatio-studio@2x.webp", "card": "card-thumbs/revelatio-studio.webp" }, { "genre": "Restaurant / food", "name": "Ballena", "url": "https://ballenacabo.com", "mode": "dark", "dimension": "art-direction", "origin": "MX", "source": [ "gpt-r14" ], "recognition": "gpt-r14 Global South lane", "why": "Fine-dining restaurant in San José del Cabo; moody coastal art direction and menu presentation for a Mexican destination restaurant courting an international audience.", "batch": "v2", "graded": "full-bleed atmospheric video, tiny overlay nav, wide-tracked restraint — exactly the north star, confirmed on mobile", "mode_observed": "dark", "mean_luminance": 61, "mode_agrees": true, "purpose": "sell", "archetype": "hospitality-place", "n": 552, "thumb": "card-thumbs/ballena@2x.webp", "card": "card-thumbs/ballena.webp" }, { "genre": "Design agency", "name": "Buena Suerte", "url": "https://buenasuerte.cl", "mode": "mixed", "dimension": "typography", "origin": "CL", "source": [ "gpt-r14" ], "recognition": "gpt-r14 Global South lane; seen in commarts webpicks scrape (round12 raw log, never pipelined)", "why": "Santiago design studio with bold typographic identity; Chilean graphic-design craft that has surfaced in international curation feeds, expressive display type over a confident grid.", "batch": "v2", "graded": "oversized cropped wordmark bleeding past the frame over a saturated project grid; genuine typographic authorship", "collection": "Agency craft", "mode_observed": "mixed", "mean_luminance": 135, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 553, "thumb": "card-thumbs/buena-suerte@2x.webp", "card": "card-thumbs/buena-suerte.webp" }, { "genre": "Portfolio / photography", "name": "Gavin Schneider Productions", "url": "https://gsproductions.co.za", "mode": "light", "dimension": "art-direction", "origin": "ZA", "source": [ "gpt-r14" ], "recognition": "gpt-r14 Global South lane", "why": "South African photography and production company portfolio; image-led presentation where the grading question is whether the site's own art direction matches the photographic work it showcases.", "batch": "v2", "graded": "quiet editorial grid — off-center image column, far-right credit metadata, generous air; restraint executed perfectly", "mode_observed": "light", "mean_luminance": 204, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 554, "thumb": "card-thumbs/gavin-schneider-productions@2x.webp", "card": "card-thumbs/gavin-schneider-productions.webp" }, { "genre": "Portfolio / photography", "name": "Sun Hung", "url": "https://www.sunhung.net", "mode": "dark", "dimension": "interaction", "origin": "VN", "source": [ "gpt-r14" ], "recognition": "gpt-r14 Global South lane", "why": "Vietnamese web/UI-UX designer's personal portfolio; heavy single-page build with bespoke interactions, a direct read on individual craft ambition in Vietnam's design scene.", "batch": "v2", "graded": "bespoke logotype, embossed type behind a hard-lit red portrait, disciplined mono label grid", "mode_observed": "dark", "mean_luminance": 24, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 555, "thumb": "card-thumbs/sun-hung@2x.webp", "card": "card-thumbs/sun-hung.webp" }, { "genre": "Travel / hospitality", "name": "The Gallivant", "url": "https://thegallivant.co.uk/", "mode": "light", "dimension": "typography", "origin": "GB", "source": [ "gemini-r15" ], "recognition": "gemini-r15 hospitality lane", "why": "Camber Sands coastal hotel on a fully custom WordPress theme; breezy seaside palette, relaxed editorial voice and beach-club art direction distinct from boutique-hotel template norms.", "batch": "v2", "graded": "sage ground with oversized editorial didone and magenta accent — real color and type personality, no slider template", "mode_observed": "light", "mean_luminance": 154, "mode_agrees": true, "purpose": "host-visit", "archetype": "hospitality-place", "n": 556, "thumb": "card-thumbs/the-gallivant@2x.webp", "card": "card-thumbs/the-gallivant.webp" }, { "genre": "Travel / hospitality", "name": "Sowaka", "url": "https://sowaka.com/", "mode": "light", "dimension": "typography", "origin": "JP", "source": [ "gemini-r15" ], "recognition": "gemini-r15 hospitality lane; submitted /en/ now 404s — Japanese root is the live site", "why": "Gion Kyoto small-luxury ryokan in a restored sukiya-style teahouse; vertical-rhythm Japanese typography, paper-toned palette and restrained photography carry machiya craft into the site itself.", "batch": "v2", "graded": "cinematic full-bleed machiya photography with vertical Japanese setting and delicate script mark — bespoke Kyoto craft, minimal chrome", "flags": [ "jp-language" ], "mode_observed": "dark", "mean_luminance": 91, "mode_agrees": false, "purpose": "host-visit", "archetype": "hospitality-place", "n": 557, "thumb": "card-thumbs/sowaka@2x.webp", "card": "card-thumbs/sowaka.webp" }, { "genre": "Travel / hospitality", "name": "7132 Hotel", "url": "https://7132.com/en/", "mode": "dark", "dimension": "typography", "origin": "CH", "source": [ "gemini-r15" ], "recognition": "gemini-r15 hospitality lane; curl 403 (Cloudflare) but renders 200 in real headless Chrome — capture should pass", "why": "Vals hotel built around Zumthor's thermal baths; monolithic typography, stone-textured photography and architecture-led storytelling matching the quartzite building's gravity.", "batch": "v2", "graded": "tiny overlay nav over full-bleed alpine photography with no tagline at all — the restraint north star, distinctive numeral wordmark", "flags": [ "bot-protection" ], "mode_observed": "dark", "mean_luminance": 96, "mode_agrees": true, "purpose": "host-visit", "archetype": "hospitality-place", "n": 558, "thumb": "card-thumbs/7132-hotel@2x.webp", "card": "card-thumbs/7132-hotel.webp" }, { "genre": "Designer & studio portfolio", "name": "Yellow Fellow", "url": "https://yellowfellow.tv/", "mode": "light", "dimension": "motion", "origin": "IL", "source": [ "gemini-r15" ], "recognition": "resolved from https://mindsparklemag.com/website/yellow-fellow (visit-site link)", "why": "Motion studio portfolio by Guy Trefler built around a lemon-eye mascot; playful custom interactive animations where the studio's motion craft is the interface itself.", "batch": "v2", "graded": "chartreuse monochrome with monumental display italic and collage objects — unmistakably authored", "collection": "Immersive photo & video", "mode_observed": "light", "mean_luminance": 240, "mode_agrees": true, "purpose": "show-work", "archetype": "portfolio-showcase", "n": 559, "thumb": "card-thumbs/yellow-fellow@2x.webp", "card": "card-thumbs/yellow-fellow.webp" }, { "genre": "Fitness", "name": "Phive Clubs", "url": "https://phive.pt/", "mode": "mixed", "dimension": "typography", "origin": "PT", "source": [ "gpt-r18" ], "recognition": "https://www.cssdesignawards.com/sites/phive-clubs/47760/", "why": "Large condensed type, disciplined video crops and scroll-linked section changes make a gym network feel editorial rather than template-based.", "batch": "v2", "graded": "yellow condensed marquee band slicing full-bleed athletic photography — colour doing structural work", "purpose": "persuade", "archetype": "service-consumer", "n": 560, "thumb": "card-thumbs/phive-clubs@2x.webp", "card": "card-thumbs/phive-clubs.webp" }, { "genre": "Developer tool", "name": "Sazabi", "url": "https://www.sazabi.com/", "mode": "dark", "dimension": "layout", "origin": "US", "source": [ "gpt-r18" ], "recognition": "https://www.landing.love/sites/sazabi/", "why": "Real alert, debugging and agent-chat excerpts form the narrative spine, grounding observability in recognisable team moments.", "batch": "v2", "graded": "committed cinematic cockpit art direction with condensed display type, coherent dark red/blue palette", "purpose": "operate", "archetype": "software-product", "n": 561, "thumb": "card-thumbs/sazabi@2x.webp", "card": "card-thumbs/sazabi.webp" }, { "genre": "Social / feed", "name": "FOLLOW.ART", "url": "https://follow.art/", "mode": "mixed", "dimension": "color", "origin": "GB", "source": [ "gpt-r18" ], "recognition": "https://www.cssdesignawards.com/sites/follow-art/48654/", "why": "High-chroma moving-image clusters and variable crops are disciplined by a modular card and navigation grammar that mirrors discovery, following and artist support.", "batch": "v2", "graded": "edge-bleeding display type over saturated orange with warped 3D card cluster — colour and scale carry the whole identity", "flags": [ "canvas" ], "purpose": "inform", "archetype": "software-product", "n": 562, "thumb": "card-thumbs/follow-art@2x.webp", "card": "card-thumbs/follow-art.webp" }, { "genre": "Finance / fintech", "name": "CRED Money", "url": "https://cred.club/money", "mode": "mixed", "dimension": "color", "origin": "IN", "source": [ "gpt-r18" ], "recognition": "https://www.landing.love/sites/cred-money/", "why": "Illustrated rupee narratives and high-chroma financial UI make credit and money flows legible without default fintech blue.", "batch": "v2", "graded": "full-bleed cinematic temple render with tight condensed caps and a letterspaced tab rail — no fintech blue anywhere", "flags": [ "js-shell" ], "purpose": "persuade", "archetype": "software-product", "n": 563, "thumb": "card-thumbs/cred-money@2x.webp", "card": "card-thumbs/cred-money.webp" }, { "genre": "Blog / news / editorial", "name": "CITIUS MAG", "url": "https://citiusmag.com/", "mode": "light", "dimension": "typography", "origin": "US", "source": [ "gpt-r18" ], "recognition": "https://www.awwwards.com/sites/citius-mag", "why": "Athletics photography, scoreboard-like metadata and magazine-scale headlines create real editorial hierarchy across daily coverage.", "batch": "v2", "graded": "running-track oval as framing device with red type set on the curve against deep maroon", "purpose": "inform", "archetype": "editorial-publication", "n": 564, "thumb": "card-thumbs/citius-mag@2x.webp", "card": "card-thumbs/citius-mag.webp" }, { "genre": "Events / conferences", "name": "Unseen Studio 2025 Wrapped", "url": "https://2025.unseen.co/", "mode": "dark", "dimension": "typography", "origin": "GB", "source": [ "gpt-r18" ], "recognition": "https://www.awwwards.com/sites/unseen-studio-2025-wrapped", "why": "A month-by-month horizontal archive uses letter-spaced month markers and production codes as a repeatable editorial grammar.", "batch": "v2", "graded": "yellow display caps and swash serif over an ASCII particle field with bracketed production codes", "flags": [ "campaign-expiry" ], "purpose": "host-institution", "archetype": "event-program", "n": 565, "thumb": "card-thumbs/unseen-studio-2025-wrapped@2x.webp", "card": "card-thumbs/unseen-studio-2025-wrapped.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Banmoo", "url": "https://banmoo.cn/zh/", "mode": "light", "dimension": "art-direction", "origin": "CN", "why": "A warm olive ground with a single suspended chair render and vertical Chinese type — Chinese contemporary furniture given the restraint usually reserved for Scandinavian brands.", "recognition": "Shanghai design circuit", "purpose": "sell", "archetype": "commerce-catalog", "n": 566, "thumb": "card-thumbs/banmoo@2x.webp", "card": "card-thumbs/banmoo.webp" }, { "genre": "Wine, spirits & brewing", "name": "Château Margaux", "url": "https://chateau-margaux.com/", "mode": "light", "dimension": "art-direction", "origin": "FR", "why": "Full-bleed photography of the avenue and the château under an arced serif wordmark and a nav small enough to disappear — the corpus north star applied to a first-growth estate.", "recognition": "Decanter", "purpose": "sell", "archetype": "commerce-catalog", "n": 567, "thumb": "card-thumbs/ch-teau-margaux@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/ch-teau-margaux.webp" }, { "genre": "Dashboard / analytics", "name": "earth :: a global map of wind", "url": "https://earth.nullschool.net/", "mode": "dark", "dimension": "color", "origin": "US", "why": "Wind and ocean current rendered as a living globe where the colour scale is the entire interface: hue carries speed and temperature, and no legend is needed to read it.", "recognition": "Independent find", "purpose": "operate", "archetype": "software-product", "n": 568, "thumb": "card-thumbs/earth-a-global-map-of-wind@2x.webp", "card": "card-thumbs/earth-a-global-map-of-wind.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Karimoku Case", "url": "https://www.karimoku-case.com/", "mode": "light", "dimension": "art-direction", "origin": "JP", "why": "Interior photography running the full frame with a nav reduced to almost nothing; the furniture is shown in the rooms it was designed for rather than on a white ground.", "recognition": "Good Design Award", "purpose": "sell", "archetype": "commerce-catalog", "n": 569, "thumb": "card-thumbs/karimoku-case@2x.webp", "card": "card-thumbs/karimoku-case.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Marset", "url": "https://www.marset.com/en/", "mode": "light", "dimension": "color", "origin": "ES", "why": "‘An Atlas of Light’ set over an amber lighting macro — the palette is drawn from the glow of the products themselves rather than applied over them.", "recognition": "Dezeen Awards", "purpose": "sell", "archetype": "commerce-catalog", "n": 570, "thumb": "card-thumbs/marset@2x.webp", "card": "card-thumbs/marset.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Muuto", "url": "https://www.muuto.com/", "mode": "light", "dimension": "color", "origin": "DK", "why": "A saturated yellow field carrying display type at scale with product insets cut into it; colour used as structure rather than as an accent on neutral.", "recognition": "Monocle", "purpose": "sell", "archetype": "commerce-catalog", "n": 571, "thumb": "card-thumbs/muuto@2x.webp", "card": "card-thumbs/muuto.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Nikari", "url": "https://nikari.fi/", "mode": "light", "dimension": "layout", "origin": "FI", "why": "A single wooden trolley in a near-empty room, the page almost all air. Finnish restraint argued through spacing rather than stated.", "recognition": "Nordic design index", "purpose": "sell", "archetype": "commerce-catalog", "n": 572, "thumb": "card-thumbs/nikari@2x.webp", "card": "card-thumbs/nikari.webp" }, { "genre": "Fashion & luxury brand", "name": "Raw Mango", "url": "https://rawmango.com/", "mode": "light", "dimension": "art-direction", "origin": "IN", "why": "A sari photographed against cream at editorial pace, handloom textile treated with the seriousness of couture rather than of catalogue commerce.", "recognition": "D&AD Impact India", "purpose": "sell", "archetype": "commerce-catalog", "n": 573, "thumb": "card-thumbs/raw-mango@2x.webp", "card": "card-thumbs/raw-mango.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Santa & Cole", "url": "https://santacole.com/", "mode": "light", "dimension": "art-direction", "origin": "ES", "why": "‘Minimal and Monumental’ under a row of suspended lamps, the photography lit so the products carry the composition on their own.", "recognition": "Pentawards", "purpose": "sell", "archetype": "commerce-catalog", "n": 574, "thumb": "card-thumbs/santa-cole@2x.webp", "card": "card-thumbs/santa-cole.webp" }, { "genre": "Furniture, lighting & interiors", "name": "USM", "url": "https://www.usm.com/", "mode": "light", "dimension": "color", "origin": "CH", "why": "A macro of the Haller panel in red and orange filling the frame — the modular system's own enamel palette used as the page's colour language.", "recognition": "Apartamento", "purpose": "sell", "archetype": "commerce-catalog", "n": 575, "thumb": "card-thumbs/usm@2x.webp", "card": "card-thumbs/usm.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Vibia", "url": "https://vibia.com/", "mode": "dark", "dimension": "art-direction", "origin": "ES", "why": "A dark interior lit only by the lamps being sold, so the product photography and the atmosphere are the same act.", "recognition": "Dezeen lighting", "purpose": "sell", "archetype": "commerce-catalog", "n": 576, "thumb": "card-thumbs/vibia@2x.webp", "card": "card-thumbs/vibia.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Wästberg", "url": "https://www.wastberg.com/en", "mode": "light", "dimension": "layout", "origin": "SE", "why": "Plants and task lighting photographed in situ with display type slicing across the frame, the crop doing the compositional work.", "recognition": "Frame Awards", "purpose": "sell", "archetype": "commerce-catalog", "n": 577, "thumb": "card-thumbs/w-stberg@2x.webp", "card": "card-thumbs/w-stberg.webp" }, { "genre": "Audio, instruments & hardware", "name": "Analogue", "url": "https://www.analogue.co/", "mode": "light", "dimension": "art-direction", "origin": "US", "why": "Console and cartridge renders floated on grey at exacting scale, hardware photographed as an object rather than as a product shot.", "recognition": "Grilli Type in use", "purpose": "sell", "archetype": "commerce-catalog", "n": 578, "thumb": "card-thumbs/analogue@2x.webp", "card": "card-thumbs/analogue.webp" }, { "genre": "Maritime & yachts", "name": "Wally", "url": "https://www.wally.com/en-us/", "mode": "light", "dimension": "art-direction", "origin": "IT", "why": "A yacht set against cliffs in wide format with the interface almost absent — the confidence to let one photograph carry the whole viewport.", "recognition": "Frame Design Awards", "purpose": "sell", "archetype": "hospitality-place", "n": 579, "thumb": "card-thumbs/wally@2x.webp", "card": "card-thumbs/wally.webp" }, { "genre": "Stationery & paper goods", "name": "Kakimori", "url": "https://kakimori.com/", "mode": "light", "dimension": "art-direction", "origin": "JP", "why": "Pens laid on ruled paper, shot macro, the page quiet enough that the material does the talking. A Tokyo stationery studio translating tactility to screen.", "recognition": "Independent find", "purpose": "sell", "archetype": "commerce-catalog", "n": 580, "thumb": "card-thumbs/kakimori@2x.webp", "card": "card-thumbs/kakimori.webp" }, { "genre": "Wine, spirits & brewing", "name": "Babylonstoren", "url": "https://babylonstoren.com/", "mode": "light", "dimension": "art-direction", "origin": "ZA", "why": "The formal garden shot from above so its geometry becomes the layout, under an elegant serif. A Cape Dutch estate treated as landscape architecture.", "recognition": "Independent find", "purpose": "sell", "archetype": "commerce-catalog", "n": 581, "thumb": "card-thumbs/babylonstoren@2x.webp", "card": "card-thumbs/babylonstoren.webp" }, { "genre": "Blog / news / editorial", "name": "Kontinentalist", "url": "https://kontinentalist.com/", "mode": "light", "dimension": "art-direction", "origin": "SG", "why": "Data stories about Asia fronted by commissioned illustration rather than stock charts, each card carrying its own visual argument.", "recognition": "Independent find", "purpose": "inform", "archetype": "editorial-publication", "n": 582, "thumb": "card-thumbs/kontinentalist@2x.webp", "card": "card-thumbs/kontinentalist.webp" }, { "genre": "Wine, spirits & brewing", "name": "D'YAVOL", "url": "https://www.dyavol.com/", "mode": "dark", "dimension": "art-direction", "origin": "IN", "why": "Bottles staged against deep red drapery under raking light — luxury spirits shot like a film still rather than a product listing.", "recognition": "Awwwards", "purpose": "sell", "archetype": "commerce-catalog", "n": 583, "thumb": "card-thumbs/d-yavol@2x.webp", "card": "card-thumbs/d-yavol.webp" }, { "genre": "Blog / news / editorial", "name": "LURU Magazine", "url": "https://www.lurumagazine.com/", "mode": "light", "dimension": "typography", "origin": "IN", "why": "A risograph-green cover set beside its own editorial type, an independent Bengaluru quarterly whose site reads as an extension of the printed object.", "recognition": "Kyoorius Design Awards", "purpose": "inform", "archetype": "editorial-publication", "n": 584, "thumb": "card-thumbs/luru-magazine@2x.webp", "card": "card-thumbs/luru-magazine.webp" }, { "genre": "Film & production", "name": "Psyop", "url": "https://www.psyop.com/", "mode": "light", "dimension": "typography", "origin": "US", "why": "‘An independent, artist-led studio collective built on craft and innovation’ set in monospace on white, and almost nothing else. A huge animation archive introduced by restraint.", "recognition": "Studio Freight", "purpose": "show-work", "archetype": "entertainment-media", "n": 585, "thumb": "card-thumbs/psyop@2x.webp", "card": "card-thumbs/psyop.webp" }, { "genre": "Ski, mountain & expedition", "name": "Black Crows", "url": "https://www.black-crows.com/", "mode": "light", "dimension": "layout", "origin": "FR", "why": "A ski listing where each render is cut out at exacting scale against white, the Chamonix chevron system carrying the identity without decoration.", "recognition": "Independent alpine brand", "purpose": "sell", "archetype": "hospitality-place", "n": 586, "thumb": "card-thumbs/black-crows@2x.webp", "card": "card-thumbs/black-crows.webp" }, { "genre": "Non-profit & institutional", "name": "foodculture days", "url": "https://foodculturedays.com", "mode": "light", "dimension": "typography", "origin": "CH", "why": "Food photography set beside a stark uppercase index in ABC Dinamo's Diatype, a bilingual grid that refuses hierarchy and works anyway.", "recognition": "Dinamo type in use", "purpose": "host-institution", "archetype": "institutional-informational", "n": 587, "thumb": "card-thumbs/foodculture-days@2x.webp", "card": "card-thumbs/foodculture-days.webp" }, { "genre": "Archives, memorials & remembrance", "name": "Letterform Archive", "url": "https://letterformarchive.org/", "mode": "light", "dimension": "typography", "origin": "US", "why": "Modernist poster work reproduced at scale in yellow, red and black, the archive's own holdings used as the interface's visual language.", "recognition": "Independent find", "purpose": "host-institution", "archetype": "institutional-informational", "n": 588, "thumb": "card-thumbs/letterform-archive@2x.webp", "card": "card-thumbs/letterform-archive.webp" }, { "genre": "Blog / news / editorial", "name": "Nothing Personal", "url": "https://www.mozillafoundation.org/en/nothing-personal/", "mode": "light", "dimension": "typography", "origin": "US", "why": "Highlighter-yellow marker type, hard black borders and pop-up framing — an editorial platform that looks deliberately web-native rather than print-derived.", "recognition": "It's Nice That", "purpose": "inform", "archetype": "editorial-publication", "n": 589, "thumb": "card-thumbs/nothing-personal@2x.webp", "card": "card-thumbs/nothing-personal.webp" }, { "genre": "Wine, spirits & brewing", "name": "IWA Sake", "url": "https://iwa-sake.jp/", "mode": "light", "dimension": "art-direction", "origin": "JP", "why": "A black bottle top shot macro on grey and essentially nothing else. Kengo Kuma's kura and Marc Newson's bottle answered with the same restraint on screen.", "recognition": "Independent find", "purpose": "sell", "archetype": "commerce-catalog", "n": 590, "thumb": "card-thumbs/iwa-sake@2x.webp", "card": "card-thumbs/iwa-sake.webp" }, { "genre": "Portfolio / photography", "name": "Wendy Andrade", "url": "https://www.wendyandrade.co/en", "mode": "light", "dimension": "typography", "origin": "BR", "why": "‘Without Saying A Word.’ set at display scale with a photograph dropped into the counter of the type — image and language moving as one current rather than as a grid.", "recognition": "D&AD", "purpose": "show-work", "archetype": "portfolio-showcase", "n": 591, "thumb": "card-thumbs/wendy-andrade@2x.webp", "card": "card-thumbs/wendy-andrade.webp" }, { "genre": "Education / learning", "name": "Signs", "url": "https://signs-ai.com/", "mode": "light", "dimension": "interaction", "origin": "US", "why": "A 3D avatar signing on a violet gradient, with the webcam as the input — the body becomes the control surface, which is a genuinely different interaction premise.", "recognition": "D&AD", "purpose": "explain", "archetype": "institutional-informational", "n": 592, "thumb": "card-thumbs/signs@2x.webp", "card": "card-thumbs/signs.webp" }, { "genre": "Data journalism & interactive story", "name": "Our World in Data", "url": "https://ourworldindata.org/", "mode": "light", "dimension": "layout", "origin": "GB", "why": "Fourteen thousand charts organised into a browsable editorial system where the entry points are typeset rather than listed — density handled without collapsing into a dashboard.", "recognition": "Independent find", "purpose": "explain", "archetype": "interactive-experience", "n": 593, "thumb": "card-thumbs/our-world-in-data@2x.webp", "card": "card-thumbs/our-world-in-data.webp" }, { "genre": "Research labs & institutes", "name": "Santa Fe Institute", "url": "https://www.santafe.edu/", "mode": "light", "dimension": "layout", "origin": "US", "why": "Complex-systems research carried by a modular editorial grid, with commissioned scientific imagery instead of the stock abstractions the sector defaults to.", "recognition": "Independent find", "purpose": "inform", "archetype": "institutional-informational", "n": 594, "thumb": "card-thumbs/santa-fe-institute@2x.webp", "card": "card-thumbs/santa-fe-institute.webp" }, { "genre": "Wellness / health", "name": "C the Signs", "url": "https://www.cthesigns.com/", "mode": "light", "dimension": "art-direction", "origin": "GB", "why": "A cream ground, a purple butterfly mark and \"We are redefining the future of cancer\" set plainly — warmth and restraint where clinical-AI branding defaults to cold blue abstraction.", "recognition": "DixonBaxi / Creative Review", "purpose": "persuade", "archetype": "service-consumer", "n": 595, "thumb": "card-thumbs/c-the-signs@2x.webp", "card": "card-thumbs/c-the-signs.webp" }, { "genre": "Résumé & personal identity", "name": "Giulia Boggio", "url": "https://www.giuliaboggio.xyz/", "mode": "light", "dimension": "typography", "origin": "IT", "why": "\"Giulia B\" set at viewport scale in heavy black grotesk with the work indexed around it — a one-person site carrying everything on typographic nerve.", "recognition": "Type01 / Fonts In Use", "purpose": "apply", "archetype": "portfolio-showcase", "n": 596, "thumb": "card-thumbs/giulia-boggio@2x.webp", "card": "card-thumbs/giulia-boggio.webp" }, { "genre": "Museum & gallery", "name": "MoMA PS1", "url": "https://www.momaps1.org/en/home", "mode": "light", "dimension": "color", "origin": "US", "why": "Colour-blocked panels in green, mint and pink carry programme, calendar and visit as distinct fields, with PS1 Slab as the protagonist rather than a wordmark.", "recognition": "PORTO ROCHA", "purpose": "host-institution", "archetype": "institutional-informational", "n": 597, "thumb": "card-thumbs/moma-ps1@2x.webp", "card": "card-thumbs/moma-ps1.webp" }, { "genre": "Wine, spirits & brewing", "name": "Nc'nean", "url": "https://ncnean.com/", "mode": "light", "dimension": "typography", "origin": "GB", "why": "Botanical line drawings on pale green under letterspaced small caps — an organic Highland distillery arguing its case through restraint rather than heritage cliché.", "recognition": "Independent find", "purpose": "sell", "archetype": "commerce-catalog", "n": 598, "thumb": "card-thumbs/nc-nean@2x.webp", "card": "card-thumbs/nc-nean.webp" }, { "genre": "Performing arts & festival", "name": "NTGent", "url": "https://www.ntgent.be/en", "mode": "light", "dimension": "art-direction", "origin": "BE", "why": "Cut-out flax flowers, a trout and a planet collaged around a serif headline, with the playwright's handwriting recurring as a layer — a city theatre whose site is visibly authored.", "recognition": "Base Design", "purpose": "host-institution", "archetype": "event-program", "n": 599, "thumb": "card-thumbs/ntgent@2x.webp", "card": "card-thumbs/ntgent.webp" }, { "genre": "Museum & gallery", "name": "Payana", "url": "https://www.payanamuseum.com/", "mode": "dark", "dimension": "art-direction", "origin": "IN", "why": "Classic cars photographed in a Mysuru pavilion under \"Celebrating Automotive Heritage\" in a thin display serif — a private collection given the register of a museum rather than a showroom.", "recognition": "India Design Awards", "purpose": "host-institution", "archetype": "institutional-informational", "n": 600, "thumb": "card-thumbs/payana@2x.webp", "card": "card-thumbs/payana.webp" }, { "genre": "Music / streaming", "name": "The Warehouse Project", "url": "https://www.thewarehouseproject.com", "mode": "dark", "dimension": "art-direction", "origin": "GB", "why": "A black-and-white crowd photograph behind a circular twenty-year seal — a Manchester club series whose site looks like a record sleeve rather than a ticketing page.", "recognition": "Accept & Proceed", "purpose": "stage-experience", "archetype": "entertainment-media", "n": 601, "thumb": "card-thumbs/the-warehouse-project@2x.webp", "card": "card-thumbs/the-warehouse-project.webp" }, { "genre": "Music / streaming", "name": "Women at Work", "url": "https://womenatworkbyhey.com", "mode": "dark", "dimension": "motion", "origin": "ES", "why": "A scanner beam of teal and olive sweeps behind heavy white display type — one motion device carried across identity, site and episode art.", "recognition": "Hey Studio", "purpose": "stage-experience", "archetype": "entertainment-media", "n": 602, "thumb": "card-thumbs/women-at-work@2x.webp", "card": "card-thumbs/women-at-work.webp" }, { "genre": "Crypto / web3", "name": "zkPass", "url": "https://zkpass.org", "mode": "dark", "dimension": "art-direction", "origin": "US", "why": "A dot-matrix engraving of cupped hands under \"Privacy & Trust Layer for the Verifiable Internet\" in serif and italic — web3 without a single gradient or neon accent.", "recognition": "Studio Freight", "purpose": "persuade", "archetype": "software-product", "n": 603, "thumb": "card-thumbs/zkpass@2x.webp", "card": "card-thumbs/zkpass.webp" }, { "genre": "E-commerce / retail", "name": "Ace & Tate", "url": "https://www.aceandtate.com", "mode": "light", "dimension": "art-direction", "origin": "NL", "why": "Contact lenses shot as glass sculpture on a blue field, the product photographed as an object of interest rather than as stock.", "recognition": "Base Design", "purpose": "sell", "archetype": "commerce-catalog", "n": 604, "thumb": "card-thumbs/ace-tate@2x.webp", "card": "card-thumbs/ace-tate.webp" }, { "genre": "Museum & gallery", "name": "Crystal Bridges", "url": "https://crystalbridges.org", "mode": "dark", "dimension": "art-direction", "origin": "US", "why": "\"America's Art Museum\" set heavy over footage of a light installation in the dark — an Arkansas museum claiming national scale through cinematography rather than assertion.", "recognition": "Gretel", "purpose": "host-institution", "archetype": "institutional-informational", "n": 605, "thumb": "card-thumbs/crystal-bridges@2x.webp", "card": "card-thumbs/crystal-bridges.webp" }, { "genre": "Research labs & institutes", "name": "EBRAINS", "url": "https://www.ebrains.eu", "mode": "dark", "dimension": "art-direction", "origin": "BE", "why": "\"Built for Brain Breakthroughs\" over an acid-green scan of neural tissue — European research infrastructure using its own instrumentation as its imagery.", "recognition": "AREA 17", "purpose": "inform", "archetype": "institutional-informational", "n": 606, "thumb": "card-thumbs/ebrains@2x.webp", "card": "card-thumbs/ebrains.webp" }, { "genre": "Energy & climate", "name": "Energy Observer", "url": "https://www.energy-observer.org", "mode": "light", "dimension": "art-direction", "origin": "FR", "why": "A wing-sail photographed against cloud from below with the mission stated in a thin serif — a hydrogen vessel treated as expedition rather than as cleantech marketing.", "recognition": "Base Design", "purpose": "unclassified", "archetype": "institutional-informational", "n": 607, "thumb": "card-thumbs/energy-observer@2x.webp", "card": "card-thumbs/energy-observer.webp" }, { "genre": "Museum & gallery", "name": "Glenstone", "url": "https://www.glenstone.org", "mode": "light", "dimension": "layout", "origin": "US", "why": "A gallery window framing meadow, with a single visitor in the room — the museum shows you its landscape before it shows you its art, and the page is mostly quiet.", "recognition": "AREA 17", "purpose": "host-institution", "archetype": "institutional-informational", "n": 608, "thumb": "card-thumbs/glenstone@2x.webp", "card": "card-thumbs/glenstone.webp" }, { "genre": "E-commerce / retail", "name": "Graanmarkt 13", "url": "https://www.graanmarkt13.com", "mode": "light", "dimension": "typography", "origin": "BE", "why": "\"Online shopping for offline pleasure\" centred in a fine serif above a single shadow-play photograph — an Antwerp concept store refusing every storefront convention.", "recognition": "Base Design", "purpose": "sell", "archetype": "commerce-catalog", "n": 609, "thumb": "card-thumbs/graanmarkt-13@2x.webp", "card": "card-thumbs/graanmarkt-13.webp" }, { "genre": "Non-profit & institutional", "name": "Guggenheim Fellowship", "url": "https://www.gf.org", "mode": "light", "dimension": "color", "origin": "US", "why": "A saturated green field carrying \"Announcing the 2026 Guggenheim Fellows\" in heavy black with a vast numeral 26 cropped by the frame — a century-old foundation with genuinely contemporary nerve.", "recognition": "AREA 17", "purpose": "host-institution", "archetype": "institutional-informational", "n": 610, "thumb": "card-thumbs/guggenheim-fellowship@2x.webp", "card": "card-thumbs/guggenheim-fellowship.webp" }, { "genre": "Restaurant / food", "name": "Hart Bageri", "url": "https://hartbageri.com", "mode": "dark", "dimension": "art-direction", "origin": "DK", "why": "A single white cephalopod mark floating on black above three Copenhagen addresses — a bakery site with almost nothing on it and no need for more.", "recognition": "Gretel", "purpose": "sell", "archetype": "hospitality-place", "n": 611, "thumb": "card-thumbs/hart-bageri@2x.webp", "card": "card-thumbs/hart-bageri.webp" }, { "genre": "Museum & gallery", "name": "MACBA", "url": "https://www.macba.cat", "mode": "dark", "dimension": "art-direction", "origin": "ES", "why": "Visitors silhouetted against a large canvas, the exhibition title set small at the base — the museum photographed as a room rather than as a collection of objects.", "recognition": "Mucho", "purpose": "host-institution", "archetype": "institutional-informational", "n": 612, "thumb": "card-thumbs/macba@2x.webp", "card": "card-thumbs/macba.webp" }, { "genre": "Museum & gallery", "name": "Museum of Fine Arts Boston", "url": "https://www.mfa.org", "mode": "light", "dimension": "color", "origin": "US", "why": "Primary-coloured biomorphic shapes on raw concrete under the MFA triangle wordmark — an encyclopedic museum choosing a graphic voice instead of a neutral one.", "recognition": "Base Design", "purpose": "host-institution", "archetype": "institutional-informational", "n": 613, "thumb": "card-thumbs/museum-of-fine-arts-boston@2x.webp", "card": "card-thumbs/museum-of-fine-arts-boston.webp" }, { "genre": "Museum & gallery", "name": "Museum of Sex", "url": "https://www.museumofsex.com", "mode": "dark", "dimension": "color", "origin": "US", "why": "A kaleidoscopic neon carnival behind \"Superfunland\" in a condensed display face — saturated, symmetrical and completely committed.", "recognition": "Base Design", "purpose": "host-institution", "archetype": "institutional-informational", "n": 614, "thumb": "card-thumbs/museum-of-sex@2x.webp", "card": "card-thumbs/museum-of-sex.webp" }, { "genre": "Museum & gallery", "name": "Museum of the Future", "url": "https://museumofthefuture.ae", "mode": "light", "dimension": "art-direction", "origin": "AE", "why": "\"Where the future lives\" set over a close portrait rather than over the building — a Dubai institution leading with a face where the architecture would have been the easy choice.", "recognition": "AREA 17", "purpose": "host-institution", "archetype": "institutional-informational", "n": 615, "thumb": "card-thumbs/museum-of-the-future@2x.webp", "card": "card-thumbs/museum-of-the-future.webp" }, { "genre": "Private members' clubs", "name": "NeueHouse", "url": "https://www.neuehouse.com", "mode": "dark", "dimension": "art-direction", "origin": "US", "why": "A crowded room photographed in available light with \"Welcome to NeueHouse\" stencilled across it — a members' club selling the room rather than the amenity list.", "recognition": "Base Design", "purpose": "unclassified", "archetype": "hospitality-place", "n": 616, "thumb": "card-thumbs/neuehouse@2x.webp", "card": "card-thumbs/neuehouse.webp" }, { "genre": "Seed catalogues & botanical", "name": "New York Botanical Garden", "url": "https://www.nybg.org", "mode": "light", "dimension": "color", "origin": "US", "why": "Chartreuse and acid yellow carrying \"Flower Power\" in a bold slab, with the exhibition photography cut into the field — a botanical garden with a poster designer's palette.", "recognition": "Wolff Olins", "purpose": "unclassified", "archetype": "commerce-catalog", "n": 617, "thumb": "card-thumbs/new-york-botanical-garden@2x.webp", "card": "card-thumbs/new-york-botanical-garden.webp" }, { "genre": "Food & drink producers", "name": "Noma Projects", "url": "https://nomaprojects.com", "mode": "light", "dimension": "art-direction", "origin": "DK", "why": "A red bottle suspended in wild blossom against flat blue sky — fermentation products photographed as botany rather than as pantry goods.", "recognition": "Gretel", "purpose": "sell", "archetype": "commerce-catalog", "n": 618, "thumb": "card-thumbs/noma-projects@2x.webp", "card": "card-thumbs/noma-projects.webp" }, { "genre": "Ski, mountain & expedition", "name": "Mountain Hardwear", "url": "https://www.mountainhardwear.com", "mode": "light", "dimension": "art-direction", "origin": "US", "why": "\"Hike Deep\" over two figures crossing an alpine meadow in full sun — technical outdoor gear photographed at the altitude it is for.", "recognition": "Gretel", "purpose": "sell", "archetype": "hospitality-place", "n": 619, "thumb": "card-thumbs/mountain-hardwear@2x.webp", "card": "card-thumbs/mountain-hardwear.webp" }, { "genre": "Restaurant / food", "name": "Daily Provisions", "url": "https://www.dailyprovisionsnyc.com", "mode": "light", "dimension": "art-direction", "origin": "US", "why": "\"Become a Regular\" set over a long exposure of the counter at rush, the blur doing the work — an all-day cafe selling habit rather than menu.", "recognition": "Base Design", "purpose": "sell", "archetype": "hospitality-place", "n": 620, "thumb": "card-thumbs/daily-provisions@2x.webp", "card": "card-thumbs/daily-provisions.webp" }, { "genre": "Travel / hospitality", "name": "100 Princes Street", "url": "https://100princes-street.com", "mode": "dark", "dimension": "art-direction", "origin": "GB", "why": "Full-bleed video of the doorway and the marble threshold under a tiny overlay nav and an engraved serif wordmark — the north star applied to an Edinburgh townhouse hotel.", "recognition": "Reinstated after blind VLM review", "_note": "The other three (Every, mooniak, Dvein) came back automatically when they were removed from the parked registry, with their original and better-sourced records intact. Only this one needed a record.", "purpose": "host-visit", "archetype": "hospitality-place", "n": 621, "thumb": "card-thumbs/100-princes-street@2x.webp", "card": "card-thumbs/100-princes-street.webp" }, { "genre": "Non-profit & institutional", "name": "Do The Green Thing", "url": "https://www.dothegreenthing.com", "origin": "GB", "dimension": "color", "why": "Three ornate gold-framed portraits with black censor bars across the eyes, an acid-green caption panel laid over the middle one.", "recognition": "AREA 17 client-index enumeration, 2026-08-11", "purpose": "host-institution", "archetype": "institutional-informational", "n": 622, "thumb": "card-thumbs/do-the-green-thing@2x.webp", "card": "card-thumbs/do-the-green-thing.webp" }, { "genre": "Museum & gallery", "name": "Glenstone", "url": "https://www.glenstone.org", "origin": "US", "dimension": "art-direction", "why": "A single visitor at a full-height window looking onto meadow and trees, with hours and temperature set small at the foot of the frame.", "recognition": "AREA 17 client-index enumeration, 2026-08-11", "purpose": "host-institution", "archetype": "institutional-informational", "n": 623, "thumb": "card-thumbs/glenstone@2x.webp", "card": "card-thumbs/glenstone.webp" }, { "genre": "Commercial art dealer", "name": "Mai 36 Galerie", "url": "https://www.mai36.com", "origin": "CH", "dimension": "art-direction", "why": "A widely letterspaced wordmark, the words CHIUSO PER FERIE set small and centred, and one photograph of a TOTAL petrol station — the entire page is three elements on white.", "recognition": "AREA 17 client-index enumeration, 2026-08-11", "purpose": "sell", "archetype": "institutional-informational", "n": 624, "thumb": "card-thumbs/mai-36-galerie@2x.webp", "card": "card-thumbs/mai-36-galerie.webp" }, { "genre": "Performing arts", "name": "Miesięcznik Teatr", "url": "https://teatr-pismo.pl", "origin": "PL", "dimension": "art-direction", "why": "A dancer caught mid-leap in a black rehearsal room, the award title set across the frame in white.", "recognition": "surfaced by Gemini round 30 as a colour rejection; accepted on photography instead", "purpose": "unclassified", "archetype": "event-program", "n": 625, "thumb": "card-thumbs/miesi-cznik-teatr@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/miesi-cznik-teatr.webp" }, { "genre": "Typography lineage", "name": "Power Type Foundry", "url": "https://power-type.com", "origin": "ID", "dimension": "typography", "why": "POWER TYPE FOUNDRY set in heavy black against a yellow-orange 3D render, with the specimen's weights and formats listed as a hard spec panel beside it.", "recognition": "surfaced by Gemini round 30 as a colour rejection; accepted on typography instead — Awwwards Site of the Day", "purpose": "show-work", "archetype": "editorial-publication", "n": 626, "thumb": "card-thumbs/power-type-foundry@2x.webp", "card": "card-thumbs/power-type-foundry.webp" }, { "genre": "Wine, spirits & brewing", "name": "Condesa Gin", "url": "https://condesagin.com", "origin": "MX", "dimension": "art-direction", "why": "The bottle standing against a curved amber-to-green ground, lit so the glass and the label carry the whole frame.", "recognition": "recovered on the second capture pass, 2026-08-11", "purpose": "sell", "archetype": "commerce-catalog", "n": 627, "thumb": "card-thumbs/condesa-gin@2x.webp", "card": "card-thumbs/condesa-gin.webp" }, { "genre": "Events / conferences", "name": "State of Create", "url": "https://stateofcreate.co/", "origin": "US", "dimension": "typography", "why": "Cream condensed display type at three lines of enormous scale across a scratched black ground.", "recognition": "recovered on the second capture pass, 2026-08-11", "purpose": "host-institution", "archetype": "event-program", "n": 628, "thumb": "card-thumbs/state-of-create@2x.webp", "card": "card-thumbs/state-of-create.webp" }, { "genre": "Typography lineage", "name": "Rosetta Type Foundry", "url": "https://www.rosettatype.com/", "origin": "CZ", "dimension": "typography", "why": "The M.O. Rounded specimen stacked as a pink slinky of repeated letterforms on black, the specimen itself doing all the work.", "recognition": "Gemini r32 name-shaped round; graded by eye", "purpose": "show-work", "archetype": "editorial-publication", "n": 629, "thumb": "card-thumbs/rosetta-type-foundry@2x.webp", "card": "card-thumbs/rosetta-type-foundry.webp" }, { "genre": "Data journalism & interactive story", "name": "AI in Design Report 2026", "url": "https://stateofaidesign.com/", "origin": "US", "dimension": "color", "why": "Coral, lavender and grey image fragments collaged above a plain black report title, the palette carrying the editorial identity.", "recognition": "GPT r32; Awwwards nominee", "purpose": "explain", "archetype": "interactive-experience", "n": 630, "thumb": "card-thumbs/ai-in-design-report-2026@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/ai-in-design-report-2026.webp" }, { "genre": "Annual report & shareholder letter", "name": "CSCS Annual Report 2023", "url": "https://report2023.cscs.ch/", "origin": "CH", "dimension": "typography", "why": "A cream card with an oversized elegant serif title over a line-drawn Alpine panorama — the quiet register applied to a supercomputing centre's annual report.", "recognition": "GPT r32; Awwwards HM", "purpose": "inform", "archetype": "institutional-informational", "report_reference": true, "n": 631, "thumb": "card-thumbs/cscs-annual-report-2023@2x.webp", "card": "card-thumbs/cscs-annual-report-2023.webp" }, { "genre": "Energy & climate", "name": "Design Declares", "url": "https://designdeclares.com/", "origin": "GB", "dimension": "typography", "why": "DESIGN DECLARES in heavy condensed white with UK in searing orange on black, the declaration set like a protest poster.", "recognition": "GPT r32; Awwwards HM", "purpose": "unclassified", "archetype": "institutional-informational", "n": 632, "thumb": "card-thumbs/design-declares@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/design-declares.webp" }, { "genre": "Seed catalogues & botanical", "name": "Eixarcolant — Olivarda", "url": "https://eixarcolant.cat/llavor/olivarda/", "origin": "ES", "dimension": "layout", "why": "A specimen-card layout — botanical photograph, compact serif text, dark-green pills and fine rules — that reads as a contemporary seed packet.", "recognition": "GPT r32; deep URL to the seed detail page", "purpose": "unclassified", "archetype": "commerce-catalog", "n": 633, "thumb": "card-thumbs/eixarcolant-olivarda@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/eixarcolant-olivarda.webp" }, { "genre": "Résumé & personal identity", "name": "Portfolio by Shruti", "url": "https://www.portfoliobyshruti.com/", "origin": "IN", "dimension": "color", "why": "Cartoon-sticker portraits scattered on a white dotted grid, with a yellow highlight dragged through the headline like a marker pen.", "recognition": "GPT r32; Awwwards HM", "purpose": "apply", "archetype": "portfolio-showcase", "n": 634, "thumb": "card-thumbs/portfolio-by-shruti@2x.webp", "register": "whimsical-expressive", "card": "card-thumbs/portfolio-by-shruti.webp" }, { "genre": "Archives, memorials & remembrance", "name": "The Record Institute", "url": "https://therecord.institute/", "origin": "US", "dimension": "art-direction", "why": "Gold serif and a spotlit watch on near-black, the archive styled as a museum vitrine with taxonomy set in tiny gold caps.", "recognition": "GPT r32", "purpose": "host-institution", "archetype": "institutional-informational", "n": 635, "thumb": "card-thumbs/the-record-institute@2x.webp", "register": "tactile-editorial", "card": "card-thumbs/the-record-institute.webp" }, { "genre": "Maritime & yachts", "name": "Tummim", "url": "https://www.tummim.com/en", "origin": "PL", "dimension": "color", "why": "Pale sage ghost-type over a greyscale 3D harbour with mint-lit cranes — an industrial maritime palette held across the whole frame.", "recognition": "GPT r32; Awwwards SOTD", "purpose": "sell", "archetype": "hospitality-place", "n": 636, "thumb": "card-thumbs/tummim@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/tummim.webp" }, { "genre": "Stationery & paper goods", "name": "ZOOM Japan", "url": "https://www.zoom-japan.com/", "origin": "JP", "dimension": "color", "why": "A slate-blue field holding architectural vignettes and a single pen, vertical Japanese captions, everything in one cool register.", "recognition": "GPT r32; Awwwards HM", "purpose": "sell", "archetype": "commerce-catalog", "n": 637, "thumb": "card-thumbs/zoom-japan@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/zoom-japan.webp" }, { "genre": "Private members' clubs", "name": "Champions for Good Club", "url": "https://www.champions4good.club/", "origin": "DE", "dimension": "color", "why": "NETWORK GAME CHANGERS in lilac condensed caps at enormous scale on deep aubergine, sports pictograms held in outline capsules.", "recognition": "GPT r34; Landing Love", "purpose": "unclassified", "archetype": "hospitality-place", "n": 638, "thumb": "card-thumbs/champions-for-good-club@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/champions-for-good-club.webp" }, { "genre": "Kids / playful", "name": "Gary et la Forêt Infinie", "url": "https://play.garance.com/", "origin": "FR", "dimension": "color", "why": "An illustrated forest as the whole interface — cabin, bear and berry-harvesting drawn in one coherent green world with the title set as a wooden sign.", "recognition": "GPT r34; CSS Design Awards WOTD. Reinstated from the parked set on this re-look.", "purpose": "stage-experience", "archetype": "interactive-experience", "n": 639, "thumb": "card-thumbs/gary-et-la-for-t-infinie@2x.webp", "card": "card-thumbs/gary-et-la-for-t-infinie.webp" }, { "genre": "Maritime & yachts", "name": "Kudanil Explorer", "url": "https://www.kudanil.com/", "origin": "SG", "dimension": "art-direction", "why": "An aerial of green islands and open water under 'Adventure For The Restless Soul' in a light serif, nav reduced to a hairline row.", "recognition": "GPT r34; CSS Design Awards WOTD", "purpose": "sell", "archetype": "hospitality-place", "n": 640, "thumb": "card-thumbs/kudanil-explorer@2x.webp", "card": "card-thumbs/kudanil-explorer.webp" }, { "genre": "Dashboard / analytics", "name": "Measured", "url": "https://www.measured.site/", "origin": "GB", "dimension": "color", "why": "The wordmark cropped at giant scale above a cobalt pixel-dither wave, with a rendered blue drape entering from the corner.", "recognition": "GPT r34; CSS Design Awards WOTD", "purpose": "operate", "archetype": "software-product", "n": 641, "thumb": "card-thumbs/measured@2x.webp", "card": "card-thumbs/measured.webp" }, { "genre": "Maritime & yachts", "name": "OMAYA Yachts", "url": "https://www.omaya-yachts.com/", "origin": "BG", "dimension": "art-direction", "why": "A single shell on teak decking under 'Your shell of comfort', the experience entered through one button (the shell's shadow is the yacht's silhouette) — restraint where yacht sites default to spectacle.", "recognition": "GPT r34; CSS Design Awards WOTD", "flags": [ "audio-gated" ], "purpose": "sell", "archetype": "hospitality-place", "n": 642, "thumb": "card-thumbs/omaya-yachts@2x.webp", "card": "card-thumbs/omaya-yachts.webp" }, { "genre": "Stationery & paper goods", "name": "Paper + Land", "url": "https://paperandland.com/", "origin": "GB", "dimension": "color", "why": "An ink-wash landscape in saturated orange and teal filling the frame, the shop's promise set in white script across it.", "recognition": "GPT r34; Landing Love", "purpose": "sell", "archetype": "commerce-catalog", "n": 643, "thumb": "card-thumbs/paper-land@2x.webp", "card": "card-thumbs/paper-land.webp" }, { "genre": "Data journalism & interactive story", "name": "Across the Seas", "url": "https://www.sbs.com.au/news/creative/sbs50-across-the-seas/4gh2wywnc", "origin": "AU", "dimension": "art-direction", "why": "A torn-paper title over an ink-wash sea, illustrated ships sinking through the waves as the migration story begins — the illustration is the narrative device.", "recognition": "GPT r34; SBS 50th-anniversary interactive. Captured one viewport down to clear the network chrome.", "purpose": "explain", "archetype": "interactive-experience", "n": 644, "thumb": "card-thumbs/across-the-seas@2x.webp", "card": "card-thumbs/across-the-seas.webp" }, { "genre": "Archives, memorials & remembrance", "name": "100 Lost Species", "url": "https://www.100lostspecies.com/", "origin": "FR", "dimension": "art-direction", "why": "Watercolour specimen cards of extinct species drift across warm white with a tiny counter — a memorial that gives each animal 100 seconds before it disappears.", "recognition": "GPT r38; Awwwards SOTD; verified by eye", "purpose": "host-institution", "archetype": "institutional-informational", "n": 645, "thumb": "card-thumbs/100-lost-species@2x.webp", "card": "card-thumbs/100-lost-species.webp" }, { "genre": "Private members' clubs", "name": "Annabel's", "url": "https://annabels.co.uk/", "origin": "GB", "dimension": "art-direction", "why": "A botanical-muralled interior with tiger-print chairs under lantern light, the nav a whisper over the photograph — the north-star register indoors.", "recognition": "GPT r38; verified by eye", "purpose": "unclassified", "archetype": "hospitality-place", "n": 646, "thumb": "card-thumbs/annabel-s@2x.webp", "card": "card-thumbs/annabel-s.webp" }, { "genre": "Watches & jewellery", "name": "Boucheron", "url": "https://www.boucheron.com/fr_en/", "origin": "FR", "dimension": "art-direction", "why": "HUMAN BEING in tracked caps over a restrained portrait in white, the jewellery almost incidental — quiet luxury held with confidence.", "recognition": "GPT r38; verified by eye", "purpose": "sell", "archetype": "commerce-catalog", "n": 647, "thumb": "card-thumbs/boucheron@2x.webp", "constitution_sections": [ "universal-art-direction" ], "card": "card-thumbs/boucheron.webp" }, { "genre": "Education / learning", "name": "CalArts Graphic Design Yearbook 2025", "url": "https://design2025.calarts.edu/", "origin": "US", "dimension": "typography", "why": "A chunky CalArts wordmark on cream with the graduating class photographed inside the counters, pill tabs for Designers / Work / Life.", "recognition": "GPT r38; verified by eye", "purpose": "explain", "archetype": "institutional-informational", "n": 648, "thumb": "card-thumbs/calarts-graphic-design-yearbook-2025@2x.webp", "card": "card-thumbs/calarts-graphic-design-yearbook-2025.webp" }, { "genre": "Landing & brand craft", "name": "Craft, Engineered — Wild", "url": "https://craft.wild.as/", "origin": "AT", "dimension": "color", "why": "CRAFT, ENGINEERED. in stark type above a violent diagonal band of red-yellow-blue pixel dither cutting the white field.", "recognition": "GPT r38; verified by eye", "purpose": "unclassified", "archetype": "brand-campaign", "n": 649, "thumb": "card-thumbs/craft-engineered-wild@2x.webp", "card": "card-thumbs/craft-engineered-wild.webp" }, { "genre": "Annual report & shareholder letter", "name": "CSCS Annual Report 2025", "url": "https://report2025.cscs.ch/", "origin": "CH", "dimension": "typography", "why": "An elegant serif title over a hand-drawn Alpine panorama with tiny annotation tags — the 2023 report's quiet register, evolved.", "recognition": "GPT r38; verified by eye", "purpose": "inform", "archetype": "institutional-informational", "report_reference": true, "n": 650, "thumb": "card-thumbs/cscs-annual-report-2025@2x.webp", "card": "card-thumbs/cscs-annual-report-2025.webp" }, { "genre": "Agency craft", "name": "Damn Good Brands", "url": "https://damngoodbrands.com/", "origin": "US", "dimension": "typography", "why": "DAMN GOOD at poster weight collaged with a flaming panther, dice and a skull astronaut — sticker maximalism held on a stark field.", "recognition": "GPT r38; Awwwards SOTD; verified by eye", "purpose": "unclassified", "archetype": "portfolio-showcase", "n": 651, "thumb": "card-thumbs/damn-good-brands@2x.webp", "register": "whimsical-expressive", "constitution_sections": [ "universal-art-direction" ], "card": "card-thumbs/damn-good-brands.webp" }, { "genre": "Seed catalogues & botanical", "name": "Eixarcolant", "url": "https://eixarcolant.cat/", "origin": "ES", "dimension": "art-direction", "why": "Cupped hands holding seed full-bleed, a thin white caption block in Catalan — the collective's mission as one photograph.", "recognition": "GPT r38; verified by eye", "purpose": "unclassified", "archetype": "commerce-catalog", "n": 652, "thumb": "card-thumbs/eixarcolant@2x.webp", "card": "card-thumbs/eixarcolant.webp" }, { "genre": "Explorable explanation", "name": "The Evolution of Trust", "url": "https://ncase.me/trust/", "origin": "CA", "dimension": "interaction", "why": "A hand-drawn network of medal characters ringing a quiet serif title and a single PLAY button — game theory as an illustrated toy.", "recognition": "GPT r38; verified by eye", "purpose": "explain", "archetype": "interactive-experience", "n": 653, "thumb": "card-thumbs/the-evolution-of-trust@2x.webp", "card": "card-thumbs/the-evolution-of-trust.webp" }, { "genre": "Seed catalogues & botanical", "name": "Floret Flowers", "url": "https://www.floretflowers.com/", "origin": "US", "dimension": "color", "why": "A wall of dahlias graded pink to crimson under a script logotype — the farm's whole argument made in flowers.", "recognition": "GPT r38; verified by eye", "purpose": "unclassified", "archetype": "commerce-catalog", "n": 654, "thumb": "card-thumbs/floret-flowers@2x.webp", "card": "card-thumbs/floret-flowers.webp" }, { "genre": "Stationery & paper goods", "name": "GF Smith", "url": "https://www.gfsmith.com/", "origin": "GB", "dimension": "color", "why": "Deep forest green carrying huge condensed orange display type and an arced logotype — a paper maker's two-colour page held with total confidence.", "recognition": "GPT r38; verified by eye", "purpose": "sell", "archetype": "commerce-catalog", "n": 655, "thumb": "card-thumbs/gf-smith@2x.webp", "constitution_sections": [ "universal-art-direction" ], "card": "card-thumbs/gf-smith.webp" }, { "genre": "Data journalism & interactive story", "name": "Green to Grey", "url": "https://greentogrey.eu/", "origin": "NL", "dimension": "art-direction", "why": "Satellite imagery of a Greek coastal forest under a technical grid with a single green caption chip — land loss made visible before a word is read.", "recognition": "GPT r38; 2026 Sigma Award; verified by eye", "purpose": "explain", "archetype": "interactive-experience", "n": 656, "thumb": "card-thumbs/green-to-grey@2x.webp", "card": "card-thumbs/green-to-grey.webp" }, { "genre": "Typography lineage", "name": "Klim — Söhne", "url": "https://klim.co.nz/collections/soehne/", "origin": "NZ", "dimension": "typography", "why": "One enormous textured lowercase a filling a black frame — the specimen page where the letterform is the entire composition.", "recognition": "GPT r38; verified by eye", "purpose": "show-work", "archetype": "editorial-publication", "n": 657, "thumb": "card-thumbs/klim-s-hne@2x.webp", "card": "card-thumbs/klim-s-hne.webp" }, { "genre": "Interactive & experimental", "name": "Made With GSAP", "url": "https://madewithgsap.com/", "origin": "FR", "dimension": "motion", "why": "Unique JS effects / made with care flanking a floating cluster of motion tiles on white — a motion library shelved like editions.", "recognition": "GPT r38; verified by eye", "purpose": "stage-experience", "archetype": "interactive-experience", "n": 658, "thumb": "card-thumbs/made-with-gsap@2x.webp", "card": "card-thumbs/made-with-gsap.webp" }, { "genre": "Résumé & personal identity", "name": "Mitchell Hou", "url": "https://www.mitchellhou.com/", "origin": "US", "dimension": "layout", "why": "A resume as dense small cards — code-block bio, dotted world map, sticker mind-map, CV rows — editor-like density with real craft.", "recognition": "GPT r38; verified by eye", "purpose": "apply", "archetype": "portfolio-showcase", "n": 659, "thumb": "card-thumbs/mitchell-hou@2x.webp", "card": "card-thumbs/mitchell-hou.webp" }, { "genre": "Developer tool", "name": "Motion — Docs", "url": "https://motion.dev/docs", "origin": "GB", "dimension": "color", "why": "Documentation opening in hard yellow and black with a chunky Docs panel and three runtime rows — docs wearing a graphic identity.", "recognition": "GPT r38; verified by eye", "purpose": "operate", "archetype": "software-product", "n": 660, "thumb": "card-thumbs/motion-docs@2x.webp", "card": "card-thumbs/motion-docs.webp" }, { "genre": "Watches & jewellery", "name": "NOMOS Glashütte", "url": "https://nomos-glashuette.com/en/index.php", "origin": "DE", "dimension": "art-direction", "why": "A sky-blue Ahoi dial macro with one orange second hand under a letterspaced wordmark — restraint as the whole brand.", "recognition": "GPT r38; verified by eye", "purpose": "sell", "archetype": "commerce-catalog", "n": 661, "thumb": "card-thumbs/nomos-glash-tte@2x.webp", "card": "card-thumbs/nomos-glash-tte.webp" }, { "genre": "Energy & climate", "name": "ON.energy", "url": "https://www.on.energy/", "origin": "US", "dimension": "art-direction", "why": "A power cabinet floor-lit and photographed like sculpture, Perfect Power for AI Factories set thin beside it.", "recognition": "GPT r38; verified by eye", "purpose": "unclassified", "archetype": "institutional-informational", "n": 662, "thumb": "card-thumbs/on-energy@2x.webp", "card": "card-thumbs/on-energy.webp" }, { "genre": "Maritime & yachts", "name": "Oris Maritime", "url": "https://www.orismaritime.com/", "origin": "GR", "dimension": "art-direction", "why": "A red tanker cutting a wake through deep blue from above, quiet serif wordmark and one orange action — fleet operations as art direction.", "recognition": "GPT r38; verified by eye", "purpose": "sell", "archetype": "hospitality-place", "n": 663, "thumb": "card-thumbs/oris-maritime@2x.webp", "card": "card-thumbs/oris-maritime.webp" }, { "genre": "Ski, mountain & expedition", "name": "Quechua — Spirit SS25", "url": "https://quechua-lookbook.com/ss25/", "origin": "FR", "dimension": "art-direction", "why": "Sun-flared hiking footage full-bleed with Feel alive in every footstep set straight into the image in mixed roman and italic.", "recognition": "GPT r38; verified by eye", "purpose": "sell", "archetype": "hospitality-place", "n": 664, "thumb": "card-thumbs/quechua-spirit-ss25@2x.webp", "register": "curatorial-quiet", "card": "card-thumbs/quechua-spirit-ss25.webp" }, { "genre": "Annual report & shareholder letter", "name": "Rémy Cointreau — Rapport Annuel 2025–2026", "url": "https://rapport-annuel.remy-cointreau.com/2026/", "origin": "FR", "dimension": "layout", "why": "Grape harvest against barrel cellar in a split frame, a white letterspaced title card pinned across the seam.", "recognition": "GPT r38; verified by eye", "purpose": "inform", "archetype": "institutional-informational", "report_reference": true, "n": 665, "thumb": "card-thumbs/r-my-cointreau-rapport-annuel-2025-2026@2x.webp", "card": "card-thumbs/r-my-cointreau-rapport-annuel-2025-2026.webp" }, { "genre": "Maritime & yachts", "name": "Sanlorenzo", "url": "https://www.sanlorenzoyacht.com/en/", "origin": "IT", "dimension": "art-direction", "why": "A yacht stern top-down on dark water with an overlapping white caption card — we build for the most discerning, the elegant and the understated.", "recognition": "GPT r38; parked in the sweep, reversed at full frame", "purpose": "sell", "archetype": "hospitality-place", "n": 666, "thumb": "card-thumbs/sanlorenzo@2x.webp", "card": "card-thumbs/sanlorenzo.webp" }, { "genre": "Explorable explanation", "name": "Seeing Theory", "url": "https://seeing-theory.brown.edu/index.html", "origin": "US", "dimension": "color", "why": "A ring of multicoloured probability dots orbiting a quiet centred title — a statistics course wearing a bespoke data-visual identity.", "recognition": "GPT r38; verified by eye", "purpose": "explain", "archetype": "interactive-experience", "n": 667, "thumb": "card-thumbs/seeing-theory@2x.webp", "card": "card-thumbs/seeing-theory.webp" }, { "genre": "Museum & gallery", "name": "Serpentine", "url": "https://www.serpentinegalleries.org/", "origin": "GB", "dimension": "typography", "why": "SERPENTINE PAVILION 2026 in massive condensed caps stacked over the pavilion in its park — institutional confidence at poster scale.", "recognition": "GPT r38; verified by eye", "flags": [ "campaign-expiry" ], "purpose": "host-institution", "archetype": "institutional-informational", "n": 668, "thumb": "card-thumbs/serpentine@2x.webp", "constitution_sections": [ "universal-art-direction" ], "card": "card-thumbs/serpentine.webp" }, { "genre": "Data journalism & interactive story", "name": "SF Chronicle — Where Did S.F. Streets Get Their Names?", "url": "https://www.sfchronicle.com/projects/2025/san-francisco-street-names/", "origin": "US", "dimension": "art-direction", "why": "Tilted street-sign labels scattered around a vintage photograph on flat brown — 554 street names as a hand-arranged collage.", "recognition": "GPT r38; SND award; verified by eye", "purpose": "explain", "archetype": "interactive-experience", "n": 669, "thumb": "card-thumbs/sf-chronicle-where-did-s-f-streets-get-their-names@2x.webp", "card": "card-thumbs/sf-chronicle-where-did-s-f-streets-get-their-names.webp" }, { "genre": "Résumé & personal identity", "name": "Shoya Kajita", "url": "https://shoya-kajita.com/", "origin": "JP", "dimension": "typography", "why": "HELLO WORLD reversed and glitch-spaced, emerging from near-black texture with a hairline left rail — a developer identity as atmosphere.", "recognition": "GPT r38; verified by eye", "purpose": "apply", "archetype": "portfolio-showcase", "n": 670, "thumb": "card-thumbs/shoya-kajita@2x.webp", "card": "card-thumbs/shoya-kajita.webp" }, { "genre": "Social / feed", "name": "Are.na — Explore", "url": "https://www.are.na/explore", "origin": "US", "dimension": "layout", "why": "A near-chrome-free field of mixed image, text and channel blocks on hairline rules — density carried by restraint, no card shadows, one accent.", "recognition": "GPT r30; parked home surface, the browse field reversed on evidence", "purpose": "inform", "archetype": "software-product", "n": 671, "thumb": "card-thumbs/are-na-explore@2x.webp", "card": "card-thumbs/are-na-explore.webp" }, { "genre": "AI image / media gen", "name": "Krea — Realtime", "url": "https://www.krea.ai/realtime", "origin": "US", "dimension": "interaction", "why": "A drawable canvas beside its live 3D result, tool chrome held to slim docks — the generation loop itself is the composition.", "recognition": "GPT r30; parked home surface, the tool canvas reversed on evidence", "purpose": "persuade", "archetype": "software-product", "n": 672, "thumb": "card-thumbs/krea-realtime@2x.webp", "card": "card-thumbs/krea-realtime.webp" }, { "genre": "Explorable explanation", "name": "The Grand Tour — Distill", "url": "https://distill.pub/2020/grand-tour/", "origin": "US", "dimension": "interaction", "why": "A white research essay punctuated by rotating colour-coded point clouds with draggable axes — scientific restraint with the interaction inline.", "recognition": "GPT r30; the publication was parked, this article reversed on evidence", "purpose": "explain", "archetype": "interactive-experience", "n": 673, "thumb": "card-thumbs/the-grand-tour-distill@2x.webp", "card": "card-thumbs/the-grand-tour-distill.webp" }, { "genre": "Watches & jewellery", "name": "A. Lange & Söhne", "url": "https://www.alange-soehne.com/eu-en/timepieces", "origin": "DE", "dimension": "art-direction", "why": "EXPLORE OUR COLLECTION in a wide serif over museum-lit macro photography of movements — negative space doing the luxury.", "recognition": "GPT r36", "purpose": "sell", "archetype": "commerce-catalog", "n": 674, "thumb": "card-thumbs/a-lange-s-hne@2x.webp", "card": "card-thumbs/a-lange-s-hne.webp" }, { "genre": "Notes / docs / productivity", "name": "Anytype", "url": "https://anytype.io/", "origin": "CH", "dimension": "color", "why": "A safe haven set in cream and coral with line-drawn objects — a notes tool wearing an illustrated identity instead of app-chrome.", "recognition": "GPT r36", "purpose": "operate", "archetype": "software-product", "n": 675, "thumb": "card-thumbs/anytype@2x.webp", "register": "utilitarian-stark", "card": "card-thumbs/anytype.webp" }, { "genre": "Data journalism & interactive story", "name": "AP — The Push Alerts of the First 100 Days", "url": "https://apnews.com/projects/trump-push-alerts-100-days/", "origin": "US", "dimension": "layout", "why": "Phone-style push alerts massed into an illustrated chronology under the AP masthead — the alert stream is the visualization.", "recognition": "GPT r34; NPF Innovative Storytelling winner", "purpose": "explain", "archetype": "interactive-experience", "n": 676, "thumb": "card-thumbs/ap-the-push-alerts-of-the-first-100-days@2x.webp", "card": "card-thumbs/ap-the-push-alerts-of-the-first-100-days.webp" }, { "genre": "Annual report & shareholder letter", "name": "Bay Area Air District 2024", "url": "https://annualreport.baaqmd.gov/2024/", "origin": "US", "dimension": "interaction", "why": "Chapter cards tilted like viewfinder slides over a blue field — Executive Message, Who We Are, Achieve Impact as framed perspectives.", "recognition": "GPT r34", "purpose": "inform", "archetype": "institutional-informational", "report_reference": true, "n": 677, "thumb": "card-thumbs/bay-area-air-district-2024@2x.webp", "card": "card-thumbs/bay-area-air-district-2024.webp" }, { "genre": "Seed catalogues & botanical", "name": "Hudson Valley Seed Co — Art Packs", "url": "https://hudsonvalleyseed.com/collections/art-packs", "origin": "US", "dimension": "color", "why": "Artist-painted seed packets fanned into a patchwork above a quiet catalogue grid — the packets are the palette.", "recognition": "GPT r36", "purpose": "unclassified", "archetype": "commerce-catalog", "n": 678, "thumb": "card-thumbs/hudson-valley-seed-co-art-packs@2x.webp", "card": "card-thumbs/hudson-valley-seed-co-art-packs.webp" }, { "genre": "Private members' clubs", "name": "The Arts Club", "url": "https://theartsclub.co.uk/", "origin": "GB", "dimension": "art-direction", "why": "A crest masthead over the staircase gallery hung salon-style — the club photographed like the culture magazine it hosts.", "recognition": "GPT r36", "purpose": "unclassified", "archetype": "hospitality-place", "n": 679, "thumb": "card-thumbs/the-arts-club@2x.webp", "card": "card-thumbs/the-arts-club.webp" }, { "genre": "Portfolio / photography", "name": "Arqui9 — Work", "url": "https://www.arqui9.com/work", "origin": "GB", "dimension": "art-direction", "why": "A full-bleed architectural render of a tower cluster at dusk, with the nav reduced to a hairline row and the project index carried as a small thumbnail strip in the lower corner.", "recognition": "route capture, r19", "purpose": "show-work", "archetype": "portfolio-showcase", "n": 680, "thumb": "card-thumbs/arqui9-work@2x.webp", "card": "card-thumbs/arqui9-work.webp" }, { "genre": "Wine, spirits & brewing", "name": "Seedlip — Shop", "url": "https://www.seedlipdrinks.com/en-us/shop", "origin": "GB", "dimension": "color", "why": "Four product cards each on its own tinted ground — peach, rose, celadon, ice blue — with engraved botanical illustrations printed straight onto the bottles.", "recognition": "route capture, r19", "purpose": "sell", "archetype": "commerce-catalog", "n": 681, "thumb": "card-thumbs/seedlip-shop@2x.webp", "constitution_sections": [ "type-commerce-catalog-index" ], "card": "card-thumbs/seedlip-shop.webp" }, { "genre": "Publishing & books", "name": "Stripe Press — Scaling People", "url": "https://press.stripe.com/purchase-scaling-people", "origin": "US", "dimension": "typography", "why": "A 3D book render floating on saturated ultramarine, jacket copy set in a single narrow measure beside it, purchase links reduced to two plain rules.", "recognition": "route capture, r19 — candidate golden for the pdp section, which has no evidenced golden", "purpose": "sell", "archetype": "editorial-publication", "n": 682, "thumb": "card-thumbs/stripe-press-scaling-people@2x.webp", "card": "card-thumbs/stripe-press-scaling-people.webp" }, { "genre": "Ski, mountain & expedition", "name": "White Desert — Itineraries", "url": "https://white-desert.com/itineraries", "origin": "GB", "dimension": "art-direction", "why": "An aerial of two red-jacketed climbers inside a blue ice crevasse, the title set in a light serif across the bottom third and the nav held to a single overlay row.", "recognition": "route capture, r19", "purpose": "sell", "archetype": "hospitality-place", "n": 683, "thumb": "card-thumbs/white-desert-itineraries@2x.webp", "card": "card-thumbs/white-desert-itineraries.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Artemide", "url": "https://www.artemide.com/en/home", "origin": "IT", "dimension": "art-direction", "why": "A night garden photographed with the path bollards lit, warm pools falling across planting, the red wordmark the only saturated element on the page.", "recognition": "r20", "purpose": "sell", "archetype": "commerce-catalog", "n": 684, "thumb": "card-thumbs/artemide@2x.webp", "card": "card-thumbs/artemide.webp" }, { "genre": "Energy & climate", "name": "Climate TRACE", "url": "https://climatetrace.org/", "origin": "US", "dimension": "art-direction", "why": "A grey relief globe scattered with orange emission points, stacked dark translucent panels down the left carrying the three entry routes.", "recognition": "r20, rescued from a hyphenated domain guess", "purpose": "unclassified", "archetype": "institutional-informational", "n": 685, "thumb": "card-thumbs/climate-trace@2x.webp", "card": "card-thumbs/climate-trace.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Phantom Hands", "url": "https://phantomhands.in/", "origin": "IN", "dimension": "art-direction", "why": "Jeanneret-lineage teak seating and a folding screen in a raw concrete room, raking side light picking out the cane and the grain.", "recognition": "r20, rescued from a hyphenated domain guess", "purpose": "sell", "archetype": "commerce-catalog", "n": 686, "thumb": "card-thumbs/phantom-hands@2x.webp", "card": "card-thumbs/phantom-hands.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Kvadrat", "url": "https://www.kvadrat.dk/en", "origin": "DK", "dimension": "art-direction", "why": "A woven textile mesh shot against open sky so the weave reads as architecture rather than fabric.", "recognition": "r20", "hold": "pending re-shoot — the current frame carries video-player chrome", "purpose": "sell", "archetype": "commerce-catalog", "n": 687, "thumb": "card-thumbs/kvadrat@2x.webp", "card": "card-thumbs/kvadrat.webp" }, { "genre": "Publishing & books", "name": "Windham-Campbell Prizes", "url": "https://windhamcampbell.org/", "origin": "US", "dimension": "typography", "why": "Display words in red, blue, gold and white overlapping each other at full width, with photography showing through the counters of the letterforms.", "recognition": "r21", "purpose": "sell", "archetype": "editorial-publication", "n": 688, "thumb": "card-thumbs/windham-campbell-prizes@2x.webp", "card": "card-thumbs/windham-campbell-prizes.webp" }, { "genre": "Food & drink producers", "name": "12 Matcha", "url": "https://www.12matcha.com/shop-all", "origin": "UNRESOLVED", "dimension": "color", "why": "Three matcha tins lit against a deep green ground, the glow from each carried outward into the background so product and field share one colour.", "recognition": "r23", "purpose": "sell", "archetype": "commerce-catalog", "n": 689, "thumb": "card-thumbs/12-matcha@2x.webp", "constitution_sections": [ "type-commerce-catalog-index" ], "card": "card-thumbs/12-matcha.webp" }, { "genre": "Agency craft", "name": "Base Design — The Hyundai Hi", "url": "https://www.basedesign.com/projects/-the-hyundai-hi", "origin": "BE", "dimension": "typography", "why": "A two-weight title stacked over a black panel carrying the HiHi logotype, its counters closed by two sparkle diamonds in orange and yellow.", "recognition": "studio-index enumeration, Base Design", "purpose": "unclassified", "archetype": "portfolio-showcase", "n": 690, "thumb": "card-thumbs/base-design-the-hyundai-hi@2x.webp", "constitution_sections": [ "type-editorial-publication-article" ], "card": "card-thumbs/base-design-the-hyundai-hi.webp" }, { "genre": "Agency craft", "name": "Gretel — Philadelphia Museum of Art", "url": "https://gretelny.com/philadelphia-museum-of-art", "origin": "US", "dimension": "color", "why": "A dozen printed publications fanned and photographed at an angle so the covers read as one continuous colour field — pink, cyan, ochre, mint.", "recognition": "studio-index enumeration, Gretel", "purpose": "unclassified", "archetype": "portfolio-showcase", "n": 691, "thumb": "card-thumbs/gretel-philadelphia-museum-of-art@2x.webp", "card": "card-thumbs/gretel-philadelphia-museum-of-art.webp" }, { "genre": "Agency craft", "name": "Hey Studio — Paradigms", "url": "https://heystudio.es/project/paradigms/", "origin": "ES", "dimension": "color", "why": "A checkerboard built from pink, cobalt and yellow squares that steps inward to leave a clear centre for the title.", "recognition": "studio-index enumeration, Hey", "purpose": "unclassified", "archetype": "portfolio-showcase", "n": 692, "thumb": "card-thumbs/hey-studio-paradigms@2x.webp", "card": "card-thumbs/hey-studio-paradigms.webp" }, { "genre": "Agency craft", "name": "Hey Studio — Women at Work", "url": "https://heystudio.es/project/women-at-work/", "origin": "ES", "dimension": "color", "why": "A magenta bloom fading to white at its edges with the title set in green directly inside the brightest part of it.", "recognition": "studio-index enumeration, Hey", "purpose": "unclassified", "archetype": "portfolio-showcase", "n": 693, "thumb": "card-thumbs/hey-studio-women-at-work@2x.webp", "card": "card-thumbs/hey-studio-women-at-work.webp" }, { "genre": "Museum & gallery", "name": "Philadelphia Museum of Art — Collection", "url": "https://www.philamuseum.org/collection", "origin": "US", "dimension": "typography", "why": "COLLECTION set in heavy black condensed at full width above a bare search field, then a tight row of artwork thumbnails with titles beneath.", "recognition": "r24", "purpose": "host-institution", "archetype": "institutional-informational", "n": 694, "thumb": "card-thumbs/philadelphia-museum-of-art-collection@2x.webp", "constitution_sections": [ "purpose-host-institution-index" ], "card": "card-thumbs/philadelphia-museum-of-art-collection.webp" }, { "genre": "Museum & gallery", "name": "Studio Museum in Harlem — Events", "url": "https://www.studiomuseum.org/events", "origin": "US", "dimension": "layout", "why": "An italic serif masthead over a dated event grid, each card carrying its own image treatment — one a warm gradient, one a photograph, one a poster.", "recognition": "r24", "purpose": "host-institution", "archetype": "institutional-informational", "n": 695, "thumb": "card-thumbs/studio-museum-in-harlem-events@2x.webp", "constitution_sections": [ "purpose-host-institution-calendar" ], "card": "card-thumbs/studio-museum-in-harlem-events.webp" }, { "genre": "Commercial art dealer", "name": "Almeida & Dale", "url": "https://almeidaedale.com.br/en/", "origin": "BR", "dimension": "art-direction", "why": "A flat cobalt block meeting a street portrait, the artist's name set heavy and white across the join.", "recognition": "r24", "purpose": "sell", "archetype": "institutional-informational", "n": 696, "thumb": "card-thumbs/almeida-dale@2x.webp", "card": "card-thumbs/almeida-dale.webp" }, { "genre": "Wine, spirits & brewing", "name": "Yasato Distillery", "url": "https://kiuchibrewery.co.jp/en/brewery/yasatodistillery/", "origin": "JP", "dimension": "art-direction", "why": "An aerial of the distillery buildings set in forest, the name in a light serif with its Japanese reading beneath, everything else left to the trees.", "recognition": "r25", "purpose": "sell", "archetype": "commerce-catalog", "n": 697, "thumb": "card-thumbs/yasato-distillery@2x.webp", "card": "card-thumbs/yasato-distillery.webp" }, { "genre": "Research labs & institutes", "name": "Antikythera", "url": "https://antikythera.org", "origin": "US", "dimension": "layout", "why": "Four hard columns of journal matter — a blue halftone plate, orange subscribe panels, a black-and-white cover, a yellow field — divided by rules and never aligned to a common baseline.", "recognition": "r26", "purpose": "inform", "archetype": "institutional-informational", "n": 698, "thumb": "card-thumbs/antikythera@2x.webp", "register": "utilitarian-stark", "constitution_sections": [ "universal-art-direction" ], "card": "card-thumbs/antikythera.webp" }, { "genre": "Science, space & biotech", "name": "Colossal Biosciences", "url": "https://colossal.com", "origin": "US", "dimension": "art-direction", "why": "Two arctic wolves photographed close, the wordmark laid across them in chromatic overprint so the letterforms take the fur behind them.", "recognition": "r26", "purpose": "persuade", "archetype": "institutional-informational", "n": 699, "thumb": "card-thumbs/colossal-biosciences@2x.webp", "card": "card-thumbs/colossal-biosciences.webp" }, { "genre": "Museum & gallery", "name": "Leeum Museum of Art", "url": "https://www.leeumhoam.org/", "origin": "KR", "dimension": "art-direction", "why": "A split screen — an iridescent glass roof on one side, Bourgeois's spider standing in autumn woodland on the other — with Korean type running across both halves.", "recognition": "r26", "purpose": "host-institution", "archetype": "institutional-informational", "n": 700, "thumb": "card-thumbs/leeum-museum-of-art@2x.webp", "card": "card-thumbs/leeum-museum-of-art.webp" }, { "genre": "Music / streaming", "name": "MassiveMusic", "url": "https://www.massivemusic.com", "origin": "NL", "dimension": "color", "why": "A moiré wave field running orange into violet, with the line NEW DIMENSIONS IN SOUND set white across its widest point.", "recognition": "r26", "purpose": "stage-experience", "archetype": "entertainment-media", "n": 701, "thumb": "card-thumbs/massivemusic@2x.webp", "card": "card-thumbs/massivemusic.webp" }, { "genre": "Museum & gallery", "name": "Barnes Foundation", "url": "https://www.barnesfoundation.org", "origin": "US", "dimension": "art-direction", "why": "A folk-art interior painting run full-bleed, the exhibition title and its dates set small and white in the lower left against the darkest part of the picture.", "recognition": "r27", "purpose": "host-institution", "archetype": "institutional-informational", "n": 702, "thumb": "card-thumbs/barnes-foundation@2x.webp", "card": "card-thumbs/barnes-foundation.webp" }, { "genre": "Culture, arts & architecture", "name": "BVN", "url": "https://www.bvn.com.au", "origin": "AU", "dimension": "typography", "why": "BVN in a white display serif spanning the full width of an aerial photograph, with a First Nations acknowledgement set in small type above it.", "recognition": "r27", "purpose": "unclassified", "archetype": "institutional-informational", "n": 703, "thumb": "card-thumbs/bvn@2x.webp", "register": "atmospheric-noir", "card": "card-thumbs/bvn.webp" }, { "genre": "Education / learning", "name": "Institut Français de la Mode", "url": "https://www.ifmparis.fr", "origin": "FR", "dimension": "color", "why": "Three models in sculptural knitwear against flat pink, the copy dropped into a plain white box at the foot rather than over the image.", "recognition": "r27", "purpose": "explain", "archetype": "institutional-informational", "n": 704, "thumb": "card-thumbs/institut-fran-ais-de-la-mode@2x.webp", "card": "card-thumbs/institut-fran-ais-de-la-mode.webp" }, { "genre": "Kids / playful", "name": "Kodansha", "url": "https://www.kodansha.us", "origin": "JP", "dimension": "color", "why": "A manga panel in pink and violet halftone filling the frame, hearts and a speech balloon carrying the hierarchy instead of type.", "recognition": "r27", "purpose": "stage-experience", "archetype": "interactive-experience", "n": 705, "thumb": "card-thumbs/kodansha@2x.webp", "card": "card-thumbs/kodansha.webp" }, { "genre": "Performing arts", "name": "La Monnaie / De Munt", "url": "https://www.lamonnaiedemunt.be", "origin": "BE", "dimension": "art-direction", "why": "Dancers caught in warm low light across the full width, with a dense programme grid beginning immediately beneath it.", "recognition": "studio-index enumeration, Base Design", "purpose": "unclassified", "archetype": "event-program", "n": 706, "thumb": "card-thumbs/la-monnaie-de-munt@2x.webp", "card": "card-thumbs/la-monnaie-de-munt.webp" }, { "genre": "Museum & gallery", "name": "Mudam Luxembourg", "url": "https://www.mudam.com", "origin": "LU", "dimension": "typography", "why": "The wordmark set in heavy black and then interrupted by a loose blue scribble drawn straight through it.", "recognition": "studio-index enumeration, Base Design", "purpose": "host-institution", "archetype": "institutional-informational", "n": 707, "thumb": "card-thumbs/mudam-luxembourg@2x.webp", "card": "card-thumbs/mudam-luxembourg.webp" }, { "genre": "Wine, spirits & brewing", "name": "Otazu", "url": "https://otazu.com", "origin": "ES", "dimension": "art-direction", "why": "The barrel cellar shot in exact one-point perspective, the vault receding to a single vanishing point with the barrel rows converging on it.", "recognition": "studio-index enumeration, Base Design", "purpose": "sell", "archetype": "commerce-catalog", "n": 708, "thumb": "card-thumbs/otazu@2x.webp", "card": "card-thumbs/otazu.webp" }, { "genre": "Research labs & institutes", "name": "OXMAN", "url": "https://www.oxman.com", "origin": "US", "dimension": "art-direction", "why": "A muted laboratory interior with one thin white circle drawn over it and the nav reduced to four words in the top corner.", "recognition": "r28", "purpose": "inform", "archetype": "institutional-informational", "n": 709, "thumb": "card-thumbs/oxman@2x.webp", "card": "card-thumbs/oxman.webp" }, { "genre": "Performing arts & festival", "name": "Paléo Festival", "url": "https://www.paleo.ch", "origin": "CH", "dimension": "color", "why": "Polaroid-style crowd photographs scattered at angles across flat violet, the logotype cut through the pile of them.", "recognition": "r28", "purpose": "host-institution", "archetype": "event-program", "n": 710, "thumb": "card-thumbs/pal-o-festival@2x.webp", "card": "card-thumbs/pal-o-festival.webp" }, { "genre": "Education / learning", "name": "Rhode Island School of Design", "url": "https://www.risd.edu", "origin": "US", "dimension": "typography", "why": "A blue serif sentence running four lines deep across white — 'a creative project that started in 1877' — with the seal set small at the corner.", "recognition": "r28", "purpose": "explain", "archetype": "institutional-informational", "n": 711, "thumb": "card-thumbs/rhode-island-school-of-design@2x.webp", "card": "card-thumbs/rhode-island-school-of-design.webp" }, { "genre": "Agency craft", "name": "Rockwell Group", "url": "https://www.rockwellgroup.com", "origin": "US", "dimension": "art-direction", "why": "A dark green still life of stone, reed and plaster spheres arranged and lit like a specimen tray, the nav laid across it in thin white.", "recognition": "r28", "purpose": "unclassified", "archetype": "portfolio-showcase", "n": 712, "thumb": "card-thumbs/rockwell-group@2x.webp", "card": "card-thumbs/rockwell-group.webp" }, { "genre": "Museum & gallery", "name": "The Menil Collection", "url": "https://www.menil.org", "origin": "US", "dimension": "art-direction", "why": "A gallery interior with one painting lit and a visitor crossing the frame in motion blur, the institution's name set small in the top corner.", "recognition": "r28", "purpose": "host-institution", "archetype": "institutional-informational", "n": 713, "thumb": "card-thumbs/the-menil-collection@2x.webp", "card": "card-thumbs/the-menil-collection.webp" }, { "genre": "Performing arts", "name": "Théâtre du Châtelet", "url": "https://www.chatelet.com", "origin": "FR", "dimension": "color", "why": "ACTUELLEMENT AU CHATELET! in heavy black above a performer in a pink feather boa photographed against saturated red.", "recognition": "studio-index enumeration, Base Design", "purpose": "unclassified", "archetype": "event-program", "n": 714, "thumb": "card-thumbs/th-tre-du-ch-telet@2x.webp", "card": "card-thumbs/th-tre-du-ch-telet.webp" }, { "genre": "Research labs & institutes", "name": "Whitehead Institute", "url": "https://wi.mit.edu", "origin": "US", "dimension": "color", "why": "Electric blue and violet ribbon geometry sweeping behind a serif statement set in white — an unusual palette for a biomedical institute.", "recognition": "studio-index enumeration, AREA 17", "purpose": "inform", "archetype": "institutional-informational", "n": 715, "thumb": "card-thumbs/whitehead-institute@2x.webp", "card": "card-thumbs/whitehead-institute.webp" }, { "genre": "Events / conferences", "name": "artgenève", "url": "https://artgeneve.ch/en/home/", "origin": "CH", "dimension": "color", "why": "Cyan, pink and black letterforms at poster scale overlapping each other, with the fair dates set across them in plain black.", "recognition": "r29", "purpose": "host-institution", "archetype": "event-program", "n": 716, "thumb": "card-thumbs/artgen-ve@2x.webp", "card": "card-thumbs/artgen-ve.webp" }, { "genre": "Performing arts", "name": "Beth Morrison Projects", "url": "https://www.bethmorrisonprojects.org/", "origin": "US", "dimension": "layout", "why": "A flat red ground carrying a heavy condensed BMP mark, with production stills dropped in as hard rectangles at three different scales.", "recognition": "r29", "purpose": "unclassified", "archetype": "event-program", "n": 717, "thumb": "card-thumbs/beth-morrison-projects@2x.webp", "card": "card-thumbs/beth-morrison-projects.webp" }, { "genre": "Museum & gallery", "name": "Fine Arts Museums of San Francisco", "url": "https://www.famsf.org/", "origin": "US", "dimension": "art-direction", "why": "A gold Egyptian collar alone in a vitrine, lit against near-black, with the exhibition title set small beneath it.", "recognition": "r29", "purpose": "host-institution", "archetype": "institutional-informational", "n": 718, "thumb": "card-thumbs/fine-arts-museums-of-san-francisco@2x.webp", "card": "card-thumbs/fine-arts-museums-of-san-francisco.webp" }, { "genre": "E-commerce / retail", "name": "The Hyundai", "url": "https://www.ehyundai.com/lang/en/index.do", "origin": "KR", "dimension": "color", "why": "Concentric blob lettering in yellow on blue filling the frame — DIVE INTO K-VIBE — the letterforms drawn as ripples rather than set.", "recognition": "r29", "purpose": "sell", "archetype": "commerce-catalog", "n": 719, "thumb": "card-thumbs/the-hyundai@2x.webp", "card": "card-thumbs/the-hyundai.webp" }, { "genre": "Furniture, lighting & interiors", "name": "Moyard", "url": "https://www.moyard.ch/en", "origin": "CH", "dimension": "art-direction", "why": "An overhead shot of a figure reading on a white curved sofa, the furniture reduced to pure shape against pale ground.", "recognition": "r29", "purpose": "sell", "archetype": "commerce-catalog", "n": 720, "thumb": "card-thumbs/moyard@2x.webp", "card": "card-thumbs/moyard.webp" }, { "genre": "Non-profit & institutional", "name": "Open Society Foundations", "url": "https://www.opensocietyfoundations.org/", "origin": "US", "dimension": "typography", "why": "A heavy black condensed all-caps statement running six lines deep, set beside a documentary photograph at equal width.", "recognition": "r29", "purpose": "host-institution", "archetype": "institutional-informational", "n": 721, "thumb": "card-thumbs/open-society-foundations@2x.webp", "card": "card-thumbs/open-society-foundations.webp" }, { "genre": "Events / conferences", "name": "Alcova", "url": "https://www.alcova.xyz", "origin": "IT", "dimension": "layout", "why": "A villa photographed straight on and clamped top and bottom by two red bands of running text.", "recognition": "r30", "purpose": "host-institution", "archetype": "event-program", "n": 722, "thumb": "card-thumbs/alcova@2x.webp", "card": "card-thumbs/alcova.webp" }, { "genre": "Watches & jewellery", "name": "Anicorn Watches", "url": "https://www.anicorn-watches.com/", "origin": "HK", "dimension": "art-direction", "why": "A constellation dial illustrated by Oliver Jeffers on navy, with TIME AND SPACE hand-lettered across the face in white.", "recognition": "r30", "purpose": "sell", "archetype": "commerce-catalog", "n": 723, "thumb": "card-thumbs/anicorn-watches@2x.webp", "card": "card-thumbs/anicorn-watches.webp" }, { "genre": "Performing arts", "name": "Chunky Move", "url": "https://chunkymove.com/", "origin": "AU", "dimension": "typography", "why": "Black display type layered directly over a ghosted figure so the words and the body occupy the same plane.", "recognition": "r30", "purpose": "unclassified", "archetype": "event-program", "n": 724, "thumb": "card-thumbs/chunky-move@2x.webp", "card": "card-thumbs/chunky-move.webp" }, { "genre": "Archives, memorials & remembrance", "name": "Fashion Research Library", "url": "https://fashionresearchlibrary.com/", "origin": "NO", "dimension": "layout", "why": "Magazine covers in a plain even grid beneath a faceted search list set as running text rather than form controls.", "recognition": "r30 — origin resolved from the about page: Brynjulf Bulls plass 2, 0250 Oslo", "purpose": "host-institution", "archetype": "institutional-informational", "n": 725, "thumb": "card-thumbs/fashion-research-library@2x.webp", "card": "card-thumbs/fashion-research-library.webp" }, { "genre": "Blog / news / editorial", "name": "Flash Art", "url": "https://flash---art.com/", "origin": "IT", "dimension": "typography", "why": "A heavy slab masthead, then a Statue of Liberty photograph, then the article block centred in a narrow serif measure.", "recognition": "r30", "purpose": "inform", "archetype": "editorial-publication", "n": 726, "thumb": "card-thumbs/flash-art@2x.webp", "card": "card-thumbs/flash-art.webp" }, { "genre": "Commercial art dealer", "name": "James Fuentes", "url": "https://jamesfuentes.com/", "origin": "US", "dimension": "typography", "why": "No images at all — artists, exhibitions and two gallery addresses set flush left like a letterhead, with the whole page carried by spacing.", "recognition": "r30", "purpose": "sell", "archetype": "institutional-informational", "n": 727, "thumb": "card-thumbs/james-fuentes@2x.webp", "card": "card-thumbs/james-fuentes.webp" }, { "genre": "Résumé & personal identity", "name": "Jiwoo Moon", "url": "https://jiwoo.okok.services/", "origin": "KR", "dimension": "typography", "why": "Hangul set vertically in tall columns running right to left, with small images threaded into the gaps between them.", "recognition": "r30", "purpose": "apply", "archetype": "portfolio-showcase", "n": 728, "thumb": "card-thumbs/jiwoo-moon@2x.webp", "card": "card-thumbs/jiwoo-moon.webp" }, { "genre": "Blog / news / editorial", "name": "Kaleidoscope", "url": "https://kaleidoscope.media/", "origin": "IT", "dimension": "color", "why": "Three hard vertical colour panels — green, grey-green, magenta — with a yellow line of type crossing all three.", "recognition": "r30", "purpose": "inform", "archetype": "editorial-publication", "n": 729, "thumb": "card-thumbs/kaleidoscope@2x.webp", "card": "card-thumbs/kaleidoscope.webp" }, { "genre": "Museum & gallery", "name": "Extra City Kunsthal", "url": "https://extracitykunsthal.org/en", "origin": "BE", "dimension": "typography", "why": "Purple-highlighted type blocks stepping down across a portrait, each phrase boxed so the highlight becomes the layout.", "recognition": "r30", "purpose": "host-institution", "archetype": "institutional-informational", "n": 730, "thumb": "card-thumbs/extra-city-kunsthal@2x.webp", "card": "card-thumbs/extra-city-kunsthal.webp" }, { "genre": "Performing arts", "name": "La Gaîté Lyrique", "url": "https://www.gaite-lyrique.net/", "origin": "FR", "dimension": "typography", "why": "The masthead set at poster scale above a photograph of the building's coloured arcade, the two sharing a single measure.", "recognition": "r30", "purpose": "unclassified", "archetype": "event-program", "n": 731, "thumb": "card-thumbs/la-ga-t-lyrique@2x.webp", "card": "card-thumbs/la-ga-t-lyrique.webp" }, { "genre": "Fashion & luxury brand", "name": "RIER", "url": "https://rierofficial.com/", "origin": "IT", "dimension": "art-direction", "why": "One portrait, one loden coat, and two words of navigation — the entire page is a single photograph and a wordmark.", "recognition": "r30", "purpose": "sell", "archetype": "commerce-catalog", "n": 732, "thumb": "card-thumbs/rier@2x.webp", "constitution_sections": [ "universal-art-direction" ], "card": "card-thumbs/rier.webp" }, { "genre": "Performing arts & festival", "name": "Romaeuropa Festival", "url": "https://romaeuropa.net/", "origin": "IT", "dimension": "color", "why": "Green, violet and black blocks colliding at right angles with the festival dates set across the overlap.", "recognition": "r30", "purpose": "host-institution", "archetype": "event-program", "n": 733, "thumb": "card-thumbs/romaeuropa-festival@2x.webp", "card": "card-thumbs/romaeuropa-festival.webp" }, { "genre": "Restaurant / food", "name": "Sqirl", "url": "https://sqirlla.com/", "origin": "US", "dimension": "art-direction", "why": "Cut-paper lettering and pen line drawings arranged around a single plate of food, the words 'walk in' torn and tilted.", "recognition": "r30", "purpose": "sell", "archetype": "hospitality-place", "n": 734, "thumb": "card-thumbs/sqirl@2x.webp", "card": "card-thumbs/sqirl.webp" }, { "genre": "Performing arts", "name": "Staatstheater Nürnberg", "url": "https://www.staatstheater-nuernberg.de/", "origin": "DE", "dimension": "typography", "why": "STAATS THEATER NÜRN BERG broken across four white lines over a company of performers in white holding footballs.", "recognition": "r30", "purpose": "unclassified", "archetype": "event-program", "n": 735, "thumb": "card-thumbs/staatstheater-n-rnberg@2x.webp", "card": "card-thumbs/staatstheater-n-rnberg.webp" }, { "genre": "Kids / playful", "name": "This Is Short", "url": "https://www.thisisshort.com", "origin": "UNRESOLVED", "dimension": "color", "why": "Felt puppet characters staged in a pink-tiled room with the section title set in green directly across them.", "recognition": "r30", "purpose": "stage-experience", "archetype": "interactive-experience", "n": 736, "thumb": "card-thumbs/this-is-short@2x.webp", "card": "card-thumbs/this-is-short.webp" }, { "genre": "Performing arts & festival", "name": "Transit Filmfest", "url": "https://www.transit-filmfest.de/", "origin": "DE", "dimension": "color", "why": "Hand-drawn creatures crowding a flat yellow ground around the festival mark, the drawings doing the work type usually would.", "recognition": "r30", "purpose": "host-institution", "archetype": "event-program", "n": 737, "thumb": "card-thumbs/transit-filmfest@2x.webp", "card": "card-thumbs/transit-filmfest.webp" }, { "genre": "Performing arts", "name": "Vega Scene", "url": "https://www.vegascene.no/", "origin": "NO", "dimension": "typography", "why": "CAMP MIASMA set in red poster type beside a runway photograph, the two held in one frame at equal weight.", "recognition": "r30", "purpose": "unclassified", "archetype": "event-program", "n": 738, "thumb": "card-thumbs/vega-scene@2x.webp", "card": "card-thumbs/vega-scene.webp" }, { "genre": "Non-profit & institutional", "name": "Washington Square Park Conservancy", "url": "https://www.washingtonsqpark.org/", "origin": "US", "dimension": "interaction", "why": "A live masthead strip carrying the current temperature, sunrise and sunset times and the latest bird spotted in the park, sitting above the photography as a permanent band.", "recognition": "r30", "purpose": "host-institution", "archetype": "institutional-informational", "n": 739, "thumb": "card-thumbs/washington-square-park-conservancy@2x.webp", "card": "card-thumbs/washington-square-park-conservancy.webp" } ] }