fudge-design-md

KO | EN

gitlite — search

#python #hacktoberfest #ai #llm #golang #machine-learning #rust #deep-learning #linux #java #kubernetes #vue #ios #open-source

fudge-design-md

(★ 62)

DESIGN.md guides generated from real website references captured by Fudge.

fudge-design-md 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Fudge DESIGN.md
[![Product Hunt Reviews](https://api.producthunt.com/widgets/embed-image/v1/product_review.svg?product_id=1286833&theme=light)](https://www.producthunt.com/products/fudge-design-md/reviews/new)

[![Fudge DESIGN.md](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/assets/fudge-design-md-banner.png)](https://design.withfudge.com/)

DESIGN.md guides built from real websites saved in [Fudge](https://design.withfudge.com/).
Drop one into a project to give your coding agent a more specific visual
direction grounded in real references.

Each guide:

- summarizes the website's visual direction, typography, colors and layout;
- shows the representative captured pages used to understand the design;
- separates captured details from interpretation;
- links to the corresponding Fudge conversation;
- links to the captured pages used to build it.

The collection updates when a substantial domain guide is accepted and
published through Fudge. Thin generated drafts are not listed as guides.

[View the live migration status](status/STATUS.md) for every domain in the
collection, including blocked jobs and completed replacements.

## Guides

### 100x.bot

[![How 100x.bot is designed](https://pin.fontofweb.com/3649?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/100x.bot.md)

100x.bot presents automation as a calm editorial product rather than a technical dashboard. The shell is light, spacious, and easy to scan; the expressive work happens in oversized claims, softly colored feature cards, monochrome portraits, and occasional hand-drawn illustrations. Near-black sections and a few saturated actions create punctuation without turning the whole page into a high-energy SaaS gradient.

[Open guide](design-md/100x.bot.md) · [View the Fudge conversation](https://design.withfudge.com/share/100x.bot-design)

### 10er.com

[![How 10er.com is designed](https://pin.fontofweb.com/7378?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/10er.com.md)

10er makes creator funding feel direct rather than financial. A near-black field, oversized centered language, one saturated blue action, and a small yellow circular mark create the shell. Creator work—podcast covers, portraits, expressive type, and vivid artwork—provides the personality. The product chrome remains spare.

[Open guide](design-md/10er.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/10er.com-design)

### 15th.plus-ex.com

[![How 15th.plus-ex.com is designed](https://pin.fontofweb.com/10390?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/15th.plus-ex.com.md)

15th.plus-ex.com uses a strict monochrome language that feels closer to a poster series than a conventional site. The page relies on enormous Neuehaasgrotesk type, very open canvas, and a recurring contrast between white presentation stages and black editorial stages. The largest elements are not decorative containers but letterforms, numbers, and simple geometric marks: a plus sign, an X, diagonal slats, and a few rounded image cards.

[Open guide](design-md/15th.plus-ex.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/15th.plus-ex.com-design)

### 1600.agency

[![How 1600.agency is designed](https://pin.fontofweb.com/5997?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/1600.agency.md)

1600.agency uses a stark, highly centered landing-page composition. The page begins with a floating rounded header, then drops into a large stacked headline, a short promise line, three compact chips, and a single dark appointment button. The structure is simple, but the proportioning makes it feel deliberate rather than plain. The headline is the dominant object on the page, and everything else stays small enough to keep attention on that statement.

[Open guide](design-md/1600.agency.md) · [View the Fudge conversation](https://design.withfudge.com/share/1600.agency-design)

### 1x.tech

[![How 1x.tech is designed](https://pin.fontofweb.com/4217?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/1x.tech.md)

1x.tech presents NEO as a premium home robot through restraint rather than spectacle. The page keeps the field quiet, lets the robot image occupy the largest shape, and uses small dark text, pale panels, and soft radii to make the product feel calm and engineered. The structure is chapter-like: a hero purchase screen, an accessories row, a technical specification area, modal-style feature detail, and a sparse footer. Each chapter changes density, but the visual language stays consistent.

[Open guide](design-md/1x.tech.md) · [View the Fudge conversation](https://design.withfudge.com/share/1x.tech-design)

### 205.tf

[![How 205.tf is designed](https://pin.fontofweb.com/7931?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/205.tf.md)

205.tf works like a type specimen bench: austere, exact, and dominated by the letterforms themselves. The interface does not try to soften the foundry experience. It gives the typefaces a pale stage, black rules, and enough open space for the specimen to carry the page. The result feels closer to a working archive or proofing table than to a marketing site.

[Open guide](design-md/205.tf.md) · [View the Fudge conversation](https://design.withfudge.com/share/205.tf-design)

### 21st.dev

[![How 21st.dev is designed](https://pin.fontofweb.com/8793?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/21st.dev.md)

21st.dev uses a dark catalog grammar with a product-tool feel. The page hierarchy is built from a nearly black shell, thin grid lines, compact labels, and a large number of framed previews. It reads less like a marketing site and more like a workstation for browsing, filtering, and opening UI assets.

[Open guide](design-md/21st.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/21st.dev-design)

### 247artists.com

[![How 247artists.com is designed](https://pin.fontofweb.com/3619?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/247artists.com.md)

24/7 Artists uses the look of a music-community poster system and turns it into a full-page interface. The page is built from oversized Gellix headlines, thin dark rules, compact utility strips, and saturated stage colors. The typography does the heavy lifting: statements arrive in large, tightly set blocks, while supporting copy stays small and direct. That split keeps the page readable even when the backgrounds are loud.

[Open guide](design-md/247artists.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/247artists.com-design)

### 80.lv

[![How 80.lv is designed](https://pin.fontofweb.com/9651?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/80.lv.md)

80.lv reads as a calm editorial network rather than a loud magazine or a product landing page. The page uses a soft off-white canvas, white card surfaces, and a restrained olive-black text color so that the artwork inside each story card carries the energy. The interface never competes with the thumbnails; it frames them.

[Open guide](design-md/80.lv.md) · [View the Fudge conversation](https://design.withfudge.com/share/80.lv-design)

### a16z.com

[![How a16z.com is designed](https://pin.fontofweb.com/7299?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/a16z.com.md)

a16z.com is an editorial home page with a single-minded hierarchy. The page opens with a burgundy brand bar, then hands nearly all attention to a giant gold medallion illustration set against a deep navy field. The central image is not decoration; it is the anchor that gives the page its tone. Text stays sparse and direct, with a short invitation and one primary action beneath the artwork. The lower section settles into a restrained footer that carries the logotype, a brief tagline, social links, and legal text.

[Open guide](design-md/a16z.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/a16z.com-design)

### aaa24.a24films.com

[![How aaa24.a24films.com is designed](https://pin.fontofweb.com/6379?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aaa24.a24films.com.md)

AAA24 is designed like a membership brochure that keeps turning into a utility interface. The dominant mood is severe and controlled: near-black content pages, warm paper footers, thin rules, and large Nb International Pro type that carries most of the personality. The system feels less like a glossy subscription funnel and more like an editorial film club with a strict grid.

[Open guide](design-md/aaa24.a24films.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/aaa24.a24films.com-design)

### abc.xyz

[![How abc.xyz is designed](https://pin.fontofweb.com/2306?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/abc.xyz.md)

ABC.xyz presents Alphabet Investor Relations as a quiet, high-margin editorial page. The surface is almost entirely white, so the eye lands first on the sparse structure: a small top bar, a left-aligned statement, and a few floating alphabet blocks that give the page a light sculptural feel. The page reads as intentional emptiness rather than unfinished layout. Large areas of blank canvas become the main design material, and the remaining elements are placed with enough distance to feel curated.

[Open guide](design-md/abc.xyz.md) · [View the Fudge conversation](https://design.withfudge.com/share/abc.xyz-design)

### abcdinamo.com

[![How abcdinamo.com is designed](https://pin.fontofweb.com/40?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/abcdinamo.com.md)

abcdinamo.com is a type-foundry storefront with the confidence of a studio archive and the restraint of a catalog. The design puts specimen type first, then surrounds it with compact utilities, pill-shaped actions, and very little ornamental framing. The site alternates between large typographic statements and orderly product or article grids, so the user always knows whether they are looking at a specimen, a purchase flow, or a store section.

[Open guide](design-md/abcdinamo.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/abcdinamo.com-design)

### about.instagram.com

[![How about.instagram.com is designed](https://pin.fontofweb.com/5274?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/about.instagram.com.md)

about.instagram.com presents Instagram Sans as a brand object, not just a typeface specimen. The page language is spare and poster-like: a black field, a large white multiline headline, thin control labels, and a small pill-shaped control at the bottom establish the first mode. A second mode pushes harder into identity work, using a hard vertical split between hot magenta and pale violet while the type itself becomes the graphic subject. Black letterforms, magenta guide points, and simple alignment marks make the construction process part of the image.

[Open guide](design-md/about.instagram.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/about.instagram.com-design)

### absolu.ca

[![How absolu.ca is designed](https://pin.fontofweb.com/5904?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/absolu.ca.md)

Absolu reads like a creative agency poster series translated into a web page. The design language is built from oversized serif headlines, compact grotesk support text, and a sharp split between bright campaign surfaces and restrained editorial pages. Large words carry the identity. Small labels, project names, and utility copy keep the structure legible. The site feels theatrical without becoming ornate because the system depends on a narrow set of repeated moves: huge type, thin rules, broad color fields, and very deliberate spacing.

[Open guide](design-md/absolu.ca.md) · [View the Fudge conversation](https://design.withfudge.com/share/absolu.ca-design)

### access.mymind.com

[![How access.mymind.com is designed](https://pin.fontofweb.com/3395?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/access.mymind.com.md)

access.mymind.com uses a calm, editorial product language built around white cards, soft gray fields, and a serif/sans contrast that keeps the page feeling polished instead of playful. The page is not visually busy. It relies on a few large headline moments, compact explanatory copy, and image-heavy feature cards that sit high on the page and read like framed product posters.

[Open guide](design-md/access.mymind.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/access.mymind.com-design)

### account.mongodb.com

[![How account.mongodb.com is designed](https://pin.fontofweb.com/2786?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/account.mongodb.com.md)

MongoDB’s account pages are not trying to tell a brand story first. They present a login or registration task with a strict split between the working form and the decorative brand field around it. The white form area is sparse, left-aligned, and top-heavy. The dark green field uses oversized rounded geometry to add identity without competing with the form.

[Open guide](design-md/account.mongodb.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/account.mongodb.com-design)

### account.nothing.tech

[![How account.nothing.tech is designed](https://pin.fontofweb.com/8561?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/account.nothing.tech.md)

Nothing Account login is built as a spare, centered sign-in page with almost no decorative noise. A pale field holds a single white card, and the card does most of the work: it concentrates attention, separates the task from the page chrome, and keeps the layout from spreading outward. The page feels measured rather than minimal in an abstract sense. Every visible part has a job, and every job stays small.

[Open guide](design-md/account.nothing.tech.md) · [View the Fudge conversation](https://design.withfudge.com/share/account.nothing.tech-design)

### accounts.theatlantic.com

[![How accounts.theatlantic.com is designed](https://pin.fontofweb.com/9224?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/accounts.theatlantic.com.md)

The Atlantic accounts surface is editorial commerce: a magazine-toned subscription experience that uses a black or near-black hero band, cream paper fields, and white cards to sell access with restraint. The page does not feel like a utility checkout. It feels like a premium publishing offer laid out with the confidence of a print spread.

[Open guide](design-md/accounts.theatlantic.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/accounts.theatlantic.com-design)

### accounts.x.ai

[![How accounts.x.ai is designed](https://pin.fontofweb.com/10437?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/accounts.x.ai.md)

accounts.x.ai is a dark account console, not a marketing page. The system keeps almost everything in black, charcoal, white, and muted gray, then uses a cool blue-gray illustration panel to soften the strictness of the shell. The result feels technical, calm, and controlled.

[Open guide](design-md/accounts.x.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/accounts.x.ai-design)

### acctual.com

[![How acctual.com is designed](https://pin.fontofweb.com/2028?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/acctual.com.md)

Acctual uses a scrapbook-like editorial language for B2B payments. The page is built from a pale canvas, oversized centered headlines, paper cutouts, sticky-note accents, and soft shadows that make the collage feel physically arranged rather than mechanically assembled. The result is polished, but it keeps a handmade edge through tilted cards, handwritten notes, clipped paper corners, and a small set of loud accent colors.

[Open guide](design-md/acctual.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/acctual.com-design)

### acoup.blog

[![How acoup.blog is designed](https://pin.fontofweb.com/9512?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/acoup.blog.md)

acoup.blog is a dark reading site built around long historical essays. The page does not try to feel modern in a glossy sense. It feels bookish, steady, and slightly ceremonial. The strongest visual move is the pairing of a decorative serif for titles with Georgia for the reading copy, all placed on a cool charcoal-violet field. The accent color is a dusty pink-lilac that repeats in the navigation, links, tag cloud, and small utility details. That single accent carries most of the brand energy, so the rest of the interface can stay quiet.

[Open guide](design-md/acoup.blog.md) · [View the Fudge conversation](https://design.withfudge.com/share/acoup.blog-design)

### actualidea.com

[![How actualidea.com is designed](https://pin.fontofweb.com/8697?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/actualidea.com.md)

actualidea.com presents an editorial portfolio system built around magazine spreads rather than conventional web cards. The page field is white, the chrome is sparse, and the spreads carry nearly all of the personality. That balance is what makes the layout feel printed: the interface stays quiet enough that the artwork can be loud, whether the page is warm and photographic, stark and monochrome, or saturated with pink, cyan, and rainbow stripes.

[Open guide](design-md/actualidea.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/actualidea.com-design)

### adasilv2.framer.website

[![How adasilv2.framer.website is designed](https://pin.fontofweb.com/4891?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/adasilv2.framer.website.md)

This portfolio is built as a bright gallery with a personal tone. The page stays mostly white, then places image-heavy project tiles, centered essays, and resume-style information blocks into a strict but airy grid. Inter carries the main voice: large headings, short labels, and the bold links and buttons that anchor each section. Dm Sans softens the supporting copy, while Architects Daughter appears as a handwritten counterpoint for emphasis and annotation.

[Open guide](design-md/adasilv2.framer.website.md) · [View the Fudge conversation](https://design.withfudge.com/share/adasilv2.framer.website-design)

### adfects.com

[![How adfects.com is designed](https://pin.fontofweb.com/4479?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/adfects.com.md)

Adfects is a clean selling page for ad design services. The visual language is spare at first glance: white canvas, black type, thin gray rules, and dark rounded call-to-action bars. The page does not try to feel like a dashboard. It feels like a polished studio landing page where the work samples do the heavy lifting.

[Open guide](design-md/adfects.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/adfects.com-design)

### adithyakrishnan.com

[![How adithyakrishnan.com is designed](https://pin.fontofweb.com/2541?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/adithyakrishnan.com.md)

Adithya Krishnan’s site is a spare, dark portfolio that treats the page as one long editorial surface. The visual system stays close to black and white, so hierarchy comes from scale, spacing, and shape rather than from a crowded palette. The first impression is a large personal statement in light text; later sections shift into project presentation, skill chips, experience lists, and a quiet footer without losing the same restrained tone.

[Open guide](design-md/adithyakrishnan.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/adithyakrishnan.com-design)

### adject.ai

[![How adject.ai is designed](https://pin.fontofweb.com/7678?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/adject.ai.md)

Adject.ai uses a stripped, high-contrast marketing system built to move quickly from promise to product proof. The page stays on a white canvas and lets a single electric blue carry emphasis: the launch strip, the main call to action, the selected plan outline, and the expanded FAQ row all repeat that same saturated note. Near-black type anchors the message, while the product image sits in a large rounded stage with a pale blue glow behind it. The result is clean and persuasive rather than decorative.

[Open guide](design-md/adject.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/adject.ai-design)

### ads.pinterest.com

[![How ads.pinterest.com is designed](https://pin.fontofweb.com/7070?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ads.pinterest.com.md)

Ads Pinterest uses a calm product-workspace language rather than a decorative marketing shell. The page is built from white panels, light gray borders, compact text, and a few pale accent bands that keep the flow readable without turning the surface loud. The result feels like a focused campaign builder: the user moves from campaign choice, to targeting, to forecast, to publish, with each step sitting inside its own rounded container.

[Open guide](design-md/ads.pinterest.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/ads.pinterest.com-design)

### adventureson.band

[![How adventureson.band is designed](https://pin.fontofweb.com/6741?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/adventureson.band.md)

Adventureson.band is designed like a short sequence of music chapters rather than a conventional site. Each chapter keeps the interface quiet and lets one visual idea carry the page: a blurred gradient cover stage, a white release sheet with watercolor rings, and a dark portrait biography panel. The result feels handmade and intimate, with the work itself doing most of the talking.

[Open guide](design-md/adventureson.band.md) · [View the Fudge conversation](https://design.withfudge.com/share/adventureson.band-design)

### aeon.co

[![How aeon.co is designed](https://pin.fontofweb.com/6524?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aeon.co.md)

Aeon is designed like a serious magazine that knows when to step back. The system is built from three clear modes: a white menu panel with color-coded subject names, a black essay stage with a large serif headline, and a pale footer that quiets the page again. The base palette stays restrained, so the subject colors and the red action color feel deliberate rather than decorative.

[Open guide](design-md/aeon.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/aeon.co-design)

### affectablesleep.com

[![How affectablesleep.com is designed](https://pin.fontofweb.com/6889?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/affectablesleep.com.md)

Affectable Sleep presents itself as a quiet premium hardware brand, not a busy ecommerce catalog. The page language is restrained, but the visual system is not plain: a deep teal stage, warm off-white backgrounds, pale cream panels, and a vivid yellow button give the site a clear rhythm. The photography carries most of the mood. Portraits place the headband in a lived-in setting, while product detail pages pull the device into a cleaner studio-like field. Across the site, the type stays light and compact, so the hardware and the color blocks do the expressive work.

[Open guide](design-md/affectablesleep.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/affectablesleep.com-design)

### affine.pro

[![How affine.pro is designed](https://pin.fontofweb.com/4159?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/affine.pro.md)

AFFiNE's visual system is a clean white workspace with a strong product voice. Black Inter type carries almost all of the hierarchy, a single saturated blue handles action, and rounded cards keep the page calm even when the content becomes dense. The site presents whiteboard thinking, note taking, downloads, and pricing as one family of surfaces rather than as separate brand moods.

[Open guide](design-md/affine.pro.md) · [View the Fudge conversation](https://design.withfudge.com/share/affine.pro-design)

### affinity.studio

[![How affinity.studio is designed](https://pin.fontofweb.com/4243?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/affinity.studio.md)

Affinity’s page language is severe in the good way: big serif statements, quiet sans support text, and a strict split between black poster-like stages and pale information sections. The site feels like a software brand that wants the work itself to stay vivid while the interface stays disciplined. The black hero surfaces let the white headline dominate. The lavender iPad announcement gives the page one soft interruption. The download and FAQ sections switch to warm light grounds so dense product information can breathe without losing authority.

[Open guide](design-md/affinity.studio.md) · [View the Fudge conversation](https://design.withfudge.com/share/affinity.studio-design)

### afterquery.com

[![How afterquery.com is designed](https://pin.fontofweb.com/3992?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/afterquery.com.md)

AfterQuery uses a restrained editorial system built around serif headlines, generous whitespace, and thin cool borders. The page feels like a research dossier and a recruiting landing page at the same time: centered statements, short explanatory paragraphs, simple forms, and small outlined pills keep the interface calm, while botanical illustrations and benchmark charts add texture and subject matter. The visual story stays light-first. Pale blush and cream surfaces carry the bulk of the layout, and a single strong blue acts as the main directional accent. Most sections are centered or gently split rather than tightly gridded, so the eye moves from one large idea to the next without much friction.

[Open guide](design-md/afterquery.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/afterquery.com-design)

### agentation.dev

[![How agentation.dev is designed](https://pin.fontofweb.com/6235?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/agentation.dev.md)

agentation.dev presents a predominantly light surface treatment in the captured pages. The system is anchored by `#000000`, `#111111`, and `#ffffff`, with typography led by **Inter** and **System**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/agentation.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/agentation.dev-design)

### agenticui.net

[![How agenticui.net is designed](https://pin.fontofweb.com/5932?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/agenticui.net.md)

Agentic UI is built like a poster more than a dashboard. The page uses a pale canvas, thin drafting lines, and a stark black emblem to create a controlled, almost exhibition-like field. The name sits much larger than the surrounding copy, so the identity reads first and the explanation follows. The layout leaves large areas empty on purpose; that blankness is not a gap, it is the structure that lets the centered stack feel deliberate.

[Open guide](design-md/agenticui.net.md) · [View the Fudge conversation](https://design.withfudge.com/share/agenticui.net-design)

### agently.dev

[![How agently.dev is designed](https://pin.fontofweb.com/6671?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/agently.dev.md)

Agently.dev presents itself as a bright agent-workforce product rather than a dark developer console. The page is built from a pale canvas, strong black type, white rounded cards, and a violet system that carries the primary calls to action. Large headings say the most important thing first, then smaller supporting text explains the agent model in plain language. The result feels polished, energetic, and startup-forward without leaning on visual noise.

[Open guide](design-md/agently.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/agently.dev-design)

### ahrefs.com

[![How ahrefs.com is designed](https://pin.fontofweb.com/7048?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ahrefs.com.md)

Ahrefs uses a two-mode brand rhythm. The commercial pages swing between a saturated blue field and stark white product surfaces, while the storytelling pages move into black and charcoal with orange actions as the constant signal. The result is direct and assertive, not decorative: a visitor gets a large claim, a clear action, and a dense block of product truth without extra framing.

[Open guide](design-md/ahrefs.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/ahrefs.com-design)

### ahrefsevolve.com

[![How ahrefsevolve.com is designed](https://pin.fontofweb.com/7037?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ahrefsevolve.com.md)

Ahrefs Evolve is a conference microsite built like a sequence of event posters. The black field gives the page a stage-like base, while a giant white Evolve wordmark, orange ticket actions, and blue information blocks do most of the visual work. The hero pairs live stage photography with compact event copy, then the page moves into speaker cards, ticket tiers, social-proof walls, sponsor calls, and a blue registration form. Inter carries every practical label; Evolve V 20, Evolve Draft, and Evolve provide the oversized brand statement and its smaller accent fragments. The result feels theatrical but still direct: a ticket-first event page, not a product dashboard.

[Open guide](design-md/ahrefsevolve.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/ahrefsevolve.com-design)

### ai-sdk-tools.dev

[![How ai-sdk-tools.dev is designed](https://pin.fontofweb.com/2241?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ai-sdk-tools.dev.md)

AI SDK Tools uses a severe, technical visual language: black canvas, pale monospace text, thin borders, and a single green accent that signals activity rather than decoration. The site feels like a developer product built by people who care more about clarity than polish. Large headings carry the page, while code blocks, dashboard mockups, and utility rows supply the proof that the product is real.

[Open guide](design-md/ai-sdk-tools.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/ai-sdk-tools.dev-design)

### ai-sdk.dev

[![How ai-sdk.dev is designed](https://pin.fontofweb.com/8393?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ai-sdk.dev.md)

ai-sdk.dev is designed as a dark developer homepage that sells the product through code, not illustration. The page uses a pure black canvas, soft gray supporting text, and very bright white primary copy. The first impression is a centered hero with a large statement, a compact command pill, and a code-and-chat demo underneath. That structure makes the site feel like a landing page and a working product walkthrough at the same time.

[Open guide](design-md/ai-sdk.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/ai-sdk.dev-design)

### ai.cloudflare.com

[![How ai.cloudflare.com is designed](https://pin.fontofweb.com/744?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ai.cloudflare.com.md)

Cloudflare AI uses a spare landing-page system built on white space, dark type, and a few sharp warm accents. The opening scene is centered and almost empty: a large headline, a compact dark button, and a faint globe-like field that gives the page scale without crowding the message. After that, the page shifts into a quote band with a strong heading, a long testimonial, and a row of customer logos. The lower half becomes explanatory and more editorial, with a centered chapter heading and alternating rows that pair short copy with product mockups. The rhythm is calm and deliberate. Each section gets room to breathe, and the page avoids busy framing, loud color blocks, or decorative clutter.

[Open guide](design-md/ai.cloudflare.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/ai.cloudflare.com-design)

### aihero.dev

[![How aihero.dev is designed](https://pin.fontofweb.com/10601?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aihero.dev.md)

AIHero is a dark learning site with an editorial rhythm. The page reads like a curated index rather than a marketing landing page: a thin top rail, a large opening question, stacked topic blocks, a portrait-and-signup section, a grid of recent posts, and a quiet footer. The design depends on contrast through scale and surface, not through ornament. The black field stays constant, the white text stays crisp, and the yellow action color is reserved for the most important calls to action.

[Open guide](design-md/aihero.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/aihero.dev-design)

### aino.agency

[![How aino.agency is designed](https://pin.fontofweb.com/7074?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aino.agency.md)

Aino’s page system is defined by a sharp contrast between a full-bleed black home stage and quiet light pages built from thin rules, square frames, and compact text. The home stage turns the brand name into a dense field of ASCII letterforms, so identity becomes texture instead of a conventional logo block. The content pages answer that energy with restraint: short labels, small cards, airy editorial copy, and long stretches of empty space that make the typography feel deliberate rather than crowded.

[Open guide](design-md/aino.agency.md) · [View the Fudge conversation](https://design.withfudge.com/share/aino.agency-design)

### air.dev

[![How air.dev is designed](https://pin.fontofweb.com/5314?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/air.dev.md)

Air uses a restrained dark canvas and a single high-contrast message style to make the product feel engineered, not decorative. The homepage reads like a control room: compact mono copy, oversized dotted headlines, bright white controls, and teal-green ambient shapes all sit on top of a charcoal base. The result is technical, but not cold. It feels like a live desktop product that expects the user to act quickly.

[Open guide](design-md/air.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/air.dev-design)

### airbnb.ca

[![How airbnb.ca is designed](https://pin.fontofweb.com/10049?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/airbnb.ca.md)

Airbnb.ca uses a restrained marketplace system: white canvas, soft gray separators, rounded cards, and one saturated red action color that stays reserved for the most important controls. The page puts stay photography and maps ahead of decoration. Titles are compact, labels are quiet, and the interface reads as a booking tool rather than a promotional landing page.

[Open guide](design-md/airbnb.ca.md) · [View the Fudge conversation](https://design.withfudge.com/share/airbnb.ca-design)

### airbnb.com

[![How airbnb.com is designed](https://pin.fontofweb.com/2577?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/airbnb.com.md)

Airbnb's home page is a quiet marketplace shell built around white space, rounded rectangles, and image-led browsing. The interface does not try to look like a dashboard or a promotional landing page. It behaves like a catalog: a compact top bar for getting into the product, a centered search capsule for starting a trip, horizontal rows of homes, then a low-contrast footer for support and company links.

[Open guide](design-md/airbnb.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/airbnb.com-design)

### airwallex.com

[![How airwallex.com is designed](https://pin.fontofweb.com/5206?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/airwallex.com.md)

Airwallex reads as a clean enterprise-finance system with very little ornamental noise. White and pale gray surfaces carry most of the page, so the content feels open even when the layout is dense with forms, cards, and link lists. A single violet action color ties together the login button, FAQ chevrons, links, and primary calls to action. That consistency matters because the page moves across several moods: a white authentication surface, a white editorial resource hero, a light product grid, a dark developer band, a centered FAQ, and a restrained footer.

[Open guide](design-md/airwallex.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/airwallex.com-design)

### aistudio.google.com

[![How aistudio.google.com is designed](https://pin.fontofweb.com/6258?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aistudio.google.com.md)

Google AI Studio presents itself as a dark, compact workbench with a marketing surface layered above it. The interface is not trying to feel airy or ornamental. It feels controlled, technical, and immediate: a narrow settings rail, a centered prompt composer, a large hero block for a featured model, and a restrained footer. The result is a page that moves between product configuration and product story without changing its visual language.

[Open guide](design-md/aistudio.google.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/aistudio.google.com-design)

### aiverse.design

[![How aiverse.design is designed](https://pin.fontofweb.com/8555?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aiverse.design.md)

aiverse.design presents AI products as a calm editorial library rather than a glossy software pitch. The page stays on a warm paper canvas, then layers in black serif statements, soft beige cards, and rounded screenshots that do the explanatory work. The result feels collected and instructive: one part playbook, one part gallery, with enough breathing room that each example can read as a small exhibit.

[Open guide](design-md/aiverse.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/aiverse.design-design)

### akukolabs.com

[![How akukolabs.com is designed](https://pin.fontofweb.com/3023?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/akukolabs.com.md)

Akuko Labs uses a poster-first visual language built from keyboard photography, saturated color blocks, and type that behaves like signage. The page does not read like a conventional catalog or portfolio. It reads like a sequence of printed sheets: one sheet may be red with a stacked list of names, another may be gold with a grid of product cards, and another may turn nearly black to introduce an editorial voice. The design relies on hard contrast, generous framing, and very few quiet surfaces.

[Open guide](design-md/akukolabs.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/akukolabs.com-design)

### aldiwan.net

[![How aldiwan.net is designed](https://pin.fontofweb.com/1091?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aldiwan.net.md)

Aldiwan is a scholarly Arabic index with a calm, formal visual voice. The page puts calligraphic typography first, then frames that typography with warm brown bands, white paper cards, and thin tan borders. The result feels closer to a reference shelf than a modern app dashboard: the interface is compact, orderly, and centered on search, classification, and navigation.

[Open guide](design-md/aldiwan.net.md) · [View the Fudge conversation](https://design.withfudge.com/share/aldiwan.net-design)

### algebrica.org

[![How algebrica.org is designed](https://pin.fontofweb.com/8751?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/algebrica.org.md)

Algebrica is a restrained mathematical knowledge base with the tone of a printed reference shelf translated to the web. The page language stays calm: white and very pale gray surfaces, thin dividers, black text, muted gray metadata, and the classic blue link as the only sharp color accent. The design does not depend on heavy illustration or decorative motion. It relies on order, spacing, and a careful hierarchy between navigation, chapter cards, and long reading surfaces.

[Open guide](design-md/algebrica.org.md) · [View the Fudge conversation](https://design.withfudge.com/share/algebrica.org-design)

### alibabacloud.com

[![How alibabacloud.com is designed](https://pin.fontofweb.com/4365?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/alibabacloud.com.md)

Alibaba Cloud's public marketing pages use a strict enterprise tone: large Roboto headlines, black text on a white field, and one saturated blue action color that carries nearly all primary emphasis. The system feels technical without becoming dense. It gives the page room to breathe, then uses a few precise accents to keep the interface from turning bland. The hero copy is short and declarative, while the imagery carries the sense of scale.

[Open guide](design-md/alibabacloud.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/alibabacloud.com-design)

### alibabagroup.com

[![How alibabagroup.com is designed](https://pin.fontofweb.com/2349?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/alibabagroup.com.md)

Alibaba Group’s homepage presents itself as a formal editorial system rather than a promotional landing page. The opening view is a large photographic stage with a top navigation row laid over the image and a headline anchored low and left. Below that, the page settles into a brighter information frame with a tab bar, a culture-and-values section, a news grid, and a spacious footer. The rhythm is steady: image, separator, text band, cards, then a dense link matrix at the bottom.

[Open guide](design-md/alibabagroup.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/alibabagroup.com-design)

### aljazeera.com

[![How aljazeera.com is designed](https://pin.fontofweb.com/9086?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aljazeera.com.md)

Al Jazeera’s article pages use a severe, uncluttered newsroom frame. The page is mostly white, the headline is black and heavy, the summary line shifts into a serif voice, and the control row stays narrow and quiet beneath the text. Story photography then takes over the width of the column, so the page reads as a sequence of headline, context, tools, and lead image rather than as a dense news dashboard.

[Open guide](design-md/aljazeera.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/aljazeera.com-design)

### allbirds.com

[![How allbirds.com is designed](https://pin.fontofweb.com/8958?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/allbirds.com.md)

Allbirds presents itself as a calm, nature-led commerce system. The page feels open, grounded, and edited rather than promotional. Warm off-white canvas, black and charcoal text, and soft rounded media frames keep the interface quiet so the photography can do most of the work. The brand story is told through wide landscape imagery, product-in-use pictures, and large campaign statements that sit inside the image rather than beside it.

[Open guide](design-md/allbirds.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/allbirds.com-design)

### almost-pearfect.com

[![How almost-pearfect.com is designed](https://pin.fontofweb.com/8639?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/almost-pearfect.com.md)

Almost Pearfect treats each screen as a poster or product sheet rather than as a standard web layout. The visual language is blunt and theatrical: one saturated red field, oversized black display type, compact sans text, and bottle-led product photography that stays separate from the background instead of dissolving into it. The home page feels like a pasted poster wall; the menu becomes a full-screen typographic panel; the shop and product pages flip to white and settle into a quieter editorial rhythm. Across every surface, the same priorities hold: make the title impossible to miss, keep the supporting text small and practical, and let the imagery read as an object placed on the page rather than a decorative wash.

[Open guide](design-md/almost-pearfect.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/almost-pearfect.com-design)

### alpine.inc

[![How alpine.inc is designed](https://pin.fontofweb.com/7702?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/alpine.inc.md)

Alpine.inc uses a strict two-mode language: bright white paper sections with faint mountain linework, then near-black product stages that feel like a quiet showroom. The page avoids busy ornament and lets contrast do most of the work. On white surfaces, black serif headlines, muted gray support text, and small line icons carry the message. On dark surfaces, the same hierarchy flips to white copy with a single cool blue action color and soft glowing accents around the product cards.

[Open guide](design-md/alpine.inc.md) · [View the Fudge conversation](https://design.withfudge.com/share/alpine.inc-design)

### amazon.com

[![How amazon.com is designed](https://pin.fontofweb.com/2307?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/amazon.com.md)

Amazon’s home page is built as a dense retail interface rather than a narrative landing page. The structure moves from a dark utility header into a large promotional banner, then into tight merchandising cards, a long product rail, and a deep information-heavy footer. The result is a page that rewards quick scanning: the strongest message appears at the top, smaller shopping choices fill the middle, and the bottom turns into a wide directory of links and account utilities.

[Open guide](design-md/amazon.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/amazon.com-design)

### ambigr.am

[![How ambigr.am is designed](https://pin.fontofweb.com/3318?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ambigr.am.md)

Ambigr.am feels like a competition board that has been cleaned down to its bones and then given a sharp ornamental center. The page is built around a hard black-and-white structure, a loud display wordmark, a dense leaderboard, and a featured artwork panel that behaves like a poster. The whole system is direct and graphic. It uses strong alignment, compact text, and a high-contrast stage so the contest content can carry the personality without extra decoration around it.

[Open guide](design-md/ambigr.am.md) · [View the Fudge conversation](https://design.withfudge.com/share/ambigr.am-design)

### amd.com

[![How amd.com is designed](https://pin.fontofweb.com/2396?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/amd.com.md)

AMD's page language is built around a black field, bright type, and technology imagery that feels engineered rather than decorative. The visual mood is serious and high contrast, with the site moving between a compact global header, a dramatic hero stage, a centered company narrative block, and a sparse footer. The result is less like a marketing brochure and more like a corporate control room for a semiconductor brand.

[Open guide](design-md/amd.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/amd.com-design)

### americanhistory.si.edu

[![How americanhistory.si.edu is designed](https://pin.fontofweb.com/3940?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/americanhistory.si.edu.md)

American History uses a direct civic voice built from large color fields, compact heavy type, and a small set of clear actions. The homepage feels authoritative without becoming formal in a dry way. It reads like a sequence of large public panels: a mission statement at the top, a bright portrait field in the middle, a support callout below, and a dark utility footer at the bottom. The design depends on contrast between those bands more than on decorative detail.

[Open guide](design-md/americanhistory.si.edu.md) · [View the Fudge conversation](https://design.withfudge.com/share/americanhistory.si.edu-design)

### ami.dev

[![How ami.dev is designed](https://pin.fontofweb.com/6958?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ami.dev.md)

ami.dev is a spare landing page for a desktop code-help product. The page is built around one narrow reading column, a small top navigation, a compact hero, a large product screenshot, and a closing set of pricing, FAQ, and footer links. The design does not chase novelty through decoration. It depends on white space, a tight typographic ladder, and a single orchid call to action that carries the page from the hero through the final footer line.

[Open guide](design-md/ami.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/ami.dev-design)

### ampcode.com

[![How ampcode.com is designed](https://pin.fontofweb.com/9178?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ampcode.com.md)

Ampcode’s visual system is a dark, editor-like stage built for people who already think in terminals, docs, and code blocks. The default surface is nearly black, but it is not flat in feeling: the homepage hero leans into a deep green-black field, the manual route settles into a charcoal reading room, and both surfaces are punctuated by thin rules, compact chips, and tiny bursts of color rather than large decorative shapes. The tone is serious and technical, but the page still feels edited. Large serif headlines set the mood; smaller sans copy handles explanation; monospace details make commands, file paths, and UI labels feel native.

[Open guide](design-md/ampcode.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/ampcode.com-design)

### analytics.google.com

[![How analytics.google.com is designed](https://pin.fontofweb.com/6041?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/analytics.google.com.md)

Google Analytics uses a restrained enterprise dashboard language: light gray page ground, nearly white cards, thin borders, blue interactive accents, and dense metric layout. The page is organized around numbers first, then charts, then short navigation surfaces. Nothing competes with the data. The whole system feels like a control room built for long sessions rather than a marketing page built for quick attention.

[Open guide](design-md/analytics.google.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/analytics.google.com-design)

### andreadiego.es

[![How andreadiego.es is designed](https://pin.fontofweb.com/1887?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/andreadiego.es.md)

andreadiego.es uses a quiet but dramatic editorial language. The site feels built around one strong idea: oversized serif lettering on a warm field, with small grotesk text carrying the useful information around it. That contrast gives the brand a studio-like tone rather than a conventional service-site tone. The pages rely on calm spacing, sharp alignment, and a few carefully placed image blocks instead of dense interface furniture.

[Open guide](design-md/andreadiego.es.md) · [View the Fudge conversation](https://design.withfudge.com/share/andreadiego.es-design)

### andrian-portfolio-backup.framer.website

[![How andrian-portfolio-backup.framer.website is designed](https://pin.fontofweb.com/5080?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/andrian-portfolio-backup.framer.website.md)

This page reads like a poster-first portfolio rather than a conventional studio site. The first screen is dominated by open cream space, a centered black headline, and a few tiny square ornaments that give the composition a playful, retro pulse. The design relies on contrast between a very quiet field and a few very loud graphic moments. The result feels confident, youthful, and slightly nostalgic, with a clear preference for centered type, hard edges, and simple shapes.

[Open guide](design-md/andrian-portfolio-backup.framer.website.md) · [View the Fudge conversation](https://design.withfudge.com/share/andrian-portfolio-backup.framer.website-design)

### animaapp.com

[![How animaapp.com is designed](https://pin.fontofweb.com/5953?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/animaapp.com.md)

Anima’s homepage is a dark, controlled landing page built around a single centered idea: a serif headline, a prompt-like composer, and a strip of example thumbnails that prove the product’s range. The whole page sits on a charcoal field, so the pink announcement bar, white header controls, and blue-violet hero accents read as deliberate signals instead of decoration. The mood is polished and technical at once. It feels like a design tool presenting itself with studio lighting, not like a generic software homepage.

[Open guide](design-md/animaapp.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/animaapp.com-design)

### anthropic.com

[![How anthropic.com is designed](https://pin.fontofweb.com/6290?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/anthropic.com.md)

Anthropic’s captured pages are calm, editorial, and unusually unhurried for a technology company. A warm, paper-like field gives dense black typography, carefully separated columns, sparse diagrams, and occasional cinematic feature art room to work. The recurring tension is useful: crisp sans-serif display and navigation provide present-day clarity, while serif article copy gives long-form ideas a literary cadence.

[Open guide](design-md/anthropic.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/anthropic.com-design)

### antigravity.google

[![How antigravity.google is designed](https://pin.fontofweb.com/6298?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/antigravity.google.md)

Antigravity uses a spare Google product register: a white page surface, a thin top navigation line, one strong headline or status message, and a compact set of pill actions. The system feels controlled rather than decorative. Most pages rely on one large typographic anchor, a few small links, and lots of open space so the message can land without competing elements.

[Open guide](design-md/antigravity.google.md) · [View the Fudge conversation](https://design.withfudge.com/share/antigravity.google-design)

### antler.co

[![How antler.co is designed](https://pin.fontofweb.com/5669?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/antler.co.md)

Antler’s homepage reads like a founder-network editorial page rather than a conventional corporate site. The page begins on a light, open canvas with a compact brand title, a red square mark, and a dense grid of links. It then moves into deep teal chapters where white headlines, serif emphasis, and photography work together to make the site feel international, selective, and active. The pacing is deliberate: one large idea per zone, with plenty of room around each block so the typography and imagery can carry the identity.

[Open guide](design-md/antler.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/antler.co-design)

### anytype.dev

[![How anytype.dev is designed](https://pin.fontofweb.com/4171?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/anytype.dev.md)

Anytype.dev uses a single dark visual voice across the visible desktop views. The site does not split into bright and dark chapters; instead, it stays on a near-black canvas and lets hierarchy come from type size, opacity, and the orange accent. That makes the interface feel focused and self-contained, like a writing room or a timing tool rather than a general marketing site.

[Open guide](design-md/anytype.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/anytype.dev-design)

### anytype.io

[![How anytype.io is designed](https://pin.fontofweb.com/8145?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/anytype.io.md)

Anytype's marketing pages rely on a strict contrast between white canvas and black content, then soften that contrast with a single pink accent and a set of restrained gray steps. The result feels editorial rather than software-like. The page often starts with a large serif line, then moves into compact sans-serif sections, then returns to a dark band for emphasis. That rhythm is the core of the system: one strong statement, one plain explanation, one clear action.

[Open guide](design-md/anytype.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/anytype.io-design)

### aol.com

[![How aol.com is designed](https://pin.fontofweb.com/8410?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aol.com.md)

AOL’s homepage reads as a dense news portal rather than a spare landing page. The bright header announces the brand immediately, then the page opens into a broad light reading field packed with a lead carousel, a trending stack, and a right-side promo grid. The structure is direct: one dominant story block at the top, a strong supporting column beside it, and a second story-and-list band below. The design depends on quick scanning, not on decorative flourish.

[Open guide](design-md/aol.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/aol.com-design)

### apara.design

[![How apara.design is designed](https://pin.fontofweb.com/7978?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/apara.design.md)

Apara uses a spare portfolio language: white canvas, black type, rounded cards, and one electric-blue action color. The page feels calm rather than empty because the sections are built from strong contrasts: centered hero statements against wide blank fields, dark process panels against light utility areas, and product imagery that brings saturated color into an otherwise neutral system. The result is a studio presentation that feels careful, editorial, and slightly theatrical without becoming busy.

[Open guide](design-md/apara.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/apara.design-design)

### api-dashboard.search.brave.com

[![How api-dashboard.search.brave.com is designed](https://pin.fontofweb.com/9446?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/api-dashboard.search.brave.com.md)

api-dashboard.search.brave.com is a dark, state-driven developer console. The page is built to make account status, plan selection, API keys, and verification messages easy to scan before anything else. The design stays disciplined: one strong lavender-blue action color, charcoal surfaces with tight borders, and compact Inter text that keeps long forms and pricing blocks readable without decorative noise.

[Open guide](design-md/api-dashboard.search.brave.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/api-dashboard.search.brave.com-design)

### api.momentum.uninspired.studio

[![How api.momentum.uninspired.studio is designed](https://pin.fontofweb.com/3662?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/api.momentum.uninspired.studio.md)

Momentum presents itself as a compact sequencing workspace: a dark shell wraps a bright white stage, and the whole layout is organized like a tool for arranging and tuning visual sequences. The page does not rely on decorative imagery or soft marketing surfaces. Instead, it uses a controlled editor grammar made from rails, cards, chips, tabs, sliders, and a central composition field. That gives the interface a precise, technical character while still feeling polished and intentional.

[Open guide](design-md/api.momentum.uninspired.studio.md) · [View the Fudge conversation](https://design.withfudge.com/share/api.momentum.uninspired.studio-design)

### api.scira.ai

[![How api.scira.ai is designed](https://pin.fontofweb.com/5944?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/api.scira.ai.md)

Scira’s public page is a restrained developer landing system built almost entirely from dark surfaces, soft borders, and one warm action color. The page avoids visual noise and instead gives each section a clear job: a rounded call-to-action card, a split feature block with code, and a compact footer with navigation and legal links. The result feels technical and calm rather than playful or promotional.

[Open guide](design-md/api.scira.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/api.scira.ai-design)

### app.base44.com

[![How app.base44.com is designed](https://pin.fontofweb.com/7412?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.base44.com.md)

Base44’s visual language is a desktop builder with two competing stages: a calm editing workspace and a bright purchase sheet. The workspace is mostly white, lightly bordered, and sparse. The purchase sheet sits on top as a large rounded panel with a thin cool outline, a vivid orange promotion band, and four plan cards lined up with even spacing. The result feels like a software workspace that briefly turns into a sales moment without changing its core grammar.

[Open guide](design-md/app.base44.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.base44.com-design)

### app.brevo.com

[![How app.brevo.com is designed](https://pin.fontofweb.com/10059?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.brevo.com.md)

Brevo’s app reads as a compact operational console. The page language is calm and direct: pale side navigation, white workspace cards, thin gray boundaries, and a small set of purple actions carry the whole system. Nothing feels theatrical. The interface is built to let a user move from one task to the next without losing the thread, so the design emphasizes legibility, short labels, and a clear relationship between headings, controls, and data blocks.

[Open guide](design-md/app.brevo.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.brevo.com-design)

### app.flora.ai

[![How app.flora.ai is designed](https://pin.fontofweb.com/7889?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.flora.ai.md)

FLORA reads as a dark creative workspace rather than a conventional app shell. The main canvas is almost black, the content sits in soft charcoal cards, and the page gives ideas room to float across a dotted field. That open ground is important: the layout feels roomy even when several cards, notices, and utility chips are present at once.

[Open guide](design-md/app.flora.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.flora.ai-design)

### app.fourmula.ai

[![How app.fourmula.ai is designed](https://pin.fontofweb.com/8677?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.fourmula.ai.md)

Formula AI uses a dark, controlled studio language rather than a bright marketing system. The page surface is almost entirely black and charcoal, with white type, muted gray support text, and one hot orange action color that carries the whole interface. The start screen centers a short promise over a dense grid of figure tiles, while the create-asset workspace turns the same visual language into a split production layout with a left staging column and a larger right adjustment column.

[Open guide](design-md/app.fourmula.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.fourmula.ai-design)

### app.paper.design

[![How app.paper.design is designed](https://pin.fontofweb.com/8568?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.paper.design.md)

Paper's Files home is a restrained desktop workspace built like a file system rather than a marketing page. The dark canvas stays in control, the rail is narrow, and the main area keeps a wide open working field around a small number of file tiles. That emptiness is part of the design language: content is given room, chrome stays quiet, and the interface never competes with the documents.

[Open guide](design-md/app.paper.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.paper.design-design)

### app.quiver.ai

[![How app.quiver.ai is designed](https://pin.fontofweb.com/9928?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.quiver.ai.md)

QuiverAI is a restrained light interface that lets artwork and typography carry the personality. The Explore screen feels like a tidy studio wall: a narrow left rail, a pale top bar, an oversized headline, and a dense masonry of rounded cards that hold logos, poster-like illustrations, mascot drawings, diagrams, and interface samples. The onboarding screens keep the same calm palette, but shift the composition into two clearer modes: a centered card for focus and a wide split layout that balances the form with a large illustrated panel.

[Open guide](design-md/app.quiver.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.quiver.ai-design)

### app.reve.com

[![How app.reve.com is designed](https://pin.fontofweb.com/8374?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.reve.com.md)

Reve is built as a dark creative workspace with a strict split between the black shell and the content that sits inside it. The left rail stays narrow and quiet so the main area can change shape without breaking the system. On one page the content becomes a small project starter, on another it becomes a centered pricing comparison, and on another it expands into a full image board or a focused detail workspace. The design is not trying to look lively through chrome. It stays restrained and lets the imagery supply motion, color, and drama.

[Open guide](design-md/app.reve.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.reve.com-design)

### app.squareup.com

[![How app.squareup.com is designed](https://pin.fontofweb.com/9724?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.squareup.com.md)

Square’s sign-in page is a split-stage gate: a calm white authentication surface on one side and a black brand panel on the other. The white side keeps the task plain and procedural. The black side carries the product story through stacked benefit lines and a floating software screenshot. The page feels serious because it uses very few colors, very little ornament, and a tight rhythm of text, controls, and spacing.

[Open guide](design-md/app.squareup.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.squareup.com-design)

### app.standards.site

[![How app.standards.site is designed](https://pin.fontofweb.com/8524?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.standards.site.md)

app.standards.site is a dark, disciplined design-ops workspace. The page treats the interface like a specimen sheet: a huge wordmark, stacked typography samples, layout previews, and setup controls all sit on a black field with only a few bright accents. The result feels serious and editorial rather than playful. Most of the page is empty space, which gives the labels, cards, and buttons enough room to feel deliberate.

[Open guide](design-md/app.standards.site.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.standards.site-design)

### app.subframe.com

[![How app.subframe.com is designed](https://pin.fontofweb.com/8787?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.subframe.com.md)

Subframe's UI is a clean white operating surface with a narrow dark accent and a lot of breathing room. The page treats each feature as a specimen: a context menu, a calendar, an accordion row, a pricing block, or a connection panel gets its own framed stage and enough empty space to read as a product sample rather than a marketing illustration.

[Open guide](design-md/app.subframe.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.subframe.com-design)

### app.superdesign.dev

[![How app.superdesign.dev is designed](https://pin.fontofweb.com/6128?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.superdesign.dev.md)

Superdesign is a dark workshop interface for building pages from prompts, templates, and imported references. The home screen is spare and centered: a small top bar, a concise headline, a large prompt composer, then a row of recent-project cards. The launch screen shifts into a split workspace, with a dense control column on the left and a bright preview stage on the right. That contrast is the brand: operational chrome in near-black grays, then a theatrical generated result that can turn stark, loud, and poster-like.

[Open guide](design-md/app.superdesign.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.superdesign.dev-design)

### app.superlist.com

[![How app.superlist.com is designed](https://pin.fontofweb.com/8892?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.superlist.com.md)

Superlist’s landing surface is a split composition with two different jobs. The left side behaves like a theatrical product stage: a large violet field, a centered slogan, and a loose stack of overlapping task cards built around a portrait. The right side acts like the decision point: a dark, narrow rail that holds the app mark, a short sign-in message, helper copy, and three pill-shaped login actions. The whole page feels playful, but it stays controlled because the layout is simple and the surfaces are large.

[Open guide](design-md/app.superlist.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.superlist.com-design)

### app.useorigin.com

[![How app.useorigin.com is designed](https://pin.fontofweb.com/8926?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/app.useorigin.com.md)

Origin uses a nocturnal finance aesthetic: near-black surfaces, white type, cyan actions, and a smaller violet accent for status and emphasis. The page language is confident and controlled rather than glossy. Large display type carries the marketing message, while the in-app screens compress the same brand into compact cards, rails, and overlays. The result is not a generic banking dashboard; it is a premium product shell that feels designed for concentration.

[Open guide](design-md/app.useorigin.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/app.useorigin.com-design)

### apple.com

[![How apple.com is designed](https://pin.fontofweb.com/9883?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/apple.com.md)

Apple Store commerce is precise, spacious, neutral, and conversion-focused. A broad white canvas gives product imagery and purchase information room to breathe; near-black and cool-gray type create hierarchy; blue is reserved for links and decisive actions. Softly rounded pale panels frame the hardware, while one-pixel dividers organize configuration, checkout, FAQ, and legal information without turning the interface into a field of cards.

[Open guide](design-md/apple.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/apple.com-design)

### arcee.ai

[![How arcee.ai is designed](https://pin.fontofweb.com/6373?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/arcee.ai.md)

Arcee AI uses a restrained editorial layout that feels more like a printed argument than a busy software home page. The page is built from a white field, a centered serif headline, and a row of three equal cards below it. Each card carries a short promise, a thin border, and a small geometric drawing near the bottom edge. The result is calm and direct: the page gives the main statement room to breathe, then repeats the supporting ideas with the same structure so nothing feels privileged by accident.

[Open guide](design-md/arcee.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/arcee.ai-design)

### arcraiders.com

[![How arcraiders.com is designed](https://pin.fontofweb.com/7113?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/arcraiders.com.md)

ARC Raiders pairs a utilitarian game-world identity with unusually disciplined editorial structure. It alternates between cinematic, character-led dark campaign surfaces and a warm paper-like reading surface for news. The signature is not a generic sci-fi dashboard: it is bold black type, cream stock, gold action color, and a repeated stack of bright signal stripes.

[Open guide](design-md/arcraiders.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/arcraiders.com-design)

### arena.ai

[![How arena.ai is designed](https://pin.fontofweb.com/9344?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/arena.ai.md)

Arena is a dark benchmarking interface built around comparison and ranking. The page feels technical before it feels decorative. A left rail handles navigation and filters, the center of the page carries dense ranked content, and the battle views split into opposing panes that keep the comparison in plain sight. The layout is organized for fast scanning, not for leisurely reading.

[Open guide](design-md/arena.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/arena.ai-design)

### artefakt.mov

[![How artefakt.mov is designed](https://pin.fontofweb.com/8539?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/artefakt.mov.md)

Artefakt.mov uses a severe black-and-white language that feels closer to a quiet film slate than to a conventional studio homepage. The page is built around one central idea: the brand mark is the main event, and everything else stays small, precise, and far enough away to avoid stealing attention. A narrow band of utility text sits along the top edge, the middle of the screen holds a dense character-built wordmark, and the bottom edge closes with short captions that read like credits. The result is controlled, spare, and deliberately unsentimental.

[Open guide](design-md/artefakt.mov.md) · [View the Fudge conversation](https://design.withfudge.com/share/artefakt.mov-design)

### artera.ae

[![How artera.ae is designed](https://pin.fontofweb.com/6538?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/artera.ae.md)

Artera reads as a dark art archive with a strong collector instinct. The interface lets the artwork lead, then frames it with compact chrome: a black canvas, white Inter text, muted gray metadata, and a single gold accent for the actions that matter most. The result feels closer to a night museum than a conventional marketplace. Nothing in the shell tries to outshine the art; the UI stays low-contrast and quiet so the images carry the emotional weight.

[Open guide](design-md/artera.ae.md) · [View the Fudge conversation](https://design.withfudge.com/share/artera.ae-design)

### artificialanalysis.ai

[![How artificialanalysis.ai is designed](https://pin.fontofweb.com/9727?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/artificialanalysis.ai.md)

Artificial Analysis is a light AI analytics system with a strong editorial spine and a disciplined comparison layout. The page shell stays white, borders stay thin, and the content takes up the visual weight through typography, spacing, and data density. Victor Serif Basic gives the site its voice: headlines, benchmark names, and price figures feel like an article or report. Suisse Intl handles everything operational, from tabs and filters to table rows, helper copy, and button labels. That contrast is the brand.

[Open guide](design-md/artificialanalysis.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/artificialanalysis.ai-design)

### artsandculture.google.com

[![How artsandculture.google.com is designed](https://pin.fontofweb.com/7274?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/artsandculture.google.com.md)

Google Arts & Culture uses a restrained, gallery-like interface that keeps the artwork, collection tiles, and editorial headings in front of the chrome. The page is almost always built on a white canvas with thin dark or gray rules, compact navigation text, and blue links or actions. The result feels like a museum index rather than a product dashboard: quiet around the edges, image-forward in the middle, and highly legible at a glance.

[Open guide](design-md/artsandculture.google.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/artsandculture.google.com-design)

### artstation.com

[![How artstation.com is designed](https://pin.fontofweb.com/2253?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/artstation.com.md)

ArtStation presents itself as a dark working surface for illustration, concept art, 3D work, and marketplace discovery. The page does not build a bright brand shell around the content. It lowers the interface into a near-black canvas and lets thumbnails, artwork, and profile imagery supply almost all of the color. That choice gives the site a gallery-like feel even when the content is a utility view such as an empty profile. The interface still needs structure, but that structure stays quiet: a narrow top bar, a long search field, compact utility controls, and horizontal content rails.

[Open guide](design-md/artstation.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/artstation.com-design)

### ashmolean.org

[![How ashmolean.org is designed](https://pin.fontofweb.com/6602?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ashmolean.org.md)

Ashmolean.org is built like a museum publication translated into a web page: calm, documentary, and easy to scan. The site keeps a white or warm off-white canvas, black primary text, and a restrained sage-green action color. Photography carries the emotional load. The interface stays quiet around it, using centered cards, pale section bands, and long horizontal margins to make each page feel spacious rather than busy.

[Open guide](design-md/ashmolean.org.md) · [View the Fudge conversation](https://design.withfudge.com/share/ashmolean.org-design)

### assistant-ui.com

[![How assistant-ui.com is designed](https://pin.fontofweb.com/8806?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/assistant-ui.com.md)

assistant-ui.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#fafafa`, and `#cdd6f4`, with typography led by **Geist** and **System**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/assistant-ui.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/assistant-ui.com-design)

### astrnt.co

[![How astrnt.co is designed](https://pin.fontofweb.com/8774?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/astrnt.co.md)

ASTRNT presents hiring and admissions as a serious enterprise landing page. The composition opens with a narrow navy strip, then moves into a white header row and a broad hero. The tone is controlled and corporate rather than playful. There are no soft gradients, decorative flourishes, or crowded card stacks competing for attention. The page relies on scale, spacing, and a few sharp brand colors to carry the message.

[Open guide](design-md/astrnt.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/astrnt.co-design)

### astrotypes.com

[![How astrotypes.com is designed](https://pin.fontofweb.com/8440?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/astrotypes.com.md)

Astrotypes is a type specimen page with a deliberately narrow visual range. The page does not try to create a full brand world; it lets the type families do the work. Each section reads like a large light card placed on a slightly darker canvas, with a single oversized face name, one calm supporting sentence, and a small command strip anchored near the bottom. The repetition is the identity: the same frame, the same spacing rhythm, and the same restrained controls make each font family feel like a member of one system rather than a separate poster.

[Open guide](design-md/astrotypes.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/astrotypes.com-design)

### audio.com

[![How audio.com is designed](https://pin.fontofweb.com/6243?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/audio.com.md)

audio.com uses a dark creator-platform language: deep charcoal backgrounds, bright off-white type, magenta actions, and narrow hairline borders that keep the interface crisp instead of glossy. The page reads as an app first and a marketing site second. Large centered statements do most of the selling, while the supporting blocks stay compact and card-like.

[Open guide](design-md/audio.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/audio.com-design)

### aura.build

[![How aura.build is designed](https://pin.fontofweb.com/8824?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/aura.build.md)

Aura is built around a dark application shell and a bright inner canvas. The site moves between template pages, a React generator workspace, and a changelog timeline, but the same narrow palette, thin borders, and rounded cards keep those pages in one family. The result feels like a product studio: serious enough for technical work, yet polished enough for a template marketplace.

[Open guide](design-md/aura.build.md) · [View the Fudge conversation](https://design.withfudge.com/share/aura.build-design)

### autogram.id

[![How autogram.id is designed](https://pin.fontofweb.com/10168?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/autogram.id.md)

Autogram’s page language is spare, bright, and centered. The whole screen reads as a soft white field with one decisive message in the middle, then a loose ring of floating tiles that makes the product feel social rather than dashboard-like. The copy stays short. The whitespace stays large. The surrounding objects carry much of the personality: app icons, document cards, small photo crops, and colored name chips all sit outside the main text column like pinned notes around a workstation.

[Open guide](design-md/autogram.id.md) · [View the Fudge conversation](https://design.withfudge.com/share/autogram.id-design)

### awwwards.com

[![How awwwards.com is designed](https://pin.fontofweb.com/6995?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/awwwards.com.md)

Awwwards uses one visual grammar across a few page types: a quiet pale stage for utility content, a white stage for list and card systems, and a black stage for poster-like statements. The constant is Inter Tight. Headlines are huge, centered, and uncompromising; supporting controls stay small, rounded, and mostly flat. The jobs board, home hero, and FAQ pages all keep the same disciplined shell even when the center shifts from a grid to a single headline to a long question list.

[Open guide](design-md/awwwards.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/awwwards.com-design)

### baked.design

[![How baked.design is designed](https://pin.fontofweb.com/6495?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/baked.design.md)

Baked Design presents itself like a polished studio landing page rather than a traditional agency brochure. The visual system is simple on purpose: a white canvas, black and muted-black type, and a single vivid blue that carries the main action. The strongest feeling comes from contrast between a compact, phone-sized blue card and a much larger desktop scene where the work spreads out into floating devices, a left-aligned pitch column, and a centered contact form. The page does not rely on ornamental chrome. It uses spacing, scale, and a few rounded forms to make the offer feel direct and current.

[Open guide](design-md/baked.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/baked.design-design)

### baremettle.com

[![How baremettle.com is designed](https://pin.fontofweb.com/6253?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/baremettle.com.md)

Bare Mettle’s forum index is a dark, compact shell wrapped around a classic message-board layout. It does not try to look like a marketing homepage. The page opens with a centered studio navigation strip, then drops into forum chrome: toolbar, breadcrumb, board title, pagination, and a thread table. The visual hierarchy is built from stacked black and charcoal planes, thin separators, and a single accent action. The overall feeling is quiet, industrial, and a little theatrical, with the smoky backdrop giving the chrome depth without turning the interface into a poster.

[Open guide](design-md/baremettle.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/baremettle.com-design)

### base-ui.com

[![How base-ui.com is designed](https://pin.fontofweb.com/8041?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/base-ui.com.md)

base-ui.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#ededed` and `#000000`, with typography led by **Times**, **Die Grotesk A**, and **Die Grotesk B**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/base-ui.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/base-ui.com-design)

### base44.com

[![How base44.com is designed](https://pin.fontofweb.com/9559?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/base44.com.md)

Base44 reads as a calm idea-making brand rather than a hard utility dashboard. The page system prefers pale atmospheric fields, black display type, rounded white containers, and a single strong black action button. When it needs to prove depth, it drops in a dark task-board preview or a pricing matrix, but the surrounding frame stays light and open. The result is a site that can move from a sky-blue prompt hero to a peach-and-lilac error page without losing its voice. What ties the system together is the repeated use of Stk Miso for the large statements, Wix Madefor for reading copy, and pill-based controls for action.

[Open guide](design-md/base44.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/base44.com-design)

### baselight.ai

[![How baselight.ai is designed](https://pin.fontofweb.com/7851?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/baselight.ai.md)

Baselight presents structured data as a calm, premium product rather than a noisy dashboard. The page language is sparse, the alignment is strict, and the hierarchy depends on scale instead of ornament. A warm off-white ground carries the marketing story; white cards lift above it; deep night sections arrive later to reset the pace. Mint-teal marks identity and motion points. Black pills, compact labels, and large Nohemi headlines keep the system confident without feeling loud.

[Open guide](design-md/baselight.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/baselight.ai-design)

### baseten.co

[![How baseten.co is designed](https://pin.fontofweb.com/9008?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/baseten.co.md)

Baseten presents itself as a systems brand, not a product with ornamental polish. The page is built from a white canvas, black display type, a very small set of green signals, and occasional pink markers inside the diagram language. The hero is severe and spacious: a large left-aligned headline, a short supporting block, and two compact actions. The right side carries the explanation with stacked cylinders, cubes, labels, and dotted connectors. That split gives the page its identity immediately.

[Open guide](design-md/baseten.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/baseten.co-design)

### bbc.com

[![How bbc.com is designed](https://pin.fontofweb.com/6962?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/bbc.com.md)

BBC.com is a public-service news system that makes the institution legible before it makes the story legible. The homepage is a calm, white editorial dashboard: a centered three-tile BBC mark, a thin topic rail, then a dense but orderly story mosaic that mixes large photography, compact headlines, small decks, and quiet metadata. The article views keep the same brand discipline but reduce the visual noise. English longform leans on a media hero and a single reading column; the Russian World Service page strips the page down to byline, translation note, and text-first paragraphs.

[Open guide](design-md/bbc.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/bbc.com-design)

### behance.net

[![How behance.net is designed](https://pin.fontofweb.com/7320?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/behance.net.md)

Behance uses two strong modes that share one grammar. The Explore shell is restrained: white canvas, thin gray dividers, compact text, and one saturated blue for the primary action. That lets project covers carry most of the color and motion. The Pro marketing pages flip the balance. They center oversized black or white headlines, use broad fields of color or black, and place the product message above cards, testimonials, and pricing blocks that feel more like exhibition panels than ordinary UI.

[Open guide](design-md/behance.net.md) · [View the Fudge conversation](https://design.withfudge.com/share/behance.net-design)

### bengalturf.yolasite.com

[![How bengalturf.yolasite.com is designed](https://pin.fontofweb.com/9475?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/bengalturf.yolasite.com.md)

Bengal Turf uses an old brochure-page formula and commits to it fully. The entire page sits on one deep olive canvas, so the content reads as a centered panel of local-service information rather than a modern marketing site. A pale green title plaque floats near the top, a black navigation rail runs above it, and a strong phone line acts as the first real call to action. The rest of the page stays quiet: one photograph, two-column text blocks, and a simple services list. The design works because every part knows its job. The banner identifies the business, the phone line pushes action, the photo lends trust, and the text columns explain what the company does.

[Open guide](design-md/bengalturf.yolasite.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/bengalturf.yolasite.com-design)

### besimple.ai

[![How besimple.ai is designed](https://pin.fontofweb.com/9798?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/besimple.ai.md)

Besimple.ai presents voice-AI audio licensing as an editorial product story rather than a noisy dashboard. The page sits on a warm stone canvas, uses a tall serif for claims, a quiet sans for explanation, and a single orange accent for brand marks, button chips, benchmark highlights, and small chart-like details. White cards and thin rules organize the technical material into easy-to-scan blocks. The result feels like a research report laid onto a calm marketing page: spare, centered, and highly legible.

[Open guide](design-md/besimple.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/besimple.ai-design)

### betterstack.com

[![How betterstack.com is designed](https://pin.fontofweb.com/7017?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/betterstack.com.md)

betterstack.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#939db8`, `#000000`, and `#0f101a`, with typography led by **Helvetica Now**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/betterstack.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/betterstack.com-design)

### bfl.ai

[![How bfl.ai is designed](https://pin.fontofweb.com/6151?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/bfl.ai.md)

Black Forest Labs uses a visual system that feels like a research poster laid over a night landscape. The page is built from contrast rather than ornament: near-black ground, soft white cards, huge white headlines, and small mono labels that look stamped rather than decorative. The result is restrained but dramatic. Nothing in the system is loud by itself, yet the whole page still feels cinematic because the imagery, type scale, and surface changes are aligned.

[Open guide](design-md/bfl.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/bfl.ai-design)

### binary.so

[![How binary.so is designed](https://pin.fontofweb.com/7681?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/binary.so.md)

Binary presents hiring software as a calm, compact marketing system. The page relies on a pale canvas, dark navy emphasis, and crisp white cards rather than loud illustration or dense dashboard styling. The visual tone is measured and efficient: one strong headline, one dark primary action, and a small set of supporting modules that explain the product in plain language.

[Open guide](design-md/binary.so.md) · [View the Fudge conversation](https://design.withfudge.com/share/binary.so-design)

### bkid.co

[![How bkid.co is designed](https://pin.fontofweb.com/10283?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/bkid.co.md)

BKID's work pages read like studio documentation rather than a commercial site. The page gives the work the first and strongest voice: a compact top navigation, a right-aligned wordmark, a large hero image, and then a calm sequence of credit text, explanation, and specimen grids. The interface is almost invisible because the visual system is built to keep attention on the 3D objects and their arrangement.

[Open guide](design-md/bkid.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/bkid.co-design)

### bland.ai

[![How bland.ai is designed](https://pin.fontofweb.com/9670?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/bland.ai.md)

Bland uses a strict white canvas, near-black typography, and a single warm action color to keep a technically dense product feeling controlled. The page reads like an enterprise sales system rather than a playful brand site: headline first, proof second, then cards, tables, and forms that explain limits and capabilities without clutter. Orange-red appears as a top announcement strip; gold appears on the main call to action; green appears only for trust marks and approved states. Everything else stays quiet.

[Open guide](design-md/bland.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/bland.ai-design)

### blindsight.space

[![How blindsight.space is designed](https://pin.fontofweb.com/6419?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/blindsight.space.md)

Blindsight uses a narrow set of visual rules and then commits to them hard. The page is built around a black stage, white outline lettering, red serif statements, and a small amount of blue link behavior that stays in the background rather than becoming the brand center. That restraint gives the site a film-poster gravity: the interface does not try to feel friendly, busy, or conversational. It feels like a title sequence that happens to contain navigation.

[Open guide](design-md/blindsight.space.md) · [View the Fudge conversation](https://design.withfudge.com/share/blindsight.space-design)

### blog.google

[![How blog.google is designed](https://pin.fontofweb.com/7540?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/blog.google.md)

blog.google presents Google as a calm, editorial news surface with launch-page energy. The page is built around two clear moves: a large feature stage with a blue headline, floating thumbnail imagery, and a rounded white story card; then a quieter search tray that turns the same visual language into a utility surface with a text prompt, divider rule, and rounded suggestion pills.

[Open guide](design-md/blog.google.md) · [View the Fudge conversation](https://design.withfudge.com/share/blog.google-design)

### bolt.new

[![How bolt.new is designed](https://pin.fontofweb.com/6001?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/bolt.new.md)

Bolt.new uses one visual language for two related surfaces: the marketing page and the builder workspace. Both feel like a dark developer cockpit rather than a glossy consumer site. The canvas stays near-black, the borders stay visible, and the blue action color does almost all of the emphasis work. That restraint matters. The page does not depend on ornament or on a heavy display-font hierarchy; it depends on tight geometry, readable Inter text, and large areas of empty space that make the active panel feel intentional.

[Open guide](design-md/bolt.new.md) · [View the Fudge conversation](https://design.withfudge.com/share/bolt.new-design)

### bookmarkify.io

[![How bookmarkify.io is designed](https://pin.fontofweb.com/5037?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/bookmarkify.io.md)

Bookmarkify uses a restrained SaaS language built around centered headlines, rounded white cards, soft gray structure, and a single warm orange action color. The page feels deliberately spacious and orderly. Most of the screen is left open so the message, product previews, and card-based feature explanations can breathe. The style is not decorative in a loud way; instead, it leans on proportion, contrast, and a clear hierarchy between large claims and small support text.

[Open guide](design-md/bookmarkify.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/bookmarkify.io-design)

### braintrust.dev

[![How braintrust.dev is designed](https://pin.fontofweb.com/8909?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/braintrust.dev.md)

Braintrust presents itself as a serious AI product for teams shipping to production. The page does not lean on decorative art or dense visual tricks. Instead, it builds trust through a blunt black-and-white core, then punctuates that core with a few highly saturated brand fields: electric blue, chartreuse, plum, burgundy, rose, and peach. The result feels technical without becoming cold, and branded without becoming loud.

[Open guide](design-md/braintrust.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/braintrust.dev-design)

### brave.com

[![How brave.com is designed](https://pin.fontofweb.com/9441?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/brave.com.md)

Brave’s visual system is clean, high contrast, and strongly editorial. The page sits on a bright canvas, keeps the body copy near-black, and uses a single blue for links, tabs, and API chrome. The homepage hero uses a serif headline with a warmer call-to-action card, while the Search API pages shift toward bold Poppins section heads and calmer Inter Variable body text so the same brand can serve both consumer browsing and developer tasks without losing its voice.

[Open guide](design-md/brave.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/brave.com-design)

### brookings.edu

[![How brookings.edu is designed](https://pin.fontofweb.com/9557?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/brookings.edu.md)

Brookings reads like a serious editorial institution, not a glossy marketing site. The visual system is built from a narrow set of strong roles: a blue header strip, white content fields, deep navy promotional bands, orange section markers, and black-to-gray body text. The result is direct and legible. It feels closer to a research desk than a campaign landing page.

[Open guide](design-md/brookings.edu.md) · [View the Fudge conversation](https://design.withfudge.com/share/brookings.edu-design)

### browserbase.com

[![How browserbase.com is designed](https://pin.fontofweb.com/7913?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/browserbase.com.md)

Browserbase uses a severe, technical visual language that feels closer to an infrastructure diagram than a polished consumer brand. The pages are built from a white canvas, thin gray rules, big black headings, and a few concentrated accent colors. The orange-red call to action is the clearest brand signal, while the pink, gold, green, and violet cube graphics provide controlled variation without turning the page playful. Most layouts depend on space, alignment, and scale rather than ornament.

[Open guide](design-md/browserbase.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/browserbase.com-design)

### browseros.com

[![How browseros.com is designed](https://pin.fontofweb.com/5990?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/browseros.com.md)

BrowserOS uses an editorial browser brand rather than a hard-edged software skin. The supplied pages sit on a pale paper canvas, set major lines in a bookish serif, and reserve the orange accent for the few places that need to pull the eye. The result feels calm and authored: a homepage that reads like a magazine spread about a product, not a dashboard about a tool.

[Open guide](design-md/browseros.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/browseros.com-design)

### bspk.xyz

[![How bspk.xyz is designed](https://pin.fontofweb.com/9365?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/bspk.xyz.md)

BSPK’s Anthropic page is a quiet editorial case study built from contrast, spacing, and type scale rather than ornament. The page opens with a cream header and a bold two-column lead, then drops into a large black project stage that acts like the central chapter of the story. Below that, a pale release area organizes three compact cards into a clean grid, and the page finishes with a sparse footer line and tiny meta copy. The visual system feels deliberate and restrained, with every part kept in service of the written narrative.

[Open guide](design-md/bspk.xyz.md) · [View the Fudge conversation](https://design.withfudge.com/share/bspk.xyz-design)

### bud.app

[![How bud.app is designed](https://pin.fontofweb.com/9134?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/bud.app.md)

Bud’s visual system is quiet, spacious, and product-first. The page field stays almost entirely white, then uses black text, pale gray rails, and rounded cards to organize a dense set of controls without making the layout feel busy. The gold accent is rare and deliberate. It appears in the mascot mark, small badges, and tiny emphasis details, which keeps it from competing with the content.

[Open guide](design-md/bud.app.md) · [View the Fudge conversation](https://design.withfudge.com/share/bud.app-design)

### builtwith.kit.com

[![How builtwith.kit.com is designed](https://pin.fontofweb.com/6376?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/builtwith.kit.com.md)

Kit's homepage uses a simple but forceful contrast system: dark promotional chapters, a bright off-white editorial chapter, and one electric-blue action color that stays constant across both moods. The page does not depend on decorative gradients or ornamental framing. Instead, it builds identity from scale, contrast, and a small set of repeated shapes. Large Kit Sans headlines carry the message, while Libre Franklin keeps the supporting copy plain and legible.

[Open guide](design-md/builtwith.kit.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/builtwith.kit.com-design)

### c82.net

[![How c82.net is designed](https://pin.fontofweb.com/10174?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/c82.net.md)

c82.net presents the Naturalist’s Library as a disciplined reading environment for plates, captions, and index browsing. The design feels closer to a museum catalog or a printed natural-history volume than to a modern app. The visual language depends on a narrow set of materials: paper-white and cream grounds, an evergreen masthead, burnt-orange links and buttons, black reading text, and oversized display lettering that makes the site title feel carved rather than typed.

[Open guide](design-md/c82.net.md) · [View the Fudge conversation](https://design.withfudge.com/share/c82.net-design)

### caffeine.ai

[![How caffeine.ai is designed](https://pin.fontofweb.com/8830?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/caffeine.ai.md)

Caffeine uses a severe dark base, very light text, and a small set of high-saturation accents to separate a public information page from a denser app settings view. The system feels compact and technical, but the typography keeps it calm: large headlines are thin and airy, while controls stay small and boxed. The result is not decorative darkness; it is a controlled interface language where each surface carries a single task and almost no extra chrome.

[Open guide](design-md/caffeine.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/caffeine.ai-design)

### camo.com

[![How camo.com is designed](https://pin.fontofweb.com/7176?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/camo.com.md)

Camo Studio’s `/studio` page is a dark, product-forward marketing system built around one promise: the camera feed and the software interface are the proof. The page does not depend on ornamental illustration or a bright landing-page shell. It uses a deep navy canvas, white Inter type, gold action, and lavender chapter markers to frame large media scenes and a full-width editor screenshot. The result feels controlled and technical, but still friendly enough for general consumer software.

[Open guide](design-md/camo.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/camo.com-design)

### campaignlive.co.uk

[![How campaignlive.co.uk is designed](https://pin.fontofweb.com/7894?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/campaignlive.co.uk.md)

Campaign Live is a trade-publication design system built from three clear materials: a black-and-white editorial reading surface, a red subscription accent, and a compact set of boxed commerce modules. The page hierarchy is blunt and practical. Headlines are heavy and often oversized. Supporting copy is calmer and narrower in measure. Utility links, navigation, and list-heavy modules use a disciplined sans face, while long-form article text leans into a serif voice that keeps the site grounded in editorial authority.

[Open guide](design-md/campaignlive.co.uk.md) · [View the Fudge conversation](https://design.withfudge.com/share/campaignlive.co.uk-design)

### canadaspends.com

[![How canadaspends.com is designed](https://pin.fontofweb.com/6907?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/canadaspends.com.md)

Canada Spends is built like a public finance report turned into an interactive dashboard. The interface is calm, compact, and data-led: warm cream canvas, charcoal headings, white cards, and a single deep red accent that carries emphasis without turning the page theatrical. The visual tone is serious but not severe. It reads like a civic briefing where the numbers are meant to be scanned, compared, and trusted.

[Open guide](design-md/canadaspends.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/canadaspends.com-design)

### cap.so

[![How cap.so is designed](https://pin.fontofweb.com/6479?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cap.so.md)

Cap presents a clean screen-recording brand with a strict black-and-white base, a pale canvas, and one deep blue action color. The page feels quiet and organized rather than decorative. Its strongest pattern is the centered, airy composition: a compact top bar, a generous headline, and large card-based sections that sit in a wide field of whitespace. On the home page, a dark editor preview and a grid of feature tiles explain the product through large, simple shapes. On the pricing page, the system becomes even more structured, using a centered comparison table, three plan columns, and long rows of evenly spaced feature checks.

[Open guide](design-md/cap.so.md) · [View the Fudge conversation](https://design.withfudge.com/share/cap.so-design)

### capacity.so

[![How capacity.so is designed](https://pin.fontofweb.com/7415?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/capacity.so.md)

Capacity reads as a dark, centered product-site system for AI website building. The pages lean on one calm formula: a near-black canvas, white or zinc text, rounded cards with thin borders, and a warm action color that appears only where the interface needs a decision. Large serif headlines do the selling. Smaller sans text does the explaining. The result feels technical without turning into a dashboard, and cinematic without becoming decorative.

[Open guide](design-md/capacity.so.md) · [View the Fudge conversation](https://design.withfudge.com/share/capacity.so-design)

### capy.ai

[![How capy.ai is designed](https://pin.fontofweb.com/7790?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/capy.ai.md)

Capy uses a hard-edged developer-marketing language with a toy-like mascot, but the layout stays disciplined and serious. The site relies on a narrow patterned rail, a large white main canvas, tall condensed headlines, and a single teal accent that carries the whole action system. The result feels closer to an opinionated tool brand than to a playful illustration site. The mascot adds personality, but the real structure comes from strict alignment, thin black rules, and boxed surfaces.

[Open guide](design-md/capy.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/capy.ai-design)

### carcard.arible.co

[![How carcard.arible.co is designed](https://pin.fontofweb.com/7745?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/carcard.arible.co.md)

Carcard uses two closely related visual modes: a warm editorial intro band and a calm card-scanning workspace. The first mode is poster-like and condensed, with small upper labels, a large serif statement, and a thin closing rule. The second mode is a clean single-page utility surface with a centered hero, a black primary action, a dashed upload area, a search field, and a vertical list of scanned cards. The system feels quiet rather than minimal for its own sake. It keeps the structure legible, gives the brand a soft literary tone, and uses very little color beyond ink, muted neutrals, paper white, and a green success state.

[Open guide](design-md/carcard.arible.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/carcard.arible.co-design)

### cargo.site

[![How cargo.site is designed](https://pin.fontofweb.com/6371?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cargo.site.md)

Cargo is a dark, spare site-builder system that lets content carry the visual weight. The frame stays quiet: tiny top navigation, faint separators, restrained icons, and a low-contrast left rail in the editor shell. The pages that matter are either huge black poster-like statements or dense grids of site thumbnails. That split is the brand.

[Open guide](design-md/cargo.site.md) · [View the Fudge conversation](https://design.withfudge.com/share/cargo.site-design)

### catala-lang.org

[![How catala-lang.org is designed](https://pin.fontofweb.com/9002?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/catala-lang.org.md)

Catala’s visual system reads like an academic paper that has been turned into a website without losing its discipline. The page sits on a pale paper ground, uses serif display type for the main claims, and keeps the rest of the interface in a clean sans-serif voice. Gold-sand buttons, thin rules, and ruled white panels carry the interface, while code examples supply the site’s strongest visual contrast. The overall feeling is calm, exact, and document-oriented rather than promotional.

[Open guide](design-md/catala-lang.org.md) · [View the Fudge conversation](https://design.withfudge.com/share/catala-lang.org-design)

### cavalry.scenegroup.co

[![How cavalry.scenegroup.co is designed](https://pin.fontofweb.com/7158?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cavalry.scenegroup.co.md)

Cavalry’s pages are built like motion-design posters translated into web layout. The system prefers a small set of loud ingredients: black or charcoal fields, white type, one saturated purple, one neon green, thin rules, and clean pill buttons. The page does not rely on softness or ornamental texture. Instead, it uses hard edges, strong contrast, and large type to make each section feel like a separate chapter.

[Open guide](design-md/cavalry.scenegroup.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/cavalry.scenegroup.co-design)

### cavalry.studio

[![How cavalry.studio is designed](https://pin.fontofweb.com/8893?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cavalry.studio.md)

Cavalry’s homepage uses a compact, aggressive visual language built for a motion tool. The page is not neutral or airy. It is a dark stage with a vivid purple chapter color, crisp white containers, and a bright yellow call to action. That contrast gives the page a gallery feel without losing product clarity. The strongest sections read like poster panels: large headline, short supporting copy, and one visual anchor that explains the topic faster than a paragraph could.

[Open guide](design-md/cavalry.studio.md) · [View the Fudge conversation](https://design.withfudge.com/share/cavalry.studio-design)

### celesteduffy.com

[![How celesteduffy.com is designed](https://pin.fontofweb.com/7863?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/celesteduffy.com.md)

Celeste Duffy’s site is an art-first portfolio and shop wrapped in a restrained editorial shell. The visual language is built from two strong text voices, a paper-warm canvas, and a pair of saturated conversion colors that appear only when the page wants attention. Most of the page stays quiet so the illustration, print mockups, and framed artwork can carry the mood.

[Open guide](design-md/celesteduffy.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/celesteduffy.com-design)

### cerebras.ai

[![How cerebras.ai is designed](https://pin.fontofweb.com/9329?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cerebras.ai.md)

Cerebras uses a strict industrial visual language. The page is driven by dark fields, white type, and a small orange accent that marks taxonomy, links, and emphasis. The mood is not polished consumer-tech; it is hardware-first, dense, and exact. Large areas of near-black and deep brown create the frame, while bright white content sheets break in as contrast when the site needs a readable list or form. That shift from dark stage to white sheet is one of the clearest structural cues in the system.

[Open guide](design-md/cerebras.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/cerebras.ai-design)

### chainlift.io

[![How chainlift.io is designed](https://pin.fontofweb.com/6346?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/chainlift.io.md)

Chainlift presents LiftKit as a precision-minded UI framework. The page is almost entirely dark, then punctuates that darkness with pale lavender actions and a saturated blue footer. The result feels technical, controlled, and a little severe, but never noisy. Large headlines do the heavy lifting; the supporting text stays compact and deliberately plain.

[Open guide](design-md/chainlift.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/chainlift.io-design)

### chatgpt.com

[![How chatgpt.com is designed](https://pin.fontofweb.com/10217?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/chatgpt.com.md)

ChatGPT’s interface is a dark, low-noise work surface. The default view is almost empty: a black field, a thin left rail, a centered compose bar, and a small set of rounded controls that sit quietly until they matter. The layout feels like a command center more than a marketing page. Content is arranged so the user’s task, not the chrome, stays in focus.

[Open guide](design-md/chatgpt.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/chatgpt.com-design)

### christies.com

[![How christies.com is designed](https://pin.fontofweb.com/7374?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/christies.com.md)

Christie’s homepage feels like an auction catalog arranged with the pacing of an editorial magazine. White ground, black and charcoal text, and wide image fields do most of the work. The design depends on restraint: a narrow palette, thin rules, small utility text, and long horizontal compositions that let art, objects, and real-estate imagery stay central.

[Open guide](design-md/christies.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/christies.com-design)

### clarity.microsoft.com

[![How clarity.microsoft.com is designed](https://pin.fontofweb.com/6780?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/clarity.microsoft.com.md)

Clarity uses a restrained Microsoft marketing language: white canvas, pale blue-violet washes, Segoe UI hierarchy, and product screenshots that do most of the explanatory work. The page stays calm and corporate rather than theatrical. Large headings and small utility labels create the rhythm; the screenshots provide the proof.

[Open guide](design-md/clarity.microsoft.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/clarity.microsoft.com-design)

### classy.md

[![How classy.md is designed](https://pin.fontofweb.com/10090?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/classy.md.md)

Classy.md is a dark writing surface built around restraint. The page is almost entirely text, with a centered reading column, a black field that never tries to become decorative, and a small amount of top chrome. The visual system does not lean on depth, glossy treatment, or layered panels. It relies on measure, rhythm, and contrast. That makes the site feel closer to an editor, a notes app, or a typed manifesto than a conventional SaaS landing page.

[Open guide](design-md/classy.md.md) · [View the Fudge conversation](https://design.withfudge.com/share/classy.md-design)

### claude.ai

[![How claude.ai is designed](https://pin.fontofweb.com/9549?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/claude.ai.md)

Claude.ai uses two tightly related surface families. The dark family handles the login and first-contact pages: near-black backgrounds, soft white type, rounded cards, and one strong blue action color. The light family handles the workspace, design-system, and palette pages: warm paper backgrounds, black ink, pale dividers, and compact controls with more air around them. The product stays coherent because the same serif-and-sans typographic split runs through both modes. The mood changes, but the structure does not.

[Open guide](design-md/claude.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/claude.ai-design)

### claude.com

[![How claude.com is designed](https://pin.fontofweb.com/10037?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/claude.com.md)

Claude.com is built as a dark editorial brand system rather than a conventional SaaS shell. The page stays close to a near-black charcoal canvas, then lifts the important actions and media into paper-colored pills, thin ruled rows, and rounded image frames. The visual weight belongs to the serif headlines, which are large, pale, and tightly composed. Sans text stays quiet, compact, and functional. Terracotta appears as a brand signal and a small accent, not as a flood of color.

[Open guide](design-md/claude.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/claude.com-design)

### claura.framer.ai

[![How claura.framer.ai is designed](https://pin.fontofweb.com/8122?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/claura.framer.ai.md)

Claura feels like a calm studio landing page built around one warm visual temperature. The page uses a cream canvas, dark espresso text, and a single brown action color, then lets large serif headlines and rounded panels carry the brand. The tone is polished but not glossy, with enough softness in the surfaces to keep the page approachable.

[Open guide](design-md/claura.framer.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/claura.framer.ai-design)

### clubhouse.com

[![How clubhouse.com is designed](https://pin.fontofweb.com/7585?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/clubhouse.com.md)

Clubhouse is a poster first and a product page second. The bright version works as a saturated yellow stage with one dominant sentence, two compact actions, and scattered circular portraits that make the page feel social before it feels informational. The calmer version changes the structure instead of merely muting the color: it becomes a centered wordmark, a small downward arrow, and a bottom cue that asks the visitor to continue. Those two views share the same brand voice, but they do not share the same hierarchy.

[Open guide](design-md/clubhouse.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/clubhouse.com-design)

### cmux.com

[![How cmux.com is designed](https://pin.fontofweb.com/9447?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cmux.com.md)

cmux uses a restrained, developer-first visual language built from monochrome surfaces, compact type, and a very narrow centered content column. The page does not try to feel expansive or decorative. It feels precise, controlled, and intentionally quiet. The strongest impression comes from contrast: bright white pages against near-black pages, filled pills against outlined pills, and dense testimonial text against generous empty margins.

[Open guide](design-md/cmux.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/cmux.com-design)

### cobe.vercel.app

[![How cobe.vercel.app is designed](https://pin.fontofweb.com/8174?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cobe.vercel.app.md)

COBE reads like a developer library built around one live object. A white field gives the globe room, while the rest of the page turns into a sequence of compact reference surfaces: tabs, prompt bars, code cards, a control panel, and a table of options. The mood is precise and slightly playful because the globe, stickers, and label cards carry the personality while the UI chrome stays thin and rectilinear.

[Open guide](design-md/cobe.vercel.app.md) · [View the Fudge conversation](https://design.withfudge.com/share/cobe.vercel.app-design)

### coda.co

[![How coda.co is designed](https://pin.fontofweb.com/6759?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/coda.co.md)

Coda’s merchant-of-record landing page is built as a two-mode finance story. The first mode is a dark hero stage with a huge cream claim on a charcoal background, a compact light action, and a glossy green sculptural form that fills the right half of the viewport. The second mode is a warm cream directory sheet that opens the product family into a multicolumn grid without changing the page’s quiet tone. Between those modes sits an olive-gray feature band that explains the offer in shorter, utility-shaped blocks.

[Open guide](design-md/coda.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/coda.co-design)

### codepen.io

[![How codepen.io is designed](https://pin.fontofweb.com/8437?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/codepen.io.md)

CodePen is a dark builder shell with a strong split between utility chrome and promotional stage content. The left rail, top search bar, and account controls stay compact and disciplined. The main lane opens into large white statements, dark cards, and bright accent graphics that make the product feel active without turning the interface glossy or heavy.

[Open guide](design-md/codepen.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/codepen.io-design)

### cofounder.co

[![How cofounder.co is designed](https://pin.fontofweb.com/9471?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cofounder.co.md)

Cofounder uses a split personality that still feels like one system. The opening view is a full-bleed illustrated world with a bright blue sky, grassy distance, and a laptop placed inside the scene; later pages become white editorial layouts with a sunflower rail, a serif headline, and small monochrome controls. The design never turns into a heavy dashboard. It stays airy, image-led, and quiet around the edges.

[Open guide](design-md/cofounder.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/cofounder.co-design)

### cognee.ai

[![How cognee.ai is designed](https://pin.fontofweb.com/10428?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cognee.ai.md)

Cognee uses a dark, technical stage with a restrained editorial tone. The page sits on a black field and overlays a faint square grid, then drops in scattered lavender tile clusters so the background feels computational without becoming noisy. The main message is carried by oversized Twk Lausanne headlines, short supporting lines, and compact pill controls. That balance gives the site a calm but forceful presence: the copy leads, while the grid and violet accents supply the brand signal.

[Open guide](design-md/cognee.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/cognee.ai-design)

### cohere.com

[![How cohere.com is designed](https://pin.fontofweb.com/9952?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cohere.com.md)

Cohere’s page design is enterprise AI with a quiet face and a strong core. The default field is white or soft ivory, the text is near-black, and the main action color is a single coral orange that stays consistent across the marketing site. That restraint gives the page room to shift mood when needed: a cream hero with floating gradient forms, a dark story panel with stacked photos, a lavender contact form, a purple developer stage, and a black footer. The result feels controlled rather than decorative.

[Open guide](design-md/cohere.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/cohere.com-design)

### console.groq.com

[![How console.groq.com is designed](https://pin.fontofweb.com/9484?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/console.groq.com.md)

GroqCloud's home screen is a dark developer console with a tight, centered reading column and a strong hierarchy of rounded panels. The page does not try to feel expansive or decorative. It feels controlled, technical, and compact: a top bar, a sign-in block, and a model directory stacked one after another inside a charcoal shell. The visual mood comes from restraint. Most surfaces sit inside the same black-to-stone family, while the brightest notes are the coral brand accent and the pale blue secondary highlight.

[Open guide](design-md/console.groq.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/console.groq.com-design)

### contentformcontext.com

[![How contentformcontext.com is designed](https://pin.fontofweb.com/10404?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/contentformcontext.com.md)

Contentformcontext.com presents the SBS 8 News case study as a spare editorial page rather than a product landing page. The system depends on contrast, alignment, and a narrow type ladder. Nearly everything sits on a black field, with white titles, muted gray paragraphs, and one saturated blue accent that marks the strongest visual break in the layout.

[Open guide](design-md/contentformcontext.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/contentformcontext.com-design)

### continue.dev

[![How continue.dev is designed](https://pin.fontofweb.com/8680?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/continue.dev.md)

Continue’s site uses a restrained developer-brand system built from pale neutral space, compact black-on-white interface pieces, and one vivid green action color. The page opens with a lightweight headline and a simple split hero: text on one side, a schematic or product mock on the other. The rest of the layout stays disciplined and airy so the art, the code-review surface, and the call to action carry the weight without visual clutter.

[Open guide](design-md/continue.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/continue.dev-design)

### coolors.co

[![How coolors.co is designed](https://pin.fontofweb.com/6391?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/coolors.co.md)

Coolors is a color-first product wrapped in a very light SaaS shell. The page stays almost empty until color appears: a white canvas, black Inter headlines, thin rules, and a small amount of utility chrome. That restraint makes the product feel immediate. The marketing home uses oversized type and pastel cards to explain the tools; the palette editor turns the product into the interface by filling the page with vertical color columns; Color Bot reduces the layout again to a centered greeting and a bottom composer. The brand does not rely on ornament. It relies on scale, whitespace, and the fact that color is the thing being sold.

[Open guide](design-md/coolors.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/coolors.co-design)

### cora.computer

[![How cora.computer is designed](https://pin.fontofweb.com/8459?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cora.computer.md)

cora.computer presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#ffffff`, and `#117bc8`, with typography led by **Switzer**, **Times**, and **Signifier**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/cora.computer.md) · [View the Fudge conversation](https://design.withfudge.com/share/cora.computer-design)

### cosmic-ray.tv

[![How cosmic-ray.tv is designed](https://pin.fontofweb.com/10400?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cosmic-ray.tv.md)

cosmic-ray.tv uses a strict black shell so the work can carry almost all of the personality. The page feels like a studio wall made for conference-film material: a small logo row, a large headline stage, dense storyboard grids, bilingual explanatory copy, and poster panels that bring the energy. The interface itself stays restrained. White text, white rules, square edges, and deep black gutters keep the page quiet enough for the art to lead.

[Open guide](design-md/cosmic-ray.tv.md) · [View the Fudge conversation](https://design.withfudge.com/share/cosmic-ray.tv-design)

### cosmos.so

[![How cosmos.so is designed](https://pin.fontofweb.com/8596?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cosmos.so.md)

Cosmos.so feels like a calm discovery system built from a paper-white canvas, a black typographic spine, and a loose field of rounded image tiles. The page is not dense or dashboard-like. It opens with a centered call to action surrounded by floating thumbnails, then moves into editorial chapters where a single headline, one image, and a short explanatory block do most of the work. Further down, a three-card comparison row turns the interface into a clearer product explanation, and the dark app shell at the end shifts the mood without changing the restraint.

[Open guide](design-md/cosmos.so.md) · [View the Fudge conversation](https://design.withfudge.com/share/cosmos.so-design)

### cotool.ai

[![How cotool.ai is designed](https://pin.fontofweb.com/8608?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cotool.ai.md)

Cotool uses a hard-edged security tone rather than a soft SaaS tone. The page alternates between saturated electric-blue statements, pale editorial product sections, and near-black operational stages. Large serif headlines carry the message, while the sans family handles navigation, paragraphs, labels, and small UI controls. The result is serious and restrained, but not sterile: the dotted network forms and dot-matrix logo add texture without adding chrome.

[Open guide](design-md/cotool.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/cotool.ai-design)

### cracked.com

[![How cracked.com is designed](https://pin.fontofweb.com/8241?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cracked.com.md)

Cracked is a blunt, magazine-style entertainment system. The page sits on a pale canvas, then uses black type, teal utility marks, and a bright yellow signal color to keep the reading path loud and direct. The masthead is oversized and centered, the story stream is dense, and the page repeatedly returns to a simple formula: image, headline, short blurb, rule, next item.

[Open guide](design-md/cracked.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/cracked.com-design)

### craftwork.design

[![How craftwork.design is designed](https://pin.fontofweb.com/7386?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/craftwork.design.md)

Craftwork is a dark, product-heavy marketplace interface. The page treats the canvas as a low-lit stage, then places bright white headings, muted gray support copy, and tightly organized cards on top. The result feels dense and premium without becoming ornamental. The strongest cue is the lime subscription button: it is the only high-chroma action and it pulls attention immediately inside an otherwise restrained charcoal system.

[Open guide](design-md/craftwork.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/craftwork.design-design)

### crazycreative.design

[![How crazycreative.design is designed](https://pin.fontofweb.com/9130?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/crazycreative.design.md)

Crazy Creative is a poster-like studio site built around one decisive move: a saturated pink field carrying enormous white type and a playful cartoon language. The first screen reads like a billboard rather than a conventional agency homepage. A compact top bar, a handwritten “wow,” a single giant claim, and a pill CTA sit above a mascot that peeks into frame from below. The composition is intentionally theatrical, but the structure is simple: one center stack, one action, one dominant illustration, and very little chrome.

[Open guide](design-md/crazycreative.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/crazycreative.design-design)

### creem.io

[![How creem.io is designed](https://pin.fontofweb.com/7119?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/creem.io.md)

Creem’s visual system is split on purpose. The marketing side is loud, comic, and instantly legible: lavender canvas, black outlined cards, oversized black display type, and character art that breaks into the composition at a huge scale. The transactional side is quieter and more familiar: white surfaces, thin borders, soft gray form chrome, and a single amber action. That shift is the core of the brand. It lets the site sell scale and personality on the homepage, then switch to trust and clarity when money is on the line.

[Open guide](design-md/creem.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/creem.io-design)

### crowdreply.io

[![How crowdreply.io is designed](https://pin.fontofweb.com/8154?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/crowdreply.io.md)

CrowdReply uses a brochure-like SaaS layout with a sharp split between light proof sections and dark product stages. The page starts with a large black shell, then moves into a warm cream canvas with white cards, pastel stat tiles, and centered section headings. The visual idea is simple: one loud opening, then a sequence of clean, airy panels that explain the product through cards, charts, and short quotes.

[Open guide](design-md/crowdreply.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/crowdreply.io-design)

### crowprose.com

[![How crowprose.com is designed](https://pin.fontofweb.com/6283?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/crowprose.com.md)

Crowprose uses an editorial reading system, not a marketing layout. The visual language is almost entirely built from one centered column, black text on white, and a strict sequence of title, rule, and prose. The home index and the article page share the same calm structure: a plain page heading at the top, a heavy horizontal rule beneath it, and then stacked writing blocks that keep the eye moving downward.

[Open guide](design-md/crowprose.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/crowprose.com-design)

### curator.io

[![How curator.io is designed](https://pin.fontofweb.com/7653?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/curator.io.md)

Curator’s visual language is a clean, sales-focused SaaS system built from white space, black type, rounded cards, and one bright blue secondary accent. The page is structured as a long marketing story: a centered hero, a row of pill filters, article cards, a pricing comparison area, a CTA block, and a restrained footer. The work is not decorative in a lush sense; instead, it relies on proportion, rhythm, and a few high-contrast components to keep the page moving.

[Open guide](design-md/curator.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/curator.io-design)

### cursor.com

[![How cursor.com is designed](https://pin.fontofweb.com/8861?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cursor.com.md)

Cursor’s visual language is a dark developer workspace, not a bright consumer app. The page surfaces sit on a warm near-black canvas, the copy stays light and compact, and the layout keeps a strong split between navigation chrome and the working area. The result feels controlled and technical, with just enough polish to read as a premium product.

[Open guide](design-md/cursor.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/cursor.com-design)

### cypherpunkbooks.com

[![How cypherpunkbooks.com is designed](https://pin.fontofweb.com/9524?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/cypherpunkbooks.com.md)

Cypherpunkbooks.com is a quiet archive built around the feeling of a serious reading room rather than a product dashboard. The page uses a warm paper field, near-black ink, and restrained chrome so the books stay central. The most memorable brand move is the display type: Alpha Lyrae has a geometric, slightly fractured rhythm that makes the hero and collection titles feel encoded without turning playful or loud. Inter handles the reading copy, Applesystem appears in tiny platform notes, and Times stays only as a fallback serif layer.

[Open guide](design-md/cypherpunkbooks.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/cypherpunkbooks.com-design)

### daisyui.com

[![How daisyui.com is designed](https://pin.fontofweb.com/6207?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/daisyui.com.md)

daisyUI’s visual system splits into two clear faces: a sparse marketing homepage and a dense theme-generator workspace. The homepage uses white space, an oversized headline, and playful mascot-driven imagery to make a component library feel friendly and open. The workspace compresses that same brand into a tool surface full of swatches, rows, pills, toggles, and dark preview panels. The result is not two unrelated designs; it is one system tuned for two jobs. The public face sells the product with air and scale. The working face lets users compare themes quickly without losing the brand’s simple black-and-white backbone.

[Open guide](design-md/daisyui.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/daisyui.com-design)

### dandad.org

[![How dandad.org is designed](https://pin.fontofweb.com/9795?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dandad.org.md)

D&AD reads as an institution for finding, sorting, and presenting creative work. The system is spare, direct, and editorial. White space carries most of the composition, near-black type carries the message, and a single yellow accent carries the active state. The page never feels decorative for its own sake. It feels edited. That is the core visual promise: a calm archive with strong hierarchy and clear paths for browsing.

[Open guide](design-md/dandad.org.md) · [View the Fudge conversation](https://design.withfudge.com/share/dandad.org-design)

### danielsun.space

[![How danielsun.space is designed](https://pin.fontofweb.com/8691?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/danielsun.space.md)

danielsun.space is a personal portfolio system built around one clear contrast: a bright, high-key canvas against very heavy black type. The page feels authored, not templated. A centered pill navigation floats above the content, then the hero drops into a friendly intro line and an oversized condensed name lockup that spills beyond the viewport. Yellow diagonal light bands cut across the white field and give the home screen its energy.

[Open guide](design-md/danielsun.space.md) · [View the Fudge conversation](https://design.withfudge.com/share/danielsun.space-design)

### dany.works

[![How dany.works is designed](https://pin.fontofweb.com/8350?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dany.works.md)

dany.works is a quiet studio home page built around a three-column editorial grid. The left rail gives the site its identity and short navigation, the center column behaves like a running note feed, and the right column carries large project imagery with small captions. The whole page feels deliberate and spare: there is no bright campaign color, no boxed dashboard chrome, and no attempt to make every part equally loud.

[Open guide](design-md/dany.works.md) · [View the Fudge conversation](https://design.withfudge.com/share/dany.works-design)

### dash.cloudflare.com

[![How dash.cloudflare.com is designed](https://pin.fontofweb.com/10060?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dash.cloudflare.com.md)

Cloudflare’s dashboard is a dark enterprise console built for account work rather than display. The page stays inside a black field, uses thin rules to separate sections, and keeps blue as the single dominant action color. That makes the interface feel calm, technical, and efficient. The main layout is not trying to entertain; it is trying to help a user move through domain, billing, and security tasks with as little visual noise as possible.

[Open guide](design-md/dash.cloudflare.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/dash.cloudflare.com-design)

### dash.dropbox.com

[![How dash.dropbox.com is designed](https://pin.fontofweb.com/5914?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dash.dropbox.com.md)

Dropbox Dash presents as a product-first site with a clear split between the everyday dashboard and the McLaren partnership story. The base surface is calm and light: white and warm off-white fields, compact blue actions, and black text that keeps the interface crisp rather than decorative. The hero centers the message and lets a large product mockup overlap side photography so the page feels like a working workspace, not a pure campaign landing page.

[Open guide](design-md/dash.dropbox.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/dash.dropbox.com-design)

### dashboard.exa.ai

[![How dashboard.exa.ai is designed](https://pin.fontofweb.com/9452?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dashboard.exa.ai.md)

dashboard.exa.ai is a light, compact developer console. The system stays close to white surfaces, thin dividers, and restrained blue accents, so the interface feels precise rather than decorative. The home page presents a split hero: a large introductory card on the left, a narrow API key card on the right, and a second row of product tiles below. The API Keys page strips the layout back further, leaving one heading, one summary band, a tab strip, one primary action, and one table. That difference in density is the strongest structural signal in the design.

[Open guide](design-md/dashboard.exa.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/dashboard.exa.ai-design)

### dashboard.internetcomputer.org

[![How dashboard.internetcomputer.org is designed](https://pin.fontofweb.com/9061?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dashboard.internetcomputer.org.md)

dashboard.internetcomputer.org is a network-operations dashboard, not a marketing site. The visual system uses a black canvas, charcoal card surfaces, bright white type, and two blue accents to turn large quantities of network data into something scannable. The page feels controlled and technical: rows, charts, and map fragments carry most of the visual weight, while decoration stays minimal.

[Open guide](design-md/dashboard.internetcomputer.org.md) · [View the Fudge conversation](https://design.withfudge.com/share/dashboard.internetcomputer.org-design)

### dashboard.mux.com

[![How dashboard.mux.com is designed](https://pin.fontofweb.com/6451?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dashboard.mux.com.md)

Mux presents authentication as a calm, technical entry point rather than a marketing page. The layout is split into two clear halves: a left-side proof board with product claims and trust content, and a right-side rounded card that holds the actual sign up or log in form. The two screens share the same structure, so the experience feels mirrored and stable; only the headline and the helper link change.

[Open guide](design-md/dashboard.mux.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/dashboard.mux.com-design)

### davidprotein.com

[![How davidprotein.com is designed](https://pin.fontofweb.com/8633?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/davidprotein.com.md)

David Protein uses contrast as its main organizing idea. The page language moves between deep black promotional stages and bright white merchandising pages, while the product itself stays constant through glossy gold, copper, and bronze wrappers. The brand feels premium because the composition is calm and the type is large, not because the layout is crowded with decoration.

[Open guide](design-md/davidprotein.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/davidprotein.com-design)

### dedcool.com

[![How dedcool.com is designed](https://pin.fontofweb.com/6066?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dedcool.com.md)

DedCool uses a near-invisible storefront frame so the products and the page voice can stay in front. The home page opens with a tiny utility ticker, a sparse uppercase navigation line, a centered barcode wordmark, and a single oversized headline. Below that, a full-width product band shows pale packaging against a white field, so the page feels airy rather than boxed in.

[Open guide](design-md/dedcool.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/dedcool.com-design)

### deepjudge.ai

[![How deepjudge.ai is designed](https://pin.fontofweb.com/6301?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/deepjudge.ai.md)

DeepJudge is built as a legal-tech editorial system rather than a busy software dashboard. The home page starts on a warm ivory field with a centered black navigation pill, a large serif promise, and a sparse line motif that gives the page a controlled, almost printed rhythm. That opening feels calm and formal, with the product message placed above visual structure instead of inside it.

[Open guide](design-md/deepjudge.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/deepjudge.ai-design)

### deepmind.google

[![How deepmind.google is designed](https://pin.fontofweb.com/9520?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/deepmind.google.md)

Google DeepMind’s model pages use a dark, centered system that turns technical content into a calm editorial layout. A compact tab rail leads into a large statement block, then the page opens into wide benchmark tables, strong section headings, and generous card panels. The result is serious without feeling cold. The page keeps one clear rhythm from top to bottom, so the reader can move from the lead message to the data and then into supporting sections without losing place.

[Open guide](design-md/deepmind.google.md) · [View the Fudge conversation](https://design.withfudge.com/share/deepmind.google-design)

### deepwiki.com

[![How deepwiki.com is designed](https://pin.fontofweb.com/8112?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/deepwiki.com.md)

DeepWiki is a light documentation interface that treats a repository as something to browse, question, and index without leaving a calm page shell. The supplied views lean on a quiet off-white canvas, white cards with fine borders, compact Geist type, and a single saturated blue action for the highest-priority button. The overall feeling is closer to a developer reference tool than a marketing site: low drama, high legibility, and a strong preference for structured reading over decorative framing.

[Open guide](design-md/deepwiki.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/deepwiki.com-design)

### deezer.com

[![How deezer.com is designed](https://pin.fontofweb.com/7886?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/deezer.com.md)

deezer.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#fdfcfe`, and `#0f0d13`, with typography led by **Inter**, **Deezer Brand**, and **Deezer Product**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/deezer.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/deezer.com-design)

### delve.co

[![How delve.co is designed](https://pin.fontofweb.com/8218?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/delve.co.md)

Delve’s home page treats compliance as a launch surface, not a soft brochure. The top section is a broad gradient stage with a cool teal side, a dark core, and a bright orange edge. Large white headline text sits on top of that stage, with a short supporting line and one strong action below it. The page uses this contrast to create urgency and confidence immediately.

[Open guide](design-md/delve.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/delve.co-design)

### demo.refero.design

[![How demo.refero.design is designed](https://pin.fontofweb.com/7786?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/demo.refero.design.md)

demo.refero.design is a dark research workspace for comparing interface patterns. The page is built from a near-black canvas, soft charcoal cards, and small system text that keeps attention on the screenshot tiles and suggestion chips. The visual order is consistent across both shown states: a compact top pill, a narrow reading column, one or more result cards, and a bottom composer. The alternate start state replaces the transcript with a centered logo network and a tight chip grid, but the same low-key shell, border rhythm, and white controls hold the page together. The whole system feels analytical and quiet rather than promotional.

[Open guide](design-md/demo.refero.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/demo.refero.design-design)

### departuremono.com

[![How departuremono.com is designed](https://pin.fontofweb.com/9531?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/departuremono.com.md)

Departure Mono’s homepage reads like a desktop desk set for one typeface. The huge wordmark at the top left acts as the hero specimen, while the rest of the page behaves like supporting paper laid around it: a letter sheet, a clipped research note, a dark access badge, a report page, and a spare footer stage. The design feels archival, technical, and a little playful because the page turns the font itself into the main object of attention.

[Open guide](design-md/departuremono.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/departuremono.com-design)

### designerdailyreport.com

[![How designerdailyreport.com is designed](https://pin.fontofweb.com/7431?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/designerdailyreport.com.md)

Designer Daily Report uses two clear surfaces for one editorial system. The light side is a high-key landing page with a centered serif headline, a warm gold call to action, a mascot-style illustration, and a dense but calm grid of category chips and content tiles. The dark side is a rounded directory block with stacked sponsor lists, small utility labels, and a trust panel that holds the promotional message. Both sides feel like the same brand because they share the same geometry, the same restrained card language, and the same separation between display type and practical UI type.

[Open guide](design-md/designerdailyreport.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/designerdailyreport.com-design)

### designme.agency

[![How designme.agency is designed](https://pin.fontofweb.com/6408?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/designme.agency.md)

DesignMe’s homepage is a narrow-to-broad agency pitch system built on hard contrast and a single warm accent field. The page starts in white space with a left-aligned narrative rail and a large product stage, moves into a saturated statement panel, resets into a plain FAQ block, and ends in a near-black footer. The whole sequence feels deliberate and editorial, but the copy stays commercial and direct. Nothing reads as ornament for its own sake.

[Open guide](design-md/designme.agency.md) · [View the Fudge conversation](https://design.withfudge.com/share/designme.agency-design)

### designsystems.surf

[![How designsystems.surf is designed](https://pin.fontofweb.com/8109?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/designsystems.surf.md)

designsystems.surf feels like a calm library front door with a commercial edge. The page uses a wide white stage, a slim top bar, a left index, and a centered reading column that stays easy to scan even when the content runs long. Black headlines carry the structure, muted supporting copy softens the pace, and action color appears in the smaller orange button while a separate black full-width CTA gives the page a stronger closing note.

[Open guide](design-md/designsystems.surf.md) · [View the Fudge conversation](https://design.withfudge.com/share/designsystems.surf-design)

### designwithvibbbes.com

[![How designwithvibbbes.com is designed](https://pin.fontofweb.com/7189?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/designwithvibbbes.com.md)

VIBBBES presents itself as a design-system SaaS with a calm but persuasive sales voice. The page language is built from a small set of strong moves: a dark navy stage, a centered pill-shaped top bar, large rounded headlines, frosted white cards, and a pair of accent colors that separate the main subscription path from the “best value” and lifetime choices. The site feels premium because it keeps the structure simple and lets contrast do the work.

[Open guide](design-md/designwithvibbbes.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/designwithvibbbes.com-design)

### developer.chrome.com

[![How developer.chrome.com is designed](https://pin.fontofweb.com/6426?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/developer.chrome.com.md)

developer.chrome.com is a dark developer hub that treats Chrome as both a product platform and a publishing system. The page language stays consistent across the homepage, docs index, and 404 recovery page: charcoal background, bright blue interactions, light text, and large rounded surfaces that keep content readable at a glance. The brand feels engineered rather than decorative. Most of the visual energy comes from the contrast between the dark shell and the blue illustration blocks, not from ornament.

[Open guide](design-md/developer.chrome.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/developer.chrome.com-design)

### developers.google.com

[![How developers.google.com is designed](https://pin.fontofweb.com/5075?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/developers.google.com.md)

developers.google.com uses a restrained Google marketing language: a white canvas, dark text, one unmistakable blue action color, and layouts that turn a technical program into a simple purchase decision. The pages do not feel like a documentation system. They feel like a polished product landing page with a pricing layer on top. The strongest impression comes from the contrast between the oversized, low-weight Google Sans headlines and the dense, orderly comparison content below them.

[Open guide](design-md/developers.google.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/developers.google.com-design)

### dfinity.org

[![How dfinity.org is designed](https://pin.fontofweb.com/7231?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dfinity.org.md)

dfinity.org uses a severe, editorial hiring-page layout rather than a decorative marketing shell. The page is built from a white field, strong black vertical section rails, compact text blocks, and very little chrome. The result feels controlled and institutional, but not sterile: the typography is assertive, the spacing is expansive, and the portrait grid brings energy without adding visual noise.

[Open guide](design-md/dfinity.org.md) · [View the Fudge conversation](https://design.withfudge.com/share/dfinity.org-design)

### diabrowser.com

[![How diabrowser.com is designed](https://pin.fontofweb.com/10606?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/diabrowser.com.md)

Dia’s visual language feels like a weekly printed magazine wrapped around a browser product. The page lives on a cool paper-white field, with centered serif headlines, tiny mono issue details, and a restrained top bar that keeps attention on the story. Large screenshots and feature mockups sit inside soft white or pale-gray cards, so the interface reads as editorial rather than software-heavy. One dark postcard panel breaks that rhythm on purpose, then the page returns to open white space and orderly cards.

[Open guide](design-md/diabrowser.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/diabrowser.com-design)

### digg.com

[![How digg.com is designed](https://pin.fontofweb.com/9671?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/digg.com.md)

Digg presents a warm paper newsroom with a hard-edged logo, a very small set of colors, and a layout that prizes fast scanning over ornamental framing. The page feels editorial first: the main job is to rank, sort, and compare stories. The visual system supports that job with a beige canvas, white cards, near-black text, and a single blue action color that quietly marks topic pills, counts, and selected states.

[Open guide](design-md/digg.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/digg.com-design)

### discord.com

[![How discord.com is designed](https://pin.fontofweb.com/7873?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/discord.com.md)

Discord’s page system balances two distinct moods. One is the product shell: dark, compact, and structured like a control surface. The other is the promotional stage: bright, playful, and built around large statements, mascot art, and broad color fields. The contrast is not accidental; it is the brand. The shell keeps tasks, navigation, and account choices legible. The promotional side turns upgrades, plans, and feature lists into a more theatrical page experience without losing clarity.

[Open guide](design-md/discord.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/discord.com-design)

### displaay.net

[![How displaay.net is designed](https://pin.fontofweb.com/9585?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/displaay.net.md)

Displaay’s site is a type-foundry system that puts the letterform itself at the center of the page. The first screen is almost empty apart from a huge logotype, a few small controls, and a wide field of light gray. That restraint is not a lack of design; it is the design. The page gives the type room to become the content, then uses thin rules, compact labels, and short catalog blocks to organize the rest of the experience.

[Open guide](design-md/displaay.net.md) · [View the Fudge conversation](https://design.withfudge.com/share/displaay.net-design)

### dlang.org

[![How dlang.org is designed](https://pin.fontofweb.com/6415?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dlang.org.md)

dlang.org presents D as a practical language with a plain-spoken documentation face. The site does not lean on ornament, illustration, or dramatic surface changes. Instead, it uses a red masthead, centered reading columns, thin separators, and a serif text system to keep attention on the content itself. The home page mixes a short language pitch with a code example, sponsor logos, a four-column content grid for News, Learn, Community, and Documentation, and a separate announcements rail, so the page feels like a community hub as much as a product page. The specification contents page continues the same language, but turns the layout denser and more index-like. The result is steady, direct, and highly legible.

[Open guide](design-md/dlang.org.md) · [View the Fudge conversation](https://design.withfudge.com/share/dlang.org-design)

### docs.apara.design

[![How docs.apara.design is designed](https://pin.fontofweb.com/7986?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/docs.apara.design.md)

Apara Docs uses a restrained editorial shell instead of a dashboard-like interface. The page is built around three stable parts: a narrow navigation rail at left, a centered reading column, and a slim helper rail at right. That frame stays the same across the home hub and the terms page, but the content inside it changes from a welcoming entry point to a formal article. The home page leans on greeting copy and bright shortcut cards. The terms page swaps that energy for a strong title, update metadata, a large banner card, and stacked text sections.

[Open guide](design-md/docs.apara.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/docs.apara.design-design)

### dosu.dev

[![How dosu.dev is designed](https://pin.fontofweb.com/10411?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dosu.dev.md)

Dosu’s home page pairs a warm paper ground with a dark technical frame so the brand feels both welcoming and exact. The opening impression comes from a carved serif headline and a deep charcoal control area, while the rest of the page settles into cream sections that explain the product with diagrams, code, and a comparison table. That mix keeps the page from feeling too polished or too casual. It reads like a product built for real workflow use, but it still has a distinct world.

[Open guide](design-md/dosu.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/dosu.dev-design)

### dotprolabs.com

[![How dotprolabs.com is designed](https://pin.fontofweb.com/7494?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dotprolabs.com.md)

DotPro Labs is built like a wall of posters on a black stage. The page speaks in giant orange headlines, compact pale copy, and a few small hand-drawn accents that keep the tone rough and direct. The visual energy comes from scale and contrast rather than from ornament, so the words themselves become the main shapes on the page.

[Open guide](design-md/dotprolabs.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/dotprolabs.com-design)

### dreamcomposer.co

[![How dreamcomposer.co is designed](https://pin.fontofweb.com/8792?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dreamcomposer.co.md)

DreamComposer is built like a public idea wall. The page opens with a full-width dotted wordmark, then a large left-aligned statement that explains the product in plain language, with a small credit line anchored at the far right. Beneath that, a tight grid of rounded cards presents short prompts and community-style quotes. The structure is simple, but the contrast between the top banner and the card wall gives the page its character.

[Open guide](design-md/dreamcomposer.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/dreamcomposer.co-design)

### drinkag1.com

[![How drinkag1.com is designed](https://pin.fontofweb.com/6222?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/drinkag1.com.md)

AG1’s design system is a premium wellness ecommerce language that keeps the interface severe and calm while product imagery carries the sensory load. The page is built from a black-and-white chrome, deep green chapter panels, and large photo-led cards. The wordmark, navigation, and purchase controls stay minimal; the sections below do the persuasion through scale, contrast, and product proof.

[Open guide](design-md/drinkag1.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/drinkag1.com-design)

### drkst.framer.website

[![How drkst.framer.website is designed](https://pin.fontofweb.com/9029?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/drkst.framer.website.md)

Drkst® is a minimal studio-style homepage built from a very small set of visual moves: a soft light field, a compact black brand chip, a suspended product tile, and a centered statement that relies on size and weight rather than ornament. The page feels deliberate and quiet, with enough spacing to make each object look placed by hand. Nothing on the screen tries to fill every corner.

[Open guide](design-md/drkst.framer.website.md) · [View the Fudge conversation](https://design.withfudge.com/share/drkst.framer.website-design)

### dub.co

[![How dub.co is designed](https://pin.fontofweb.com/7583?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dub.co.md)

Dub presents link attribution as a disciplined SaaS interface with a strong black-and-white backbone. The most promotional moments sit on a very dark stage with centered copy and compact trust markers, while the operational pages open up into wide white systems of pricing tables, changelog timelines, and directory-style footers. That shift from dark theater to bright information architecture gives the site a clear rhythm: ask for attention in one mode, then explain the product in a calmer one.

[Open guide](design-md/dub.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/dub.co-design)

### duties.xyz

[![How duties.xyz is designed](https://pin.fontofweb.com/9565?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/duties.xyz.md)

Duties.xyz is built like a postered storefront that happens to hold a website. The page leans hard on a cream canvas, heavy black condensed display type, and tiny mono utility text so the entire identity reads as blunt, graphic, and slightly confrontational. Instead of a conventional product hero, the home page turns the first view into a typographic statement, then breaks the stillness with a low horizontal band of imagery, status lines, and small navigational details.

[Open guide](design-md/duties.xyz.md) · [View the Fudge conversation](https://design.withfudge.com/share/duties.xyz-design)

### dzen.ru

[![How dzen.ru is designed](https://pin.fontofweb.com/8996?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/dzen.ru.md)

dzen.ru presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#06060f`, and `#006be7`, with typography led by **Stella Sans Vf**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/dzen.ru.md) · [View the Fudge conversation](https://design.withfudge.com/share/dzen.ru-design)

### e360.yale.edu

[![How e360.yale.edu is designed](https://pin.fontofweb.com/9924?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/e360.yale.edu.md)

E360 uses a classic editorial structure: a compact masthead, a single high-priority lead story, a dense topic index, and a deep black footer that closes the page with institutional weight. The system is calm rather than flashy. It trusts headline rhythm, restrained color, and careful spacing more than decoration. Most of the page sits on a bright reading field, so the black footer and coral labels feel deliberate instead of loud.

[Open guide](design-md/e360.yale.edu.md) · [View the Fudge conversation](https://design.withfudge.com/share/e360.yale.edu-design)

### earth.google.com

[![How earth.google.com is designed](https://pin.fontofweb.com/9655?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/earth.google.com.md)

Google Earth Web is an immersive dark application in which the planet, map layers, and project tools share the same stage. The page does not compete with the Earth imagery; instead, it frames the globe with restrained charcoal chrome, compact labels, and a single strong blue action color. The result feels technical and cinematic at once. The interface is built around floating panels, edge-anchored controls, and centered overlays that sit above the map without breaking the sense of depth.

[Open guide](design-md/earth.google.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/earth.google.com-design)

### edition.cnn.com

[![How edition.cnn.com is designed](https://pin.fontofweb.com/9108?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/edition.cnn.com.md)

edition.cnn.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#0c0c0c`, and `#6e6e6e`, with typography led by **Noto Serif** and **Cnn Sans W 04**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/edition.cnn.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/edition.cnn.com-design)

### elevenlabs.io

[![How elevenlabs.io is designed](https://pin.fontofweb.com/9196?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/elevenlabs.io.md)

ElevenLabs presents two related faces: a light, orderly product shell and a broader marketing system that stays mostly monochrome even when it becomes more theatrical. The app views are built around a fixed left rail, a thin top utility bar, and roomy content modules that hold creation cards, lists, and search. The marketing views keep the same restraint, but they open up into larger statements, soft rounded stages, and image-led panels that explain the product through use cases rather than ornament.

[Open guide](design-md/elevenlabs.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/elevenlabs.io-design)

### emmiwu.com

[![How emmiwu.com is designed](https://pin.fontofweb.com/8632?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/emmiwu.com.md)

Emmi Wu’s home screen feels like a desktop sketchbook spread across a pale tabletop. A thin header sits at the top edge, then the page opens into a loose collage of tilted paper blocks with almost no visual chrome around them. The strongest idea is the contrast between restraint and play: the interface itself stays quiet, while the central notes carry the personality through rotation, color, and mixed typography.

[Open guide](design-md/emmiwu.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/emmiwu.com-design)

### endl.io

[![How endl.io is designed](https://pin.fontofweb.com/9905?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/endl.io.md)

Endl's page uses a simple hierarchy: a bright blue CTA shell, a dark product story band, a wide FAQ block, and a pale legal footer. The system feels confident and corporate without becoming rigid. Large rounded shapes do most of the branding work, while type stays clean and compact. White canvas gives the page breathing room between chapters, and the action blue stays constant so the site never loses its center.

[Open guide](design-md/endl.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/endl.io-design)

### ente.com

[![How ente.com is designed](https://pin.fontofweb.com/8463?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ente.com.md)

Ente presents privacy as a calm, friendly home for personal photos rather than a technical vault. The home page is mostly white, with black navigation, rounded pills, and a centered headline that lands in two strong lines. The bright green emphasis in the hero gives the message a clear point of energy, but the rest of the system stays restrained so the page feels open and trustworthy.

[Open guide](design-md/ente.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/ente.com-design)

### epsteinexposed.com

[![How epsteinexposed.com is designed](https://pin.fontofweb.com/6931?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/epsteinexposed.com.md)

epsteinexposed.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#e6edf3`, and `#6e7681`, with typography led by **Inter** and **Jet Brains Mono**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/epsteinexposed.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/epsteinexposed.com-design)

### era.app

[![How era.app is designed](https://pin.fontofweb.com/9758?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/era.app.md)

Era is a dark finance workspace rather than a bright marketing site. The main canvas sits in a deep blue-black range, the primary content cards are slightly lighter and flatter, and the only steady accent is a mint-teal that marks the brand strip, key buttons, and tiny status chips. The pages feel practical before they feel decorative. A narrow left rail carries navigation and account utilities, while the center lane holds the active task: onboarding, transactions, support, referrals, or connector setup.

[Open guide](design-md/era.app.md) · [View the Fudge conversation](https://design.withfudge.com/share/era.app-design)

### ergo.org

[![How ergo.org is designed](https://pin.fontofweb.com/9974?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ergo.org.md)

Ergo uses a restrained academic tone: warm paper surfaces, large serif titles, quiet navigation, and lecture imagery that feels more like a framed title card than a marketing banner. The page reads in chapters. A light home canvas introduces the brand with a floating logo bar and large course tiles. A darker lecture stage then takes over for individual course pages, where white type sits over dimmed photography and a narrow essay column. The closing olive band ends the page with a blunt, almost poster-like finish.

[Open guide](design-md/ergo.org.md) · [View the Fudge conversation](https://design.withfudge.com/share/ergo.org-design)

### etched.com

[![How etched.com is designed](https://pin.fontofweb.com/9873?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/etched.com.md)

etched.com presents a predominantly light surface treatment in the captured pages. The system is anchored by `#000000`, `#ededed`, and `#ffffff`, with typography led by **Söhne**, **Söhne Mono**, and **Applesystem**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/etched.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/etched.com-design)

### ethicalads.io

[![How ethicalads.io is designed](https://pin.fontofweb.com/6084?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ethicalads.io.md)

EthicalAds presents itself as a practical developer advertising service rather than a theatrical brand site. The page begins with a very light canvas, a compact top navigation, and a centered hero that pairs a device mockup with a large headline and one primary action. The copy is short, direct, and oriented around a concrete outcome: reaching developers with a specific message at the right moment. The visual tone stays calm and functional, with little ornament and no heavy visual metaphor.

[Open guide](design-md/ethicalads.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/ethicalads.io-design)

### eu-inc.org

[![How eu-inc.org is designed](https://pin.fontofweb.com/8207?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/eu-inc.org.md)

EU–INC reads like a civic campaign homepage. A pale field, tiny mono labels, a tight top bar, a centered star ring, and a narrow text column give the page a public-petition tone. The right side either becomes a dense portrait grid or opens into empty space with a small dark circular mark. That contrast keeps the page serious and measured.

[Open guide](design-md/eu-inc.org.md) · [View the Fudge conversation](https://design.withfudge.com/share/eu-inc.org-design)

### evefrontier.com

[![How evefrontier.com is designed](https://pin.fontofweb.com/9920?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/evefrontier.com.md)

EVE Frontier is designed like a launch control screen for a hostile star system. The page stays inside a black field and uses cream mono type to carry almost every piece of information. Orange is reserved for the strongest call to action, so it reads as a signal rather than a decoration. The result is cinematic, severe, and highly organized: a few large messages, a small amount of utility text, and a lot of empty space around both.

[Open guide](design-md/evefrontier.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/evefrontier.com-design)

### every.to

[![How every.to is designed](https://pin.fontofweb.com/8446?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/every.to.md)

Every uses a black editorial shell with a very restrained grayscale system, then lifts attention through oversized serif headlines, white pill actions, and thin dividers. The page reads less like a conventional software homepage and more like a magazine front page that happens to sell products, newsletters, and subscriptions.

[Open guide](design-md/every.to.md) · [View the Fudge conversation](https://design.withfudge.com/share/every.to-design)

### everyday-practice.com

[![How everyday-practice.com is designed](https://pin.fontofweb.com/10374?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/everyday-practice.com.md)

everyday-practice.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#e2e2e2`, `#131313`, and `#787878`, with typography led by **Font**, **Applesystem**, and **Apple Sd Gothic Neo**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/everyday-practice.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/everyday-practice.com-design)

### evilmartians.com

[![How evilmartians.com is designed](https://pin.fontofweb.com/8132?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/evilmartians.com.md)

Evil Martians uses a severe, theatrical developer identity: black first, white second, and color only where the content asks for it. The homepage hero is almost all negative space, oversized headline, and one central 3D illustration. A narrow left rail of section links and a small utility column on the right keep the frame organized without softening it. That same discipline carries into article pages, where the black top stage gives way to a white reading column. The result feels like a studio-built editorial site rather than a product brochure.

[Open guide](design-md/evilmartians.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/evilmartians.com-design)

### exa.ai

[![How exa.ai is designed](https://pin.fontofweb.com/9597?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/exa.ai.md)

exa.ai presents a mixed light and dark surface treatment in the captured pages. The system is anchored by `#ffffff`, `#000000`, and `#faf9f7`, with typography led by **Abc Diatype**, **Inter**, **Suisse Intl**, **Times**, **Abc Arizona Flare Unlicensed**, **Abc Arizona Flare**, **Applesystem**, **Geist Mono**, **Iowan Old St Bt**, and **Font**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/exa.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/exa.ai-design)

### explainers.blog

[![How explainers.blog is designed](https://pin.fontofweb.com/6337?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/explainers.blog.md)

Explainers.blog is built like a calm editorial article system rather than a glossy blog theme. The page opens with a large blue hero, then settles into a centered white reading column, a left-hand contents rail, and a narrow body flow that rewards slow reading. The title carries the emotional weight; the paragraphs carry the explanation. That split gives the site its voice: direct, patient, and precise.

[Open guide](design-md/explainers.blog.md) · [View the Fudge conversation](https://design.withfudge.com/share/explainers.blog-design)

### fable.co

[![How fable.co is designed](https://pin.fontofweb.com/6894?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fable.co.md)

Fable’s visual system presents reading as a calm, app-like storefront rather than a dense catalog tool. The page uses a spare white canvas, then brings in large serif statements, tidy content columns, and rows of book covers that do most of the visual talking. The result feels editorial but not fussy: the type is graceful, the chrome is quiet, and the books remain the main attraction.

[Open guide](design-md/fable.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/fable.co-design)

### factory.ai

[![How factory.ai is designed](https://pin.fontofweb.com/6823?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/factory.ai.md)

Factory is a severe black developer brand built around restraint, clarity, and quiet control. The page surface stays near-black, the text stays white, and orange appears only as a small signal color for dots, badges, active indicators, and a few high-contrast controls. That limited palette gives every section a strong reading order without needing decorative backgrounds or soft gradients.

[Open guide](design-md/factory.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/factory.ai-design)

### familytype.co

[![How familytype.co is designed](https://pin.fontofweb.com/9796?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/familytype.co.md)

Family Type is a dark, exacting type foundry storefront. The page starts with a compact top bar, then moves into a pricing workspace where font families, styles, and licence choices sit in two strict columns. The same system later shifts into specimen pages where Universal Sans takes over in oversized white type, large numerals, and clipped display blocks. The whole experience feels built from one rule set: black field, white structure, and green only where the page is making a selection or showing a price. That restraint is the brand. Nothing feels ornamental unless it helps people compare type, cost, or licence scope.

[Open guide](design-md/familytype.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/familytype.co-design)

### fastino.ai

[![How fastino.ai is designed](https://pin.fontofweb.com/9738?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fastino.ai.md)

fastino.ai presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#0c0608`, and `#f2ece9`, with typography led by **System**, **Stk Bureau Sans**, **Customv 2 Stk Bureau Sans**, **Applesystem**, and **Times**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/fastino.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/fastino.ai-design)

### figma.com

[![How figma.com is designed](https://pin.fontofweb.com/8790?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/figma.com.md)

figma.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#ffffff`, and `#f5f5f5`, with typography led by **Figma Vf** and **Figma Mono**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/figma.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/figma.com-design)

### figr.design

[![How figr.design is designed](https://pin.fontofweb.com/7413?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/figr.design.md)

Figr’s visual system is quiet, premium, and highly typographic. The page architecture gives the serif headline the most authority, then supports it with a restrained sans-serif UI for navigation, form labels, and helper copy. The overall mood is warm rather than clinical: the canvas reads as a soft cream, the main text is near-black, and the only vivid accent is a lavender-purple button fill. That single accent repeats in the top navigation and the form submit control, so the site feels consistent even as the page shifts from a marketing homepage to a practical contact form.

[Open guide](design-md/figr.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/figr.design-design)

### fireworks.ai

[![How fireworks.ai is designed](https://pin.fontofweb.com/8502?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fireworks.ai.md)

Fireworks.ai uses a hard-edged product language. The page alternates between white documentation-like surfaces and black promotional bands, then lets violet do the work of emphasis. The result is not decorative; it is legible and controlled. The hierarchy depends on a small set of moves: large Inter headlines, thin gray separators, compact action buttons, and broad blocks of white space around each model card.

[Open guide](design-md/fireworks.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/fireworks.ai-design)

### five-am.com

[![How five-am.com is designed](https://pin.fontofweb.com/8238?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/five-am.com.md)

five-am.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000` and `#ffffff`, with typography led by **Satoshi**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/five-am.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/five-am.com-design)

### fiverr.com

[![How fiverr.com is designed](https://pin.fontofweb.com/9890?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fiverr.com.md)

fiverr.com presents a predominantly light surface treatment in the captured pages. The system is anchored by `#62646a`, `#ffffff`, and `#dadbdd`, with typography led by **Macan**, **Applesystem**, and **Times**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/fiverr.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/fiverr.com-design)

### flickr.com

[![How flickr.com is designed](https://pin.fontofweb.com/8230?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/flickr.com.md)

flickr.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#333333`, and `#d9d7ce`, with typography led by **Proxima Nova** and **System**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/flickr.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/flickr.com-design)

### flowgenie.pro

[![How flowgenie.pro is designed](https://pin.fontofweb.com/7692?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/flowgenie.pro.md)

flowgenie.pro presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#171717`, and `#525252`, with typography led by **Geist**, **System**, and **Inter**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/flowgenie.pro.md) · [View the Fudge conversation](https://design.withfudge.com/share/flowgenie.pro-design)

### fly.io

[![How fly.io is designed](https://pin.fontofweb.com/6102?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fly.io.md)

Fly.io’s visual system is quiet at first glance, then increasingly expressive as the page unfolds. The baseline is a white canvas with deep violet text, thin borders, and a small set of saturated purple actions. The main headlines are serif and literary, while the body copy stays compact, matter-of-fact, and unadorned. That contrast gives the site a confident technical voice without turning it into a dense dashboard.

[Open guide](design-md/fly.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/fly.io-design)

### fontofweb.com

[![How fontofweb.com is designed](https://pin.fontofweb.com/8460?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fontofweb.com.md)

Font Of Web reads as a hybrid of catalog, gallery, and editorial pitch. The system pivots between two strong moods: a white browsing surface for cards, metadata, and palette strips, and a black stage for hero statements, pricing, and high-contrast feature blocks. That split is the core of the language. Light areas feel quick and searchable. Dark areas feel dramatic and decisive.

[Open guide](design-md/fontofweb.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/fontofweb.com-design)

### fonts.floriankarsten.com

[![How fonts.floriankarsten.com is designed](https://pin.fontofweb.com/8359?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fonts.floriankarsten.com.md)

Florian Karsten Typefaces uses a severe monochrome system that puts the typefaces themselves at the center of the page. The brand language is stripped to black ink on a white field, with no ornamental color palette to distract from the specimens, the navigation, or the licensing copy. The result feels more like a carefully typeset catalog than a decorative marketing site.

[Open guide](design-md/fonts.floriankarsten.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/fonts.floriankarsten.com-design)

### fontsinuse.com

[![How fontsinuse.com is designed](https://pin.fontofweb.com/6844?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fontsinuse.com.md)

fontsinuse.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#cccccc`, and `#999999`, with typography led by **Tn**, **Relay Condensed**, and **Font Awesome**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/fontsinuse.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/fontsinuse.com-design)

### fontstand.com

[![How fontstand.com is designed](https://pin.fontofweb.com/6812?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fontstand.com.md)

fontstand.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#ff2200`, and `#f4f4f4`, with typography led by **Zed L**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/fontstand.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/fontstand.com-design)

### fonttrio.xyz

[![How fonttrio.xyz is designed](https://pin.fontofweb.com/7847?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fonttrio.xyz.md)

fonttrio.xyz presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#ededed`, and `#888888`, with typography led by **System**, **Montserrat**, **Karla**, **Archivo**, **Outfit**, **Libre Baskerville**, **Mukta**, **Schibsted Grotesk**, **Pt Serif**, **Pt Sans**, **Inconsolata**, **Space Grotesk**, **Exo 2**, **Titillium**, **Jet Brains Mono**, **Roboto**, **Manrope**, **Source Code Pro**, and **Plus Jakarta Sans**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/fonttrio.xyz.md) · [View the Fudge conversation](https://design.withfudge.com/share/fonttrio.xyz-design)

### footer.design

[![How footer.design is designed](https://pin.fontofweb.com/7029?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/footer.design.md)

footer.design presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#ffffff`, `#000000`, and `#242424`, with typography led by **Inter**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/footer.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/footer.design-design)

### forbes.com

[![How forbes.com is designed](https://pin.fontofweb.com/9036?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/forbes.com.md)

forbes.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#ffffff`, and `#171717`, with typography led by **Graphik**, **Schnyder S**, and **Georgia**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/forbes.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/forbes.com-design)

### foundation.app

[![How foundation.app is designed](https://pin.fontofweb.com/8482?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/foundation.app.md)

foundation.app presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#171717`, and `#ffffff`, with typography led by **Font**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/foundation.app.md) · [View the Fudge conversation](https://design.withfudge.com/share/foundation.app-design)

### fourmula.ai

[![How fourmula.ai is designed](https://pin.fontofweb.com/8675?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fourmula.ai.md)

fourmula.ai presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#333333`, and `#020108`, with typography led by **Sf Pro** and **Arial**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/fourmula.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/fourmula.ai-design)

### frame.work

[![How frame.work is designed](https://pin.fontofweb.com/9024?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/frame.work.md)

frame.work presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#ffffff`, and `#1f1f1f`, with typography led by **Graphik**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/frame.work.md) · [View the Fudge conversation](https://design.withfudge.com/share/frame.work-design)

### framer.com

[![How framer.com is designed](https://pin.fontofweb.com/10162?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/framer.com.md)

Framer’s captured marketing pages are a high-contrast product stage: a visually black field, broad white statements, subdued gray detail, and product demonstrations that supply the texture. The interface is deliberately quiet around the demonstrations. Thin dividers, rounded dark panels, and modest pill actions create order without turning the page into conventional light SaaS chrome.

[Open guide](design-md/framer.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/framer.com-design)

### frankchimero.com

[![How frankchimero.com is designed](https://pin.fontofweb.com/7427?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/frankchimero.com.md)

frankchimero.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#cccccc`, and `#555555`, with typography led by **Ibm Plex Sans** and **Martina Plantijn**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/frankchimero.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/frankchimero.com-design)

### frontify.com

[![How frontify.com is designed](https://pin.fontofweb.com/6111?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/frontify.com.md)

frontify.com presents a mixed light and dark surface treatment in the captured pages. The system is anchored by `#111110`, `#f0f0eb`, and `#e1e1db`, with typography led by **Abc Diatype**, **By Andrej Sevcik**, and **By Johannes Breyer Fabian Harb Elias Hanzer Renan Rosatti Erkin Karamemet**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/frontify.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/frontify.com-design)

### fundable.design

[![How fundable.design is designed](https://pin.fontofweb.com/6714?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fundable.design.md)

fundable.design presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#ffffff`, and `#0000ee`, with typography led by **System** and **Inter**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/fundable.design.md) · [View the Fudge conversation](https://design.withfudge.com/share/fundable.design-design)

### fushly.com

[![How fushly.com is designed](https://pin.fontofweb.com/7720?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/fushly.com.md)

fushly.com presents a mixed light and dark surface treatment in the captured pages. The system is anchored by `#1a1d23`, `#000000`, and `#f2f1e6`, with typography led by **Dm Sans 9 Pt**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/fushly.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/fushly.com-design)

### gaio.club

[![How gaio.club is designed](https://pin.fontofweb.com/8016?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/gaio.club.md)

gaio.club presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#fff2da`, and `#ffffff`, with typography led by **Saans** and **Bethany Elingston**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/gaio.club.md) · [View the Fudge conversation](https://design.withfudge.com/share/gaio.club-design)

### gamma.io

[![How gamma.io is designed](https://pin.fontofweb.com/8485?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/gamma.io.md)

gamma.io presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#ffffff`, `#000000`, and `#0c0c0d`, with typography led by **Gamma Sans** and **Universal Sans**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/gamma.io.md) · [View the Fudge conversation](https://design.withfudge.com/share/gamma.io-design)

### garriock.com

[![How garriock.com is designed](https://pin.fontofweb.com/7367?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/garriock.com.md)

garriock.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#ffffff`, and `#0000ee`, with typography led by **System**, **Serrif Condensed**, and **Es Allianz**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/garriock.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/garriock.com-design)

### gazeta.ru

[![How gazeta.ru is designed](https://pin.fontofweb.com/9101?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/gazeta.ru.md)

gazeta.ru presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#202020`, and `#cccccc`, with typography led by **Source Sans 3** and **Bitter**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/gazeta.ru.md) · [View the Fudge conversation](https://design.withfudge.com/share/gazeta.ru-design)

### gemini.google.com

[![How gemini.google.com is designed](https://pin.fontofweb.com/8794?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/gemini.google.com.md)

gemini.google.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#e3e3e3`, and `#c4c7c5`, with typography led by **Times**, **Google Sans Code**, **Google Sans**, **Google Sans Flex**, and **Arial**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/gemini.google.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/gemini.google.com-design)

### gemini.google

[![How gemini.google is designed](https://pin.fontofweb.com/6640?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/gemini.google.md)

gemini.google presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#666666`, and `#078efb`, with typography led by **Google Sans**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/gemini.google.md) · [View the Fudge conversation](https://design.withfudge.com/share/gemini.google-design)

### generalbread.co

[![How generalbread.co is designed](https://pin.fontofweb.com/8328?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/generalbread.co.md)

generalbread.co presents a predominantly light surface treatment in the captured pages. The system is anchored by `#1a1a1a`, `#8ecfe2`, and `#000000`, with typography led by **Applesystem**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/generalbread.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/generalbread.co-design)

### georgivalk.framer.website

[![How georgivalk.framer.website is designed](https://pin.fontofweb.com/6534?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/georgivalk.framer.website.md)

georgivalk.framer.website presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#0c0c0c`, and `#0000ee`, with typography led by **System**, **False**, **Instrument Sans**, and **Cabinet Grotesk**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/georgivalk.framer.website.md) · [View the Fudge conversation](https://design.withfudge.com/share/georgivalk.framer.website-design)

### getdesign.md

[![How getdesign.md is designed](https://pin.fontofweb.com/9861?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/getdesign.md.md)

getdesign.md reads like a dark code editor wrapped around a product catalog. The page keeps the canvas black, then uses a narrow ladder of charcoal surfaces to separate the header, the hero, the usage panel, the code sheet, and the white preview frame. The result is disciplined rather than decorative: most of the page is flat, boxed, and bordered, with only one warm action color and one pale accent chip breaking the monochrome field.

[Open guide](design-md/getdesign.md.md) · [View the Fudge conversation](https://design.withfudge.com/share/getdesign.md-design)

### getkleio.com

[![How getkleio.com is designed](https://pin.fontofweb.com/7328?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/getkleio.com.md)

Kleio is a stripped-back SaaS landing page built around a single idea: reduce visual noise so the pricing and product claim land fast. The page stays in a pale neutral range, then uses orange only where the eye should land first. The result feels analytical, not flashy. It is closer to a tidy product memo than a lifestyle brand.

[Open guide](design-md/getkleio.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/getkleio.com-design)

### getmesa.dev

[![How getmesa.dev is designed](https://pin.fontofweb.com/8058?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/getmesa.dev.md)

Mesa reads like a dark studio for software work rather than a conventional marketing site. The page is built around a single idea: one canvas can hold the whole stack. That idea is expressed with huge centered type, short supporting copy, and dense technical panels that look closer to an editor, terminal, and workspace map than to a glossy product brochure.

[Open guide](design-md/getmesa.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/getmesa.dev-design)

### getomni.ai

[![How getomni.ai is designed](https://pin.fontofweb.com/6871?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/getomni.ai.md)

OmniAI presents itself as a confident lending product with a simple visual promise: a loud blue opening, a calm sequence of white trust-building sections, and a quiet footer. The page does not lean on decoration. It leans on contrast, scale, and air. The blue hero establishes urgency and clarity immediately, while the later sections trade that intensity for pale surfaces, rounded cards, and soft colored glows that make the interface feel safe enough for a financial workflow.

[Open guide](design-md/getomni.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/getomni.ai-design)

### getviktor.com

[![How getviktor.com is designed](https://pin.fontofweb.com/6484?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/getviktor.com.md)

Viktor’s page is a dark landing system built around sharp contrast, large type, and a strong sense of structure. The page speaks in short, confident sections rather than long explanatory blocks. Most of the canvas stays close to a deep coffee-brown black, so the bright text, pale cards, and thin dividers carry the hierarchy instead of decorative graphics or heavy shading.

[Open guide](design-md/getviktor.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/getviktor.com-design)

### giga.ai

[![How giga.ai is designed](https://pin.fontofweb.com/8976?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/giga.ai.md)

Giga's page is a dark, theatrical marketing system with a disciplined center. Black and near-black surfaces hold most of the canvas, while white serif headlines carry the message. The layout uses very little ornamental framing; instead, it leans on scale, spacing, glow, and contrast to separate each section. The result feels serious and cinematic rather than playful.

[Open guide](design-md/giga.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/giga.ai-design)

### git.law

[![How git.law is designed](https://pin.fontofweb.com/7688?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/git.law.md)

GitLaw presents legal work as a bright, compact software system rather than a sober document portal. The pages lean on one dominant lavender field, crisp white paper surfaces, and a serif headline family that gives the product a more editorial tone than a typical SaaS sign-in or policy page. The result feels direct and polished: large type, short supporting lines, and clear blocks of action.

[Open guide](design-md/git.law.md) · [View the Fudge conversation](https://design.withfudge.com/share/git.law-design)

### good-fella.com

[![How good-fella.com is designed](https://pin.fontofweb.com/8198?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/good-fella.com.md)

good-fella.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#eeeeee`, and `#141314`, with typography led by **Aktivgrotesk** and **Geist Mono**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/good-fella.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/good-fella.com-design)

### google.com

[![How google.com is designed](https://pin.fontofweb.com/8713?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/google.com.md)

google.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#e6e8f0`, and `#99c3ff`, with typography led by **Google Sans** and **Arial**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/google.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/google.com-design)

### goose.ai

[![How goose.ai is designed](https://pin.fontofweb.com/6494?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/goose.ai.md)

goose.ai presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#ffffff`, `#000000`, and `#281c59`, with typography led by **Articulat Cf**, **Karl**, and **System**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/goose.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/goose.ai-design)

### grey.co

[![How grey.co is designed](https://pin.fontofweb.com/6719?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/grey.co.md)

Grey's website presents banking as an international lifestyle product rather than a conventional financial dashboard. Large portraits and product-in-hand photography establish the human context first; the interface then explains the service with oversized, tightly set headings and short blocks of supporting copy.

[Open guide](design-md/grey.co.md) · [View the Fudge conversation](https://design.withfudge.com/share/grey.co-design)

### grok.com

[![How grok.com is designed](https://pin.fontofweb.com/10170?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/grok.com.md)

Grok is a deliberately quiet AI interface: large fields of near-black or near-white space, one centered task, and carefully contained utility. It feels more like a focused instrument than a dashboard. The strongest visual contrast comes from surface mode, not from a large color palette.

[Open guide](design-md/grok.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/grok.com-design)

### grokipedia.com

[![How grokipedia.com is designed](https://pin.fontofweb.com/9678?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/grokipedia.com.md)

grokipedia.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#fcfcfc`, `#141414`, and `#000000`, with typography led by **System**, **Georgia**, and **Applesystem**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/grokipedia.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/grokipedia.com-design)

### groq.com

[![How groq.com is designed](https://pin.fontofweb.com/9482?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/groq.com.md)

groq.com presents a mixed light and dark surface treatment in the captured pages. The system is anchored by `#2d2f33`, `#ffffff`, and `#69695d`, with typography led by **Space Grotesk** and **Ibm Plex Mono**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/groq.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/groq.com-design)

### ground.news

[![How ground.news is designed](https://pin.fontofweb.com/8644?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/ground.news.md)

ground.news presents a mixed light and dark surface treatment in the captured pages. The system is anchored by `#eeefe9`, `#000000`, and `#262626`, with typography led by **Universal Sans 480**, **Universal Sans**, and **Universal Sans 680**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/ground.news.md) · [View the Fudge conversation](https://design.withfudge.com/share/ground.news-design)

### harvey.ai

[![How harvey.ai is designed](https://pin.fontofweb.com/8744?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/harvey.ai.md)

harvey.ai presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#fafaf9`, and `#0f0e0d`, with typography led by **Harvey Sans Diatype** and **Harvey Serif**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/harvey.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/harvey.ai-design)

### hellotiana.framer.website

[![How hellotiana.framer.website is designed](https://pin.fontofweb.com/9054?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/hellotiana.framer.website.md)

hellotiana.framer.website presents a predominantly light surface treatment in the captured pages. The system is anchored by `#000000`, `#ffffff`, and `#0000ee`, with typography led by **System**, **Figtree**, and **Bbh Hegarty**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/hellotiana.framer.website.md) · [View the Fudge conversation](https://design.withfudge.com/share/hellotiana.framer.website-design)

### hermes4.nousresearch.com

[![How hermes4.nousresearch.com is designed](https://pin.fontofweb.com/7872?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/hermes4.nousresearch.com.md)

hermes4.nousresearch.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#e8ecff`, and `#ffffff`, with typography led by **Geist**, **Univers Lt Std**, **Univers**, **Univers Condensed**, and **Courier New**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/hermes4.nousresearch.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/hermes4.nousresearch.com-design)

### impeccable.style

[![How impeccable.style is designed](https://pin.fontofweb.com/9917?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/impeccable.style.md)

impeccable.style presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#d7d7d7`, `#000000`, and `#030303`, with typography led by **Albert Sans**, **Instrument Sans**, **Cormorant Garamond**, **Space Grotesk**, **Inter**, **Times**, **Alumni Sans**, **Sf Mono**, and **Applesystem**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/impeccable.style.md) · [View the Fudge conversation](https://design.withfudge.com/share/impeccable.style-design)

### inceptionlabs.ai

[![How inceptionlabs.ai is designed](https://pin.fontofweb.com/8042?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/inceptionlabs.ai.md)

inceptionlabs.ai presents a mixed light and dark surface treatment in the captured pages. The system is anchored by `#000000`, `#faf8f0`, and `#041414`, with typography led by **System**, **Kmr Apparat**, **Inter**, and **Geist Mono**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/inceptionlabs.ai.md) · [View the Fudge conversation](https://design.withfudge.com/share/inceptionlabs.ai-design)

### inngest.com

[![How inngest.com is designed](https://pin.fontofweb.com/7556?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/inngest.com.md)

inngest.com presents a predominantly dark surface treatment in the captured pages. The system is anchored by `#000000`, `#f6f6f6`, and `#0c0a09`, with typography led by **By Laurenz Brunner**, **Abc Whyte**, **By Laurenz Brunner 20132019**, and **Abc Whyte Inktrap**. The guide below names reusable design roles only where the captured evidence supports them.

[Open guide](design-md/inngest.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/inngest.com-design)

### lead.bank

[![How lead.bank is designed](https://pin.fontofweb.com/7252?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/lead.bank.md)

Lead Bank uses a calm but forceful banking language. The pages are built on a white field with a deep blue-violet brand color, oversized rounded buttons, and a clear editorial order: logo, navigation, headline, image, explanation, then a practical next step. The result feels modern and direct rather than ornate. It looks like a financial site that wants to explain itself quickly and then get out of the way.

[Open guide](design-md/lead.bank.md) · [View the Fudge conversation](https://design.withfudge.com/share/lead.bank-design)

### linear.app

[![How linear.app is designed](https://pin.fontofweb.com/10441?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/linear.app.md)

Linear combines an editorially spare product pitch with an operational workspace. The marketing capture is a near-black stage: a short navigation bar, a large white proposition, muted supporting copy, and a product frame that becomes the proof. The application is quieter and denser. It makes project work legible through persistent chrome, shallow layers, compact metadata, hairline separators, and purposeful empty space rather than through large cards or decorative color.

[Open guide](design-md/linear.app.md) · [View the Fudge conversation](https://design.withfudge.com/share/linear.app-design)

### nocodeapi.com

[![How nocodeapi.com is designed](https://pin.fontofweb.com/2097?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/nocodeapi.com.md)

NoCodeAPI uses a light, direct marketing system built around large rounded headlines, compact supporting copy, and a small set of flat accent surfaces. The pages shown here do not depend on imagery or ornamental graphics; instead, they use whitespace, text scale, and a few strong color blocks to separate one idea from the next. The result is a page that reads quickly and feels practical rather than decorative.

[Open guide](design-md/nocodeapi.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/nocodeapi.com-design)

### saaspo.com

[![How saaspo.com is designed](https://pin.fontofweb.com/7087?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/saaspo.com.md)

Saaspo presents a dark, tightly organized SaaS directory rather than a soft editorial magazine. The shared look is built from a near-black canvas, white type, crisp rectangular cards, thin charcoal edges, and a vivid green action color that stays reserved for the most important controls and signals. The system feels dense because it shows many items at once, but the page still reads clearly because the spacing is disciplined and the cards keep their own breathing room.

[Open guide](design-md/saaspo.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/saaspo.com-design)

### sacred.computer

[![How sacred.computer is designed](https://pin.fontofweb.com/4255?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/sacred.computer.md)

sacred.computer presents a strict terminal language built from a black grid field, pale framing lines, compact mono text, and one hot orange accent. The page feels assembled from software windows rather than marketing modules. Every major area is boxed, labeled, and separated by hard geometry, so the structure does most of the visual work.

[Open guide](design-md/sacred.computer.md) · [View the Fudge conversation](https://design.withfudge.com/share/sacred.computer-design)

### sap.com

[![How sap.com is designed](https://pin.fontofweb.com/2381?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/sap.com.md)

SAP’s homepage presents enterprise software as steady and globally established rather than flashy. The page leans on a pale base, a faint world-map wash, centered headline language, and a restrained blue action color to create a calm first impression. The message is direct: the site wants to feel dependable, broad in reach, and easy to scan.

[Open guide](design-md/sap.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/sap.com-design)

### stripe.com

[![How stripe.com is designed](https://pin.fontofweb.com/7595?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/stripe.com.md)

Stripe's captured homepage is a calm editorial product interface: a pale canvas, dense dark-blue type, restrained lilac controls, fine dividers, and product imagery that participates in the layout rather than sitting apart from it.

[Open guide](design-md/stripe.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/stripe.com-design)

### windsurf.com

[![How windsurf.com is designed](https://pin.fontofweb.com/8872?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/windsurf.com.md)

Windsurf presents a dark software brand rather than a light marketing page. The strongest sections begin on a deep navy field with a centered headline, a concise action cluster, and just enough support text to make the choice obvious. From there the page moves into large product cards, a compact provider strip, and pricing blocks that keep the same calm tone while changing the surface color.

[Open guide](design-md/windsurf.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/windsurf.com-design)

### youworkforthem.com

[![How youworkforthem.com is designed](https://pin.fontofweb.com/7437?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/youworkforthem.com.md)

YouWorkForThem is a catalog-first marketplace with a very quiet shell and very loud specimens. The interface frame stays almost entirely monochrome: a black utility bar at the top, a white canvas beneath it, and pale controls that keep their distance from the artwork. The page does not try to become a brand poster. It behaves like a working foundry storefront, where the product tiles carry the personality and the surrounding UI only organizes the flow.

[Open guide](design-md/youworkforthem.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/youworkforthem.com-design)

### yuskavage.com

[![How yuskavage.com is designed](https://pin.fontofweb.com/7293?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/yuskavage.com.md)

Yuskavage.com is built like an art archive rather than a promotional site. The interface keeps the page almost entirely on a light field, then uses a narrow left rail to hold the brand, navigation, and utility links while the main area carries the content. That split gives the site a museum-catalog calm: the rail behaves like a directory spine, and the right side changes format depending on whether the page is a media index, an exhibition list, or a long biography.

[Open guide](design-md/yuskavage.com.md) · [View the Fudge conversation](https://design.withfudge.com/share/yuskavage.com-design)

### zed.dev

[![How zed.dev is designed](https://pin.fontofweb.com/10733?format=jpg)](https://raw.githubusercontent.com/scroobius-pip/fudge-design-md/main/design-md/zed.dev.md)

Zed.dev uses two related moods. The light pages feel like precise paper layouts: white surfaces, thin borders, small blue actions, and compact Writer copy. The dark early-access page turns the same brand into a denser editor stage, but the language stays restrained rather than theatrical. The system reads as software-native, not decorative.

[Open guide](design-md/zed.dev.md) · [View the Fudge conversation](https://design.withfudge.com/share/zed.dev-design)

## Use a guide

1. Open a domain above.
2. Copy its `DESIGN.md` into your project.
3. Ask your coding agent to use it as design direction, then adapt the result to
   your product rather than copying the source website.

## How updates work

The daily workflow reads Fudge's public domain sitemap and downloads each
canonical Markdown guide. A failed download never deletes the last valid copy.

## Licence

The repository structure, README and automation are licensed under the
[MIT License](LICENSE). Website names, screenshots, trademarks and referenced
materials remain the property of their respective owners.

fudge-design-md

fudge-design-md 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

fudge-design-md

fudge-design-md 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README