The collection

Other

A boutique therapist for "anxious, high-achieving women" who reassures by being polished and specific - a warm sand-and-charcoal editorial system, a Calluna serif voice, named specialties and a clearly walked process that says "I understand exactly who you are and how this works".

Design Portfolio

Indian designer personal portfolio - 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.

Developer Tool

an AI-infra product site that swaps the genre's default dark-neon for a hand-built 3D Japanese-garden world, then runs warm earth tones, a grotesque/mono type pair and patient scroll-reveal motion over the top so a developer tool feels like a calm place.

Consumer Brand

an editorial e-commerce reference where Suisse Intl on warm-cream `#fffef2`, a modular 1.13 type ratio, and full-bleed photography do all the work - no display face, no accent colour, no motion of consequence.

Hospitality

a Tokyo yuzu-shio ramen house that presents itself like a gallery, near-pure white space, a single yellow Mt-Afuri mark, an all-caps letter-spaced AFURI wordmark in a Yu Gothic system stack, and full-bleed food photography that fades up on a 0.5s scrollFade so a bowl of ramen reads as a still life.

Design Portfolio

A Melbourne solo UX designer's Framer-built portfolio in a brutalist bracket-wrapped monospace voice - black-on-white chrome punctuated by a single neon-yellow accent, dotted-grid hero, and full-bleed yellow about page.

Design Portfolio

a 3D artist's Framer portfolio that opens on a full-bleed red wall with a colossal magenta FREE FAT FONT "ALINA" wordmark, then drops the volume into clean editorial white-on-near-black case studies set in Satoshi with Times serif accents, the loud act and the quiet act in deliberate tension.

Real Estate

an architecture-led property developer reduced to its barest, most confident form, full-bleed aerial London video on near-black, a single Albertus serif word-pair ("PLACES / PEOPLE"), almost no chrome, and a quiet fade-and-rise motion that lets the buildings carry everything.

Fitness

an aspirational activewear and yoga store that runs almost pure black-on-white, lets full-bleed editorial photography fill the frame, and adds personality through one handwritten-italic serif overlay and disciplined image-grid merchandising.

Design Portfolio

The reference for solo illustrator portfolios on Webflow - hand-drawn "Stay Strange" hero typography, monochrome black/white canvas, and a 4-column thumbnail grid that lets the artwork carry the entire visual voice.

Creative Studio

a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.

Beauty

a Malaysian day spa that sells calm with one oversized Fraunces wordmark on a sun-warmed photographic hero, an earthy sand-brown-sage palette, and slow GSAP-and-Lenis scroll, the whole page tuned to feel like exhaling.

Developer Tool

a warm ivory-and-slate site where editorial serif typography, a single clay accent, and unhurried 0.8s expo reveals reframe AI as a humanist research practice rather than a product to sell.

Developer Tool

a Next.js product site that turns electric ultramarine (`#3139fb`), a peach-cream wash (`#fffcec`), and the bespoke Marlin display face into a confident brand-announce moment - "Meet Dia" - where every other site decision exists to give the colour and the new product name room to land.

Hospitality

a Brixton specialty roaster on Shopify that styles itself like an art-house gallery, a near-black oxblood hero, GT America Light paired with ID00 Serif italic for the editorial voice, a single brass-gold accent, and a giant "Assembly | 10" anniversary wordmark closing the page on black.

Marketing Platform

The reference for warm-cream SMS/email marketing brands - Diatype + italic-serif accent, signature yellow CTA, real-people photography hero with italic-serif H1.

Other

A Dubai luxury real-estate agency that sells status boldly - a near-black canvas, an enormous mixed bold-sans-and-italic-serif display ("Welcome To / Avant Garde Real Estate"), full-bleed property films, a developer-partner logo wall (EMAAR, DAMAC, Nakheel), and copy aimed squarely at "the world's elite".

Health

a Kyiv multidisciplinary clinic that opens on a full-viewport split-screen gateway, a pale-grey "Multispecialty Clinic" half against a charcoal "Aesthetic Medicine" half, with 44px ultra-light uppercase Helvetica Neue headings sitting at opacity 0.6 over warm wood-corridor photography and a glass "Select your area" pill straddling the seam.

Hospitality

a Michelin Bib Gourmand Taiwanese restaurant group rendered as a full-screen photographic gallery, oversized bao floating on a warm #F9F9F5 cream ground, the geometric Brown typeface holding everything in black at a restrained 36px, and a single screaming #FF0000 booking bar that is the only colour the page allows itself.

Fitness

the original HIIT studio brand selling "the best workout in the world", a dark, cinematic Webflow site built on near-black and the Red Room red, condensed athletic display type, a hand-painted script signature, and a booking-first hero that puts "find a studio" above everything.

SaaS Product

a 2026 Basecamp 5 launch site where every captured colour value is in OKLCH (the most aggressive perceptual-uniform colour-space adoption in the library), Graphik is the sole typeface, two CSS keyframes is the entire animation budget (`blink` + `status`), and the page is composed as a literal product screenshot with bulleted prose navigation in the margin.

Marketing Platform

The reference for newsletter / creator-platform brands with all-caps section H2 discipline - dark navy + magenta accent + ClashGrotesk display, real publisher logos from TIME / Newsweek / Adobe.

Retail

an accessories e-commerce site that fronts a deep catalogue with one bold, punchy hero, leading with heavy uppercase GTUltra type, a warm terracotta accent on a near-monochrome base, and a calm Material-style motion system that keeps a 40-section shop feeling composed.

Other

A premium St Petersburg residential development ("Белый Остров" / White Island) that sells aspiration through cinematic craft - a gold-and-navy luxury palette, a full-screen architectural hero, GSAP page-transition wipes and a Three.js/WebGL layer, with calm cream glass cards promising "a place of rest and strength".

Professional Services

a small-business bookkeeping service that builds trust with a deep-navy hero, friendly Circular Std type, a soft blue-teal palette and a product mock-up showing real reports and chat support, calm, credible, conversion-focused.

Film Production

The reference for boutique NYC production studios - full-bleed video tile mosaic on warm off-white, condensed black serif wordmark, GSAP+Lenis scroll choreography over a soft pastel palette that cycles per section.

Trades

a US renovation marketplace that sells trust through warmth, big bold Fakt sans headlines over real renovated-room photography, a calm black-on-bone palette with one warm orange call to action, on a Next.js + Contentful stack with restrained spring-eased motion.

Beauty

a Japanese "books-meets-hair-salon" venture site that runs as one long illustrated scroll, a flat textured editorial illustration carrying the full-bleed hero on a #42B775 green, manifesto prose centred on #F2EFDE cream paper, Yeseva One display caps over a TsukuA Old Min mincho body, and a slow 0.8s cubic-bezier(0.18,0.06,0.23,1) reveal with floating cut-out motifs that bob and drift between sections.

Creative Studio

The reference for Paris startup design agencies - Youth chunky-sans display, cream parchment paper, orange ©-superscript wordplay, live Paris clock, Webflow + Lenis + Splitting.js stack.

Childcare Education

a large early-education and childcare provider whose site leads with a warm deep-teal and sunshine-yellow palette over happy children's photography, the rounded Mulish sans throughout, a tabbed audience-routing hero, and a clear, trust-led grid of pathways for parents and employers.

Design Portfolio

The reference for desktop-as-portfolio metaphor - Polish multi-discipline designer's case studies presented as macOS-style application icons overlaid on a personal photograph.

Editorial Publishing

An Italian "design gang" community-magazine fronted by a hand-drawn one-eyed coffee-cup mascot - bubblegum-pink canvas, a literal animated preloader as the brand voice, GT Haptik sans paired with Argent Pixel CF italic for headline accents.

Developer Tool

The reference for open-source dev-tools brand at peak typographic confidence - Cal Sans 64px H1 on pure white, real booking widget in hero, prestige customer logos.

Trades

a collision and auto-service chain whose site is a clean, trust-first conversion funnel, with "Online Estimate" and "Book an Appointment" front and centre, a confident dark-on-white system, and a single bold accent.

Creative Studio

The reference for award-winning Miami creative dev studios - extreme typographic range (200 to 900 weight, 10 to 300px scale), three premium fonts, left/right-anchored hero positioning, PageLayer + Splitting.js stack.

Health

a digital pharmacy whose site makes medication feel calm and human ("Meds made easy"), a trustworthy navy-and-white system with a Mercury serif display over Circular sans, built around the simple promise of transferring a prescription and getting it delivered.

Hospitality

a Maryland coffee roaster on Shopify that reads like an editorial magazine, warm off-white paper grounds, an Avenir-plus-Meta-serif pairing, large lifestyle photography of brewed coffee on linen, and a calm 0.15s fade discipline that keeps a busy commerce catalogue feeling unhurried.

Other

A solo therapist's site that breathes - vast warm-cream whitespace, a calm teal serif, and a thin vertical line that literally walks you down the page while the copy says "pause, breathe, connect".

Design Portfolio

A one-screen portfolio reduced to a single fragmented blackletter wordmark on near-pure-black, where the only "design" on the canvas is a piece of broken display typography that morphs as you scroll.

Design Portfolio

Solo front-end developer portfolio at its most reductive - a single 144px wordmark, one rotating dual-image work card, three-word descriptor, and a pill-tab bottom-center nav. The whole site is one viewport.

Other

An Australian luxury furniture and interior-design house that fuses editorial aspiration with e-commerce - a calm near-white canvas, a Goldenbook serif over Moderat sans, full-bleed styled-room photography, an "Inside Our Universe" editorial layer (journals, catalogues, design portfolios) and a "Shop Coco Republic" category grid, plus a full interior-design service.

Hospitality

a Copenhagen specialty roaster whose Shopify storefront is built entirely in warm brown ink (#4C4341) on cream (#FAF6ED), set in one tight-tracked NB International Pro at all weights, with hard 0px corners, deep oxblood (#792E2E) editorial bands, and a quiet 0.2s-fade / 0.3s-transform discipline so full-bleed farm photography carries the whole page.

SaaS Product

The reference for fusing a pixel-art world-building aesthetic with editorial chapter-based content - a 16-bit hero on a learning-guide body.

Real Estate

a tech-brokerage site that fronts a property search engine with one calm photographic hero and a serif headline, using a near-monochrome ink-on-white system, a custom Compass Sans plus Compass Serif pairing, and a prominent buy/rent/sell search bar as the centrepiece.

Fitness

a warm, editorial pilates-studio site in espresso and cream (#25140C / #F7E7DE) with an Albert Sans plus Minion Pro serif-italic pairing, sun-lit interior photography, Lenis-smoothed scrolling and a giant "core atelier" wordmark closing the page.

Fitness

a yoga studio chain whose site runs entirely on the class timetable, Book / Studio Schedule / On Demand sit at the front of the nav, in a warm sunset-orange-and-cream palette with friendly Poppins, so finding and booking a class is the whole experience.

Other

A counsellor's site that makes safety its whole argument - a warm cream-and-teal system, a script wordmark and a serif headline, building to one big full-bleed teal statement: "Here, it's safe to put the armor down."

SaaS Product

The reference for AI customer-support brand - bespoke Crisp Aeonik Pro, real chat dashboard hero, link-blue underline emphasis, dark navy announcement banner promoting AI agent.

Health

a London bespoke-spectacle maker treating its Shopify storefront like a design museum, near-black ink on white, a tiny precise type scale in its own Fold Grotesque, generous 16px-radius media tiles, and a giant "CUBITTS" wordmark laid behind a Greenwich Observatory photograph.

Developer Tool

a Next.js / Tailwind developer-tool site where a bespoke CursorGothic on warm-light cream (`#f7f7f4`), EB Garamond paragraphs for editorial moments, and 0.14s expo micro-animations make a coding-agent product feel like a quietly-confident research lab rather than a SaaS landing.

Creative Studio

The reference for venture-studio portfolios that flex through monumental condensed type, a single blue I-beam cursor accent, and a venetian-blind slat hero that fragments a single image into a column-rhythmic curtain.

Data Infrastructure

The reference for B2B data-infrastructure: dark navy hero with rainbow data-flow visualization, Inter at four weights, bright Anthropic-blue CTAs over deep `#0e0f18`.

Creative Studio

a family-run design studio that turns its own name into the hero, a screen-filling black ";DIPSY" set in a heavy condensed grotesque on warm grey, a pink gradient bleeding down from the top edge, pill-outlined nav and pill form fields, and a playful run of cookie-dough photography toward the end.

Hospitality

a beloved restaurant group whose site is a love letter to its story, warm cream-and-charcoal editorial storytelling in a Cheltenham serif, with menus and "book a table" threaded through the narrative for each venue.

Hospitality

a world-famous pastry chef's bakery group on WordPress that leads entirely with product photography, a sage-and-olive neutral palette (#B8BAAB sage, #282D22 deep olive ink), all-caps Proxima Nova labels over a full-bleed image carousel of viennoiserie, and a gentle ease-driven motion that lets the food do the talking.

Creative Studio

A Baltimore studio that uses a single 765px-tall wordmark as the entire homepage, with a warm pink-on-black palette and 5-link nav, signalling small-shop confidence through wordmark-as-canvas restraint.

SaaS Product

The reference for a 700-million-user product brand at restraint: cream "coconut" backgrounds, one saturated blue CTA, real product UI rendered enormous, and a 13-section page that never raises its voice.

Developer Tool

The reference for open-source link-attribution platform - pure black/white monochrome with Satoshi + Inter, real dashboard hero, dotted-grid integration map, 48-keyframe motion library.

Other

A speciality roaster whose homepage is mostly hushed, moody photography of an empty cafe at dawn - serenity sold through atmosphere and almost no copy, with a single deep-plum accent doing all the colour work.

Design Portfolio

The reference for **solo-designer Webflow portfolios with mono-label chrome and trading-card service tiles** - cream `#f9f4eb` page, monumental Arial Narrow display, pastel "card-stack" service blocks and an elastic linear() overshoot ease everywhere.

Retail

a cult premium grocer that turned organic groceries into a lifestyle brand, a warm off-white canvas, confident Sharp Sans, a category-led shop, and a strong mission-and-community story that justifies the premium.

Beauty

a four-city hair-salon group (London, Berlin, New York, Toronto) on a WordPress + Bootstrap 4 theme that turns a colour-blocked palette of dusty rose #BF8275, sage green #6A8A6E and blush #E4DADA into the whole identity, with a heavy black Arial-Black "ESHK" wordmark, italic Roboto-100 section titles boxed in 1px outlines, and a calm 0.15s colour transition holding it together.

Other

A Swedish artisan bakery whose home page is a single warm photograph of hands shaping dough, over which three cities (Stockholm, London, New York) sit as a quiet gateway - belonging and craft conveyed before a word of selling.

Professional Services

a US financial-advisory service that pitches calm confidence with a deep teal-navy palette, a warm full-bleed lifestyle hero, a single Euclid Square sans, and one orange accent, aspirational but trustworthy.

Creative Studio

an award-agency site that runs on contrast, a near-black ink and soft mauve, a grotesque paired with its own mono, type that swings from 11px labels to viewport-filling 130px+ display, a custom loading cursor and horizontal marquees, with a glassy 3D aurora render as the one moment of spectacle.

SaaS Product

a white-canvas product site that uses tilted Figma file-cards as the hero imagery, the bespoke variable figmaSans + figmaMono pair at non-integer weights (340, 480, 520, 540), and a 0.16s ease-out motion contract to demonstrate breadth without showing a single screenshot of the actual Figma UI.

Design Portfolio

A solo creative-technologist portfolio styled as a code editor - a "fine-thought.js" filename tab, line-number gutters, a monospace face for 95% of text, and ASCII-art "guide" glyphs forming the entire visual texture of the page.

Retail

a food-and-home brand that fused editorial content with commerce, recipes and stories draw you in, a clean serif-and-sans system on white, and a shop (cookware, gifts, homewares) is always one tap away.

Developer Tool

the website builder demonstrating itself - a dark, bento-led showcase built in Framer and animated by Framer Motion, where the site IS the product pitch.

Retail

an Australian premium-drinkware brand whose Shopify store leads with a glossy product hero on warm cream, a confident brand green, the geometric Circular Std sans with a Victor serif accent, big rounded buttons, and a customisation-and-gifting story told through clean product photography.

Hospitality

a Paris restaurant group telling a family story, a dark moody hero of textured produce stills, a Traulha display serif (roman and italic) over a Gill Sans body, cream type on near-black ink, and a calm row of venue cards that turns six establishments into one elegant front door.

Creative Studio

Award-winning creative agency "Designing Future" - Instrument Serif + Suisse Int'l Book editorial pairing, Webflow + GSAP + ScrollTrigger + Swiper stack, AI & ML capability section.

Creative Studio

Self-aware "this might be a design studio" hero on near-black with vivid red display + rainbow-bordered chrome - WordPress+Elementor post-modern creative aesthetic.

Marketing Platform

The reference for a creator-platform brand at peak typographic confidence - Inter Display at 96px, real product dashboard at full fidelity, single saturated green accent on a 4-surface palette.

Design Portfolio

a multidisciplinary designer's portfolio that floats a crisp white intro card over a dark, full-bleed photographic world, pairing a clean Neue Montreal grotesque with a high-contrast Times display serif and one slow in-out-sine colour fade.

Beauty

a beauty-DTC site stripped to near-nothing, black Apercu on white with millpond whitespace, a famous soft-pink campaign hero, and one electric-blue (#0600FF) accent, where the restraint itself is the brand.

Marketing Platform

The reference for hand-drawn doodle-illustrated Webflow microsites - Bowlby One bold display + Inter Tight body on pure white, sketchy comic-book illustrations of muscle-mascots and superhero characters, GSAP + Lenis scroll mechanics on a quirky niche product (crypto meme templates).

Other

A NYC cosmetic-dental practice that disarms dental dread with playful Bauhaus geometry and a warm cream canvas - scattered half-circles in pink, orange and blue behind a serif "Dentistry Redesigned", then walls of grinning patient photos.

Other

A Chicago/Milwaukee organic-forward lawn-care company that earns trust through values and locality - lush landscape photography on a warm navy-gold-cream canvas, a Cormorant Garamond serif, a "Why Choose Greenwise" reassurance band, a service-area map with an availability checker, and a sustainability commitment that makes "organic" feel credible rather than greenwashed.

Developer Tool

a near-black product site where a 101px "Animate anything" headline in the bespoke Mori sans on creamy off-white (`#fffce1`) and 3D liquid-form objects animated by GSAP itself make the homepage the most credible product demonstration in the JavaScript-animation category.

Childcare Education

a warm, parent-facing Montessori network site built in WordPress and Elementor, lowercase Graphik headings each ending in a coloured full-stop, a soft cornflower-blue (#7AA9E1) and coral (#ED4944) palette on slate-blue body text, pill buttons and rounded-bottom image cards, gentle and trustworthy rather than clever.

Marketing Platform

The reference for playful creator-platform branding - chunky black filled CTAs, cream background, hand-drawn pink coin illustrations, ABC Favorit at 96px.

Fitness

a London boutique gym that shouts, near-black backgrounds, one electric yellow accent, a custom condensed display face set in enormous all-caps ("ANYTHING GOES", "GOT QUESTIONS?"), gritty workout photography and Lenis-smoothed Swiper carousels.

Beauty

a Tokyo hair salon built as a near-silent editorial split-screen, ink-black 10px Neue Haas Grotesk and a Ryo/Classico serif on a warm stone #D6D4C9 ground, where the only voice of colour is a muted plum #725068, two panels scroll independently, and a GSAP-plus-Barba intro brings the fixed header up over 1.1s on an expo-out curve.

Other

A dental-tech hardware brand (the Halo "digital mirror") that opens on a black stage with its glowing ring-lit device, a 100px "Halo" wordmark and "We All Shine", then proves capability with a calm bento grid - Apple-product confidence aimed at clinicians.

Retail

a Danish designer-furniture house whose store reads like a quiet gallery, near-black ink on a single light-grey field, Neue Helvetica paired with an ITC New Baskerville serif, almost no UI chrome, and a slow editorial scroll where the products and photography are the only colour.

Health

a meditation and mental-health brand whose site radiates calm and friendliness, a warm cream canvas, the bespoke Headspace Apercu sans, big soft-rounded shapes, playful illustration and a signature sunshine yellow, so therapy and mindfulness feel approachable rather than clinical.

Beauty

a facial-membership skincare chain that feels friendly and trustworthy, deep navy ink on warm cream, soft powder-blue and butter-yellow accent panels, the Sunset Gothic grotesque, close-up facial photography and lots of proof (press logos, big stats, reviews).

HR Platform

The reference for friendly HR/recruiting platforms with chunky 70s-display typography - warm cream + brown text + saturated CTA, real product UI in hero, pink customer-love mode-flip.

Creative Studio

a black-canvas, Monument-Grotesk agency site that turns brutalist restraint into confidence, sharp corners, one type family, vast empty space, then detonates a few hot-pink and acid-green colour blocks and lets Lenis-smooth scroll reveal the work.

Design Portfolio

The reference for solo motion-design portfolios that lean on a single brand colour, a giant condensed display face, and a "loading-screen-as-hero" gimmick to read as confident and craft-forward without an agency budget.

Retail

an Australian designer-furniture and homewares house whose homepage opens on a warm, cinematic golden-hour video of hands working raw timber and a rug being woven, set in a strictly greyscale, whitespace-led editorial system with the Neuzeit Grotesk sans doing nearly all the work and a BN Cicero serif for accents.

Film Production

The reference for solo motion-director portfolios - pure black canvas with monumental Helvetica display type, pill-shaped chip nav, and a single sticky "W." / vertical "Honors" chrome mark.

Agency Home

the home brand - Jiffi's own site, a punchy "chaos to clarity" tech-agency story told through GSAP-driven scroll motion, the Simula + Satoshi type system and the navy/blue/yellow palette.

Creative Studio

NYC creative studio + merch shop - "unification of artwork, fashion, music & video", Helvetica + ultra-blue accent, Nuxt + Prismic stack, 229px hero.

Film Production

A creative production house that turns the whole homepage into a single typographic poster: a giant neon-green wordmark on pure black, with services, talent roster, and live Asia-timezone clocks anchored to the edges.

Health

a rural Japanese ENT clinic that behaves like a confident product launch, a soft grey #BCC2C5 stage, one electric #00B9EF cyan doing every accent, Morisawa display type set huge with 1.6px tracking, a hero where a full-bleed building photo gets swallowed by a giant cyan rounded panel sliding up, and a whole-page Lenis scroll where text reveals on a 0.8s opacity-and-transform lift.

Creative Studio

The reference for global brand-agency studios - yellow logomark on near-black, four custom typefaces, live UTC clock chrome, split-screen sticky-text case study reveals.

Childcare Education

a baby-and-toddler products store on Shopify that reads as premium rather than cutesy, deep navy (#0F234C) on white, a GT Alpina serif paired with Neue Haas Grotesk, warm real-family kitchen photography, full navy feature panels with a warm CTA, and GSAP-plus-Swiper product carousels.

Trades

a bespoke-joinery house that sells craft as heritage, warm sepia interiors and meadow photography under a high-contrast transitional serif, the brand reduced to a single fine line-drawn ring, with quiet WordPress structure and almost no visible motion furniture.

HR Platform

The reference for HR/People platforms with rainbow-gradient personality - deep teal text on cream, pastel feature cards, multi-coloured wave logo, Matter at fractional rem-math sizes.

Other

A dental clinic that turns the most anxiety-inducing service into calm and reassurance - a deep forest-green canvas, a rounded geometric display, and a circular arc-timeline that carries you through "peace and safety during every appointment".

Creative Studio

a gallery-minimal brand-studio portfolio where a near-white canvas, one large black-and-white image and a tiny "Explore ↓" are the entire first screen, image carries everything, type whispers, and a single classic link-blue is the only colour.

Creative Studio

French multidisciplinary studio that uses a totally achromatic black-on-white chrome and lets 3D render film carry every drop of colour, with cinematic 0.45s easeOutExpo transitions and a small cat-head logomark floating in a dark pill nav.

Creative Studio

The reference for international boutique studios - bold red background, royal-blue L'Étude wordmark overlaid on photography, SvelteKit + Sanity + Lenis stack, draw-in logomark animations.

Developer Tool

the restraint benchmark - a dark, near-monochrome product site where one indigo accent, crisp 0.16s motion and an animated dot-grid do all the work, and nothing is wasted.

Design Portfolio

Sergey Lisovskiy's personal designer site - floppy-disk hero illustration + intentionally scrambled-letter headlines + single 43.2px Apfel Grotezk + SvelteKit.

Data Infrastructure

a pure-black developer-infrastructure site where Suisse + JetBrains Mono on stark `#000` carry the engineering authority, a single magenta-glow card with handwritten annotations sells the human side of collaboration, and 58 Radix-UI keyframes power dropdown / sheet / popover motion that feels app-grade rather than marketing-page-grade.

SaaS Product

a post-Atlassian-acquisition SaaS site (now branded "Atlassian Loom") built in Next.js, set in Atlassian's Charlie Text + Charlie Display, anchored by a single Atlassian-blue `#1868db` CTA and a hero video thumbnail that doubles as the product demo - the canonical reference for "absorbed-by-enterprise SaaS that still feels like itself."

Marketing Platform

The reference for editorial-serif email platform - cream + black + classic article underlines, Framer page builder, AI agent sub-product positioning.

Other

A 100+ year, employee-owned national commercial builder that projects quiet authority at scale - full-bleed video and aerial photography of real megaprojects, oversized condensed type ("SUPERIOR RESULTS", "WE CAN BUILD IT"), a single bold red accent, and clip-path scroll reveals that feel cinematic but never showy.

Health

a clinical-but-warm physiotherapy site built on one confident teal (#00A09A), oversized outlined display headlines laid over duotone black-and-white treatment photography, with GSAP-driven reveals on a long, soft easing curve.

Retail

a flagship fine-jewellery shop that reads like an editorial magazine, full-bleed black hero portrait, an all-caps grotesque headline set against monospace body and warm-grey detail copy, near-zero radii and almost no shadow, with restraint doing all the luxury work.

Fintech

a banking site that turns scale and aspiration into the brand - bespoke variable Arcadia/ArcadiaDisplay typography at intermediate weights (420/480), a glass-blur dark nav over a 1952px-wide light page, atmospheric mountain/space photography, and one electric-indigo CTA in a sea of refined neutrals.

Design Portfolio

a developer-designer's portfolio that opens on a pure-black void with a single pixel-font "Enter" button, gating the experience behind a deliberate retro-terminal threshold and a cyan-tinted, Tailwind-built world beyond it.

SaaS Product

The reference for QuickBooks-niche B2B CRM - clean deep-navy + royal-blue conservative B2B design with yellow-underline accent and customer-photo-driven testimonials.

Film Production

a VFX studio reel built as one giant black canvas where Mux-streamed clips hang in space, tiny 14px labels float at the edges, and a thumbnail filmstrip pinned across the bottom lets you scrub the whole body of work like a video timeline.

Marketing Platform

The reference for AI-documentation platform - cloud-gradient sky hero, mint-green CTA, modern lab()/oklab() colour science, real docs mockup with AI assistant chat.

Professional Services

a top London law firm that ditches the navy-and-columns cliche for a dark, editorial, almost magazine-grade site, near-black grounds, full-bleed photographic heroes, a single burnt-orange accent and clean Helvetica Now type, anchored by a prominent "How can we help you?" search bar.

Creative Studio

The reference for warm-neutral boutique UX/UI studios - handwritten signature mark, cream-and-stone palette, restrained editorial type, horizontal-scroll-pinned case study reveal on an otherwise calm vertical page.

Health

a Yokohama home-visit clinic whose homepage runs as a fixed 270px left rail (logo, vertical bilingual nav, phone) against full-bleed warm photography on the right, a rainbow-fan motif fanning over the hero, ink-grey #222 type set in an old-style Japanese gothic with letter-spacing pushed wide (h1 50px on 90px leading, 10px tracking), and a single calm 0.15s ease-out as the whole site's transition.

Creative Studio

a Vietnamese digital design studio that opens on a colossal Monument Extended "NIKI" wordmark over a near-black, cinematically lit scene, with orange-suited collectible action figures as the work showcase and an industrial monospace-label HUD framing everything.

Film Production

Los Angeles commercial production company portfolio - cream `#fcfaf5` light theme over pure black dark theme, ATF Alternate Gothic Condensed + Fixture grotesque, header-fixed live LA clock, narrow centred 9-tile project grid, and a `mix-blend-mode: difference` H1 that inverts as it crosses the hero image.

Hospitality

a three-Michelin-star restaurant that sells itself through photography and a quiet serif, full-bleed seasonal imagery, a lowercase joined wordmark, and almost no chrome, so the food and the place carry the whole page.

Type Foundry

a type-foundry-and-design-studio site whose signature is a "Type-Toggle", the entire page can be re-rendered in any typeface from their own collection, wrapped around a tight, gridded flat-lay portfolio in black, white and one electric yellow.

Creative Studio

a digital-experience studio that builds its homepage like one of its products, a fixed, gridded "operating system" screen on an off-white grain canvas, where an iridescent 3D ODC logo, a big Roobert headline, a single yellow block and live Mux video tiles sit inside hairline-ruled frames and move with spring physics.

Other

A Sydney wealth-advisory firm that earns trust through calm authority - a deep-navy coastline canvas, "SECURE YOUR FUTURE WITH US", a row of award badges and hard performance numbers, all delivered with restraint rather than salesmanship.

Health

a Roseville osteopathy and physiotherapy clinic (formerly MPR Health) that styles allied health like a wellness editorial, warm cream #F5ECE6 paper grounds, all-brown #3C2E24 ink, a custom "One and All" display serif reaching 76px set against the Dazzed sans, full-bleed treatment photography, and a single raspberry #CC3366 accent that lives only in the ampersand.

Health

a primary-care membership clinic whose site makes healthcare feel calm and human, a warm teal-and-peach palette, a GT Super serif display over clean Ginto sans, audience-segmented care paths, and a "book" action that treats getting care as the product.

Hospitality

a Bentonville speciality roaster that treats its homepage like a documentary, full-bleed cinematic coffee-farm and cafe footage under a hand-drawn "Onyx" signature, near-black creme paper (#FBFAF3) carrying ink-black type, a Bajern display serif beside all-caps tracked Room-205, and a slow 1.1s/1.7s scroll-reveal that lets each photographic band rise into place.

Photography

a Dutch beauty-and-fashion photographer's portfolio where a single huge Big Caslon word ("Beauty") floats among scattered editorial images on a warm pampas field, with a soft 5-second background cross-fade and a floating pill category selector doing all the navigation.

Real Estate

a proptech site that sells second-home co-ownership as an aspirational lifestyle, leading with a full-bleed cinematic landscape, a freight-display serif headline with one italic word, and a calm ink-on-cream palette warmed by a single sage green.

Health

a functional-medicine telehealth clinic that earns trust through calm, a deep forest-teal and warm-cream palette, an EuclidCircularB-plus-Teodor-serif pairing, a long evidence-led page of credential blocks, comparison tables and measurable outcomes, all on a clean Next.js + Tailwind build.

Photography

a Tokyo photographer's portfolio that turns a contact-sheet grid of faded thumbnails into the page itself, with one giant Neue Haas category word ("Landscape") and a katakana wordmark anchoring an otherwise near-empty bone-white field.

Fintech

The reference for pure-dark embedded-finance minimalism - bespoke Suisse Int'l on pure black, single saturated orange, one font weight only.

SaaS Product

a violet-and-yellow presentation-tool flagship that pairs Eina01 + Mark Pro on a warm-navy ink, sparkle keyframes (`sparkL`, `sparkM`, `sparkS`, `sparkHover`), animated cursor pointers, and a numbered four-step "Plan / Build / Pitch / Measure" walkthrough - the canonical reference for "B2B presentation software that earns playfulness."

SaaS Product

a Framer-built operational site that turns a bifurcated 80px headline (bright green + dark green) into the whole brand, leaving everything else - cream cards, Geist Mono micro-labels, single-easing colour transitions - in subordinate role.

Marketing Platform

The reference for privacy-focused / lightweight / OSS brand at extreme minimalism - system fonts only, 16 total network requests, 2 CSS transitions, explicit Google Analytics comparison.

Creative Studio

a startup studio that throws out the scrolling landing page entirely and turns its homepage into an explorable illustrated island, a cartoon archipelago floating on a dotted cyan sea, divided into districts (Contacts Area, Service District, Works Town, About Island) you pan and zoom through, with info pins instead of a nav bar.

Creative Studio

A Framer-built creative studio site where Inktrap display type, monochrome pure-black canvas, and large geometric SVG portals (tracks, wells, vortexes) carry the entire brand: a "creative gateway" rendered as actual gateways on every scroll.

Film Production

a film and commercials production studio that runs a single enormous "POSTER" wordmark in Monument Extended across the top, a full-bleed showreel still behind it, and a dense ticker of project credits set in Azeret Mono along the bottom, with default-blue (#0000EE) links breaking the monochrome.

Developer Tool

personality as the strategy - a warm, cream-toned developer-analytics site that leans hard into a hedgehog mascot, playful animation and quirky copy to feel human in a sterile category.

Trades

a Studio Lumio demo store for a furniture maker that turns the brand name into a colossal 408px bone-white "PROPS" wordmark sitting over a warm, sunlit photograph of a hand-woven rattan chair, all set in a calm beige-and-brown palette with a Manrope variable sans paired against a Times serif and a Lenis-smoothed scroll.

Health

an oral-care brand that makes dental health feel friendly and modern rather than clinical, a clean mint-and-teal system, Poppins, soft pill shapes, with a shop, a store locator and a "find a professional" dentist network.

Fintech

a white-canvas fintech site where the bespoke Lausanne sans is used at ONE weight, near-black text on white, and a single neon-yellow CTA "Get started for free" carries every conversion moment - precision capitalism via radical typographic restraint.

Other

A national bathroom-remodelling franchise that takes the dread out of a renovation - "Beautiful Bathrooms Made Easy", a coast-to-coast trust band, a "Find Your Local Re-Bath" map, a clear named process, a celebrity designer collab and a free-consultation form, all in a calm maroon-and-serif system that makes a daunting project feel handled.

Creative Studio

The reference for serif-display motion-creative agency sites - cream `#F9F8EE` paper, serif/grotesk hybrid wordmark, sticker-style organic shapes, and a fixed top chrome that morphs the brand tagline letterforms.

Developer Tool

developer-tool minimalism done to the highest finish - a near-black, code-forward site where a precise type system and quiet, fast motion make an email API feel like craftsmanship.

Photography

a fashion photographer's portfolio where the entire interface is small red type scattered across a white page, every label, category and caption set in tiny bold red Helvetica, floating over and between full-bleed images so the navigation reads like annotations on a contact sheet.

Film Production

A Southern African film production studio site that pits a bespoke shattered-slab display logomark against full-bleed film stills and a heavy WebGL/GSAP/Lenis motion stack to make the homepage feel like a 60-second commercial reel rather than a marketing page.

Design Portfolio

a playful Cargo.site motion-designer portfolio on white, where a single Diatype sentence introduces the person, lime-pill tags and emoji punctuate the copy, and glossy 3D-render thumbnails (a nautilus, a shrimp, a swan) do the talking.

Consumer Brand

a brand-revival flagship built in Astro v5 with Lenis + Locomotive + Swiper + Splitting, three bespoke Scout Sans cuts (regular / medium / wide-medium) + IBM Plex Mono, signature orange `#ff5432`, and the most cinematic photography in the library - golden-hour Terra/Traveler EV trucks at 624 image requests.

Trades

a home-energy-efficiency company gone B2B, presenting a measured, trustworthy SaaS-style interface (white space, one electric blue, a friendly geometric sans) with a phone mockup hero and a calm "more jobs, less energy" pitch to contractors.

Data Infrastructure

The reference for a developer-CDP brand migrating into its acquirer - Twilio red + Segment blue on deep navy, isometric red cube illustrations, Whitney SSm single-family discipline.

Real Estate

a real estate brokerage platform that reads like a confident B2B SaaS site: Poppins throughout, a plum-grey ink (#373342) with a plum-pink primary (#CE87C1) and a rust-red highlight, documentary agent photography and big "Own Your Future" display type.

Film Production

The reference for boutique film-production studios - cream-on-black cinematic intro, three-typeface display system (heavy condensed display + romantic serif + neutral sans), and a Three.js / lil-gui WebGL canvas wrapped in a tutorial-led intro experience.

Other

A speciality-coffee shop that opens on a warm sunrise gradient and a hand holding the bag, then earns belonging through quiet ritual ("Coffee Served Daily", a 4.9/5 wall of reviews) rather than hard selling.

Health

a French dental practice that opens on a viewport-filling 54px+ slate-blue "SIX B" wordmark with a photoreal 3D tooth wedged through the letters, then drops into calm white editorial bands of clinical photography and 520px muted-slate prose, the whole thing scrolled on Lenis with a single 0.15s fade as its only motion.

Fitness

a Dutch boutique gym in Grou built on Webflow that swings between a near-white #F5F5F5 ground and a graphite #202020 ground, sets a single chartreuse #CEF952 against ink, and runs a 122-144px Pilat Condensed Heavy display in all-caps so loud that the only motion it needs is a looping lime word-marquee and a 1.2s expo reveal.

SaaS Product

a post-Salesforce-acquisition product flagship where the iconic aubergine `#611f69` survives as the primary CTA, Salesforce-Sans replaces Lato, and a 30-keyframe motion library powers the "workspace-people-bump" avatar animations that have always been Slack's brand signature.

Creative Studio

The reference for Swedish performance-marketing agencies that lead with creative rather than media-buying - pure-black canvas, oversized SOSCALE wordmark hero, lavender pill CTA, and a Webflow + GSAP + Lenis motion stack borrowed wholesale from the global studio scene.

Creative Studio

The reference for Quebec creative studios with Swedish-umlaut wordmark - cream paper + chili-orange accent + 150px hero + 40-section density + Framer Motion + Lenis stack.

Design Portfolio

The reference for the contemplative title-card portfolio - near-black canvas, a single italic literary quote, and a `0%` loader-as-content that treats arrival itself as the brand statement.

Fintech

the clarity benchmark - extreme product complexity made to feel calm, premium and effortless through a fully tokenised design system and restrained, confident CSS motion.

Creative Studio

Pure-black editorial portfolio for a culture-shaping design studio, anchored by an uppercase serif display headline, four-pole nav chrome with a diacritic-stroke logomark, and a 2x2 grid of category-tagged case study tiles separated by hairline white rules.

Design Portfolio

A Vietnamese solo-designer portfolio that leans hot magenta and ultra-bold display caps against near-black, then lets a Framer-driven motion stack push huge type, pinwheel graphics, and chromatic-aberration footer effects across a 21,000px scroll.

Developer Tool

open-source developer infrastructure made warm and confident - a light, Circular-set product site where one signature green and code-forward proof carry a Postgres platform.

Health

a longevity-clinic brand that opens on a near-black hero with a single backlit orange silhouette, then switches to a calm white-and-zinc-grey editorial body set entirely in the NB International Pro grotesque, with vermillion as the one disciplined accent.

Creative Studio

The reference for Sydney creative-agency portfolios - near-black canvas, single-headline hero with a tiny "Scroll to explore" indicator, then a tile-grid case study reel and a chromatic-aberration ROIdeas display moment.

Hospitality

a fast-casual salad chain whose site is a confident, appetite-led order funnel, a bold cream/green/acid-lime brand with big custom-sans headlines, full-bleed food photography, and an "Order" path that is never more than a tap away.

Childcare Education

a deep-blue, energetic kids' learning product (the math tutor born out of the SpaceX school) that pairs a confident Work Sans display headline with a glowing gold-gradient CTA, neon outline icons and an iPad mockup, friendly and high-energy without tipping into childish.

Trades

a European smart-home automation brand rendered as a calm product-marketing site, near-black ink (#25252e) on cool blue-grey paper (#f7f8fc), a single Aeonik variable face from 18px body to a 64px display, one sky-blue (#3eb4fb) doing every call to action, and dark full-bleed bands that alternate with white 24px-radius cards so a technical HVAC, shading and lighting catalogue reads as approachable rather than industrial.

Editorial Publishing

The reference for editorial design publications - centred italic-serif wordmark, light-grey paper background, mixed Times-serif body + Bauhaus-sans chrome, content-density home grid.

Trades

a boutique interior fitout studio rendered as a moody design object: a deep oxblood-maroon ground (#38050E), a single chartreuse-lime accent (#BFC941), an Editorial New serif paired with Aspekta sans, oversized 150px pill radii and rich interior photography, all carried on Framer with Lenis smooth scroll and Framer Motion.

Fitness

a Belgian reformer-pilates boutique on Webflow that runs the whole site on one linen ground (#f3eee8), all-caps Sofia Pro at light 300 weight with a wide 1-2px letter-spacing, a full-bleed video hero, and centred body columns capped at 500px so the page reads like a quiet print brochure rather than a fitness site.

Real Estate

a design-led estate agency that presents homes like an art magazine, a black-on-warm-paper system with a custom serif-and-sans pairing, tracked uppercase labels, sharp un-rounded corners and slow 0.9s cross-fades that make property browsing feel curated and unhurried.

Creative Studio

The reference for "anti-advertising" agency sites that weaponise chaos - zodiac-named nav, draggable physics-pill bubbles, colour-blocked viewport sections, and four foundry display faces stacked into a deliberately overstuffed, irreverent identity.

Fitness

a London luxury-gym chain that frames fitness as culture, full-bleed cinematic photography of athletes in near-black studios lit by neon, a GTSectra serif display with the word "for" set in italic against Circular sans, and a single calm 0.3s opacity fade carrying a tall 6116px scroll of dark photographic cards.

Other

A modern South Florida / Tampa Bay commercial general contractor that signals competence through clean confidence - a near-black canvas, oversized Termina/Futura type ("BUILDING EXCELLENCE FROM THE GROUND UP"), a cyan water-brand accent, a "book a discovery call" CTA, and a testimonial that frames the firm as a true partner.

Other

America's luxury homebuilder selling aspiration at scale - a Domaine serif over Gotham, a "Your New Home Starts Here" community-search configurator, Designer Appointed Collections, and an Apple Maps community finder, all in a restrained navy-and-tan system that makes a production builder feel bespoke and desirable.

Fitness

a connected-fitness hardware brand selling a wall-mounted smart gym, a clean editorial system in near-black on warm bone, GT America plus a GT Expanded display cut, one electric teal accent, and Tailwind-driven cubic-bezier(0.4,0,0.2,1) transitions that keep a Vue app feeling like a premium product site.

Fintech

The reference for B2B fintech that refuses to look like B2B fintech - sketchbook-style asymmetric-radius cards, hand-drawn cartoon illustrations, pure black borders on white.

Creative Studio

A bicoastal independent creative house (LA + Montréal) whose site is built around one monumentally oversized custom display face (TuxPlaza at ~223px), a chrome-grey blurred-pill top nav, and full-bleed cinematic Vimeo case study reels - motion-heavy creative portfolio at indie-craft tier.

Other

An Australian barbershop ("barber, but different") whose hero slices many men's faces into vertical strips behind a hugely letter-spaced UNOIT, saying "everyone belongs here" in one confident image - then lists its services as clean, expandable rows.

Developer Tool

engineered minimalism - a near-monochrome light site where a geometric grid, the in-house Geist typeface and tightly-tracked bold headings make "developer tool" feel like precision hardware.

Retail

a lab-grown fine-jewellery house whose homepage is a near-empty white gallery, a single yellow-gold solitaire ring floating in bright caustic light above a quiet centred serif headline, set in a black-on-white system with metal-named gradient tokens (white-gold, yellow-gold, rose-gold, platinum) and slow, refined cubic-bezier transitions.

Health

a calm, trustworthy retail-optometry site that pairs a near-black ink (#121212) with a confident royal blue (#1050D0), runs a custom grotesque against a custom serif, and lets warm lifestyle photography and a fast 0.2s ease carry the polish.

Creative Studio

The reference for boutique hospitality-PR agencies - warm off-white canvas with deep navy ink, oversized American Grotesk Compressed display headlines, polaroid-style photo collage hero, and a soft Lenis-smoothed editorial rhythm.

Professional Services

a Canadian money app dressed as a warm editorial magazine, oversized Tiempos serif headlines over soft sand backgrounds, candid lifestyle photography that floats in on scroll, and a calm custom-eased motion system that makes a fintech feel human rather than clinical.

SaaS Product

a white-canvas product flagship that is itself built in Webflow - using the bespoke WF Visual Sans Variable + WF Visual Sans Mono, a Webflow-blue `#146ef5` primary, GSAP + ScrollTrigger + Three.js + Swiper all bundled, and a three-card "AI / Template / Scratch" entry hero that mirrors the actual product's onboarding paths.

Other

A group therapy practice that feels like a warm welcome - a handwritten "welcome" script over soft cream and linen, a Freight Display serif, calm sunlit-room photography, and "Healing for the heart, mind, body and soul" - belonging conveyed before a single service is named.

SaaS Product

The reference for a butter-cream voice-AI brand at peak typographic confidence - EB Garamond serif hero on lavender-and-evergreen surfaces, with curved-path transcript animations as the signature motion.

Film Production

Comedy film production company portfolio - cream paper + slate-blue near-black + red accent, GSAP+ScrollTrigger, 270px hero, "noise" film-grain keyframe.

Film Production

a playful production company built entirely in olive-and-lemon, where a spinning sliced-lemon preloader, a winking eye logo and a thumbs-up cookie notice set a deliberately silly tone over a tight monospace-plus-serif type system, animated wall-to-wall with GSAP and ScrollTrigger.

Creative Studio

a Melbourne and Sydney creative agency that runs warm off-white pages on an eight-column grid, sets everything in the Greed grotesque from 22px body up to a 250px hero, anchors the work in oversized numbered category headers ("Science & Innovation", tagged 20) and floats a blurred pill nav while a custom cursor and a soft 3D blob carry the personality.