Brand Styles

0 followers

Design descriptions of websites for AI agents. System memos (tag design-system, start at "README"): Rules, Brand Memo Templates, Extraction Procedure & Screenshots, Components Motion & Recipes, Vocabularies, Media Assets & Legal, plus CJK & RTL and Legacy Web add-ons. Brand memos (titles "BRAND <Brand> <year> Β· Overview | Page: <type> | Recipe: <name>", tag brand-<slug>) describe one brand design: Overview with tokens and components, one Page memo per page type, Recipe memos for complex effects, with screenshots attached. Use when asked to build a site or page "in the style of <brand>" or to analyze, describe and save any website's design.

Shared project

This is Memocore

Memocore is the memory your AI clients share. Save something once and every assistant you use already knows it β€” nothing to re-explain, nothing to copy between chats.

BRAND Craigslist 2026 Β· Overview

Craigslist 2026 (craigslist.org, 2026-09): site-wide design β€” #0000EE links on white and #eeeeee panels, system Arial/Helvetica + Times wordmark, 1px #ccc hairlines, no motion, header, footer.

をンをンζ ͺ式会瀾
Sep 29, 2026
brand-craigslist

HEADER brand: Craigslist; domain: craigslist.org (SF Bay Area site; sfbay.craigslist.org now redirects to www.craigslist.org/area/sfbay); industry: local classifieds and forums; design_date: 2026-09 (the JS-rendered "cl" app UI: flex home with emoji section headings, 2023+ search UI with list / thumb / gallery / grid / map modes; posting pages still on the classic server-rendered template) captured: live https://sfbay.craigslist.org/ -> https://www.craigslist.org/area/sfbay, /search/area/sfbay?cat=sss, /search/area/sfbay?cat=apa, one posting under /view/d/..., 2026-09-29 (English, USD, en-US) evidence: measured on the stylesheets homePage-2026-09-21-13-38-381c69e6.css, www-2026-09-21-13-38-824cb377.css, posting-2026-09-21-13-38-e204316d.css (parsed rule by rule, incl. @media), the search-*.js bundle (breakpoints, gallery metrics) and computed styles of the JS-rendered DOM at 1440x900 and 390x844 @2x, 2026-09-29, unless marked style_tags: web1-text, table-portal (a 2026 app that keeps a 1995-2000 look on purpose); Legacy Web add-on applied for guardrails and quirks viewports: desktop 1440, mobile 390; breakpoints: 480 (small-viewport switch in JS: either axis <= 480px -> mobile app layout; also CSS min-width 480), 610 (posting: map and attributes move below the text), 840 (CSS min-width, legacy blocks), 1024 (posting: fixed 600px image column + 300px side column, section max-width 61.25em) pages: BRAND Craigslist 2026 Β· Page: home; BRAND Craigslist 2026 Β· Page: search-results; BRAND Craigslist 2026 Β· Page: product-detail recipes: BRAND Craigslist 2026 Β· Recipe: search-view-modes rebuild check: passed 2026-09-29 at 1440 and 390 (home first screen incl. the category tables and the mobile category picker built as static HTML from these memos only, with Arial, Times New Roman and system emoji; side by side it reads as the same design; fix applied after the first pass: calendar past days #666 on #ddd; remaining differences are only the icomoon glyphs (peace sign, magnifier, chevrons) replaced by Unicode stand-ins) RECOGNITION KEYS 1 Default-browser blue links everywhere: every link, category, heading and nav label is #0000EE (#00E), no underline at rest, underline plus #0000B3 on hover. Blue text is the design; there are almost no filled buttons. 2 Pale grey #eeeeee bars and side panels with 1px #cccccc hairlines on white; no other surface colors, no shadows except the gallery cards. 3 System sans ("Open Sans", Helvetica, Arial, sans-serif - Open Sans is never loaded, so it renders as Helvetica on Mac and Arial on Windows) at 13-16px, weight 400, bold only for section headings; all lowercase labels ("post an ad", "for sale", "event calendar"). 4 Times New Roman serif only for the purple #800080 "craigslist" wordmark with a peace-sign glyph (32px), the 22px location name, and the posting title and body (Bitstream Vera Serif / Times New Roman). 5 Dense link directories: 3 center columns of category link tables with emoji heading bars (🌈 community, πŸ›  services, 🏠 housing, πŸš— autos, πŸ“š for sale, 🌞 jobs, πŸŒ› gigs, πŸ“Ž resumes), rows 23px with 1px #ccc rules, 14px links. 6 Functional color only: green #009900 for prices and "post an ad", orange for "pic", yellow #ffffcc today in the calendar, pale blue #bacff2 for hover and selected, purple #7b1fa2 on #ece3ef for the reply button. 7 Square-ish controls: 1px #ccc borders with 4-5px radius, 34px tall, white; selected segments turn #bacff2 with a 2px #00E border. 8 No motion: hard page loads and instant state changes; the only animations are tiny fades, a yellow "tickle" flash and the photo swipe. GUARDRAILS no web fonts (only a base64 icomoon icon font); no bold or display headlines except the 22.4px serif posting title; no uppercase except tiny filter labels (MILES FROM LOCATION, PRICE) and SEE ALSO; no hero, no marketing sections, no photography on home; no gradients (except two white scroll-hint fades on mobile); no box-shadow except gallery cards (0 0 7px #ddd) and toasts; no radius above 5px on controls (only 10px toasts, 1em logo pill, 32px toggle track); no colored backgrounds besides #eee, #bacff2, #ffffcc, #ece3ef, #e6f0fb; no underline on links at rest; no hover animations or transitions (except 150ms on the reply button); no hamburger menu; no cookie banner or pop-ups; no dark mode; no footer sitemap columns; no icons in text buttons except the icomoon glyphs; fixed desktop composition of three narrow columns centered, not a fluid grid. Older Craigslist elements not in this design: the 2000-2022 table home (#leftbar, #center with "ban" headings in #eee and "cal" table, #rightbar) still sits in the server HTML but is replaced by the JS app; the pre-2023 search "result-row" list with gray date prefix; sfbay subdomain URLs. TOKENS /* color */ --color-link: #0000EE; /* #00E, all links and link-like buttons */ --color-link-hover: #0000B3; /* .cl-app-anchor:hover */ --color-link-visited: #0000EE; /* a:visited is also #00E; classic posting pages and the search header "CL" render browser purple #551A8B */ --color-primary: #0000EE; --color-primary-hover: #0000B3; --color-on-primary: n/a (no filled primary button); --color-ink: #222222; --color-text: #222222; --color-text-muted: #666666; --color-text-meta-dot: #888888; --color-text-soft: #333333; --color-text-disabled: #A9A9A9; --color-surface: #FFFFFF; --color-surface-alt: #EEEEEE; /* header bars, side panels, heading bars, footer */ --color-surface-soft: #F8F8F8; /* mobile toolbar band */ --color-surface-dark: n/a; --color-on-dark: n/a; --color-border: #CCCCCC; --color-border-hover: #999999; --color-border-strong: #5A739B; /* submit buttons */ --color-select: #BACFF2; /* hover fill of buttons, selected segment, previewing result */ --color-select-border: #0000EE; --color-focus: -webkit-focus-ring-color; /* browser default ring via outline 5px auto */ --color-brand: #800080; /* wordmark + peace sign */ --color-post: #009900; /* post an ad, post icon */ --color-price: #009900; --color-pic: #FFA500; /* orange "pic" */ --color-today: #FFFFCC; --color-cal-head: #DDDDDD; --color-fav: #FFD508; /* star */ --color-hide: #BBBBBB; --color-reply-bg: #ECE3EF; --color-reply-border: #B481C9; --color-reply-text: #7B1FA2; --color-reply-hover: #DCD1D3; --color-tab-selected: #7B1FA2; --color-thumb-selected-bg: #F4E8FF; --color-hub-bg: #E6F0FB; --color-hub-border: #D0E3F7; --color-hub-link: #1C64AC; --color-hub-title: #444444; --color-watermark: #E6E6FA; /* lavender, mobile home */ --color-map-marker: hsla(249,100%,85%,0.6); --color-map-marker-border: hsla(249,100%,80%,0.6); --color-map-marker-visited: hsla(300,69%,83%,0.6); --color-success: #3F9E35; --color-info: #888D8F; --color-warning: #EC7B04; --color-error: #FF0000; /* validation icon */ --color-tickle: #FFFD9B; --color-toggle-on: #6581F3; --color-toggle-off: #CCCCCC; /* font */ --font-text: "Open Sans", "Helvetica", "Arial", sans-serif; /* Open Sans not loaded: resolves to local Open Sans, else Helvetica (Mac) / Arial (Windows) */ --font-display: "Times New Roman", Times, serif; /* wordmark, location name */ --font-posting: "Bitstream Vera Serif", "Times New Roman", serif; /* posting title and body */ --font-icon: "icomoon"; /* embedded base64 TTF, font-display block */ --font-mono: monospace; /* only inside posting bodies */ /* type scale: size/line-height/weight; mobile values in comments */ --type-wordmark: 32px/normal/400 Times New Roman #800080; /* mobile: "craigslist" 110px vertical lavender watermark instead */ --type-location: 22px/16px/400 Times New Roman #00E; /* home top banner; mobile 16px two-line button */ --type-posting-title: 22.4px/normal/700 serif #222; /* 1.4em; mobile same, wraps */ --type-h1-search: 20.8px/normal/400 #00E; /* filter panel title; hidden on mobile */ --type-post-cta: 19px/normal/400 #009900; /* "post an ad" */ --type-heading-bar: 16px/normal/700 #00E; /* category heading, with emoji */ --type-body: 16px/normal/400 #222; /* inputs 16px/19.2px; mobile same */ --type-result-title: 16px/normal/400 #00E; --type-posting-body: 16px/normal/400 serif #222; --type-link-dir: 14px/normal/400 #00E; /* home category and side links; mobile picker 14.4px/16px, sections 16px */ --type-meta: 14px/20px/400 #666; --type-filter: 14.4px/normal/400; /* 0.9em */ --type-small: 13px/normal/400; /* footer links, subarea buttons */ --type-footer: 12.8px; /* 80% */ --type-postinginfo: 12px/normal/400; --type-count: 11px/normal/400 #222; /* category counts */ --type-thumb-label: 10px/normal/400 #000; /* faves / post / acct under icons */ --type-caps-label: 13px/normal/700 #444 uppercase; /* SEE ALSO */ /* space and layout */ --space: 3px 5px 8px 10px 16px 22px 44px 64px; --container: none; /* home: centered row of 3 columns 214 + 581 + 127px with 10px margins (~962px); search: 200px fixed filter panel + fluid results; posting: max-width 980px (61.25em) */ --gutter: 10px; /* home columns; 16px between category columns; 8px between link columns; 18px between gallery cards at 1440 (computed) */ --margin-mobile: 5px; /* search field; posting body 9px */ --section-pad: 0; /* no sections; content starts 10px under the top */ /* shape */ --radius-button: 5px; --radius-input: 4px; --radius-select: 4px; --radius-card: 5px; --radius-segment: 5px outer ends, 0 inside; --radius-reply: 0.2em; /* 3.2px */ --radius-logo-pill: 1em; --radius-toast: 10px; --radius-modal: 0 (dialog body bottom 10px on the search category chooser); --radius-image: 0; --radius-pill: 32px; /* toggle track only */ --border: 1px solid #CCCCCC; /* depth */ --shadow-1: 0 0 7px 0 #DDDDDD; /* gallery cards */ --shadow-selected: 0 0 7px 7px #BACFF2; /* previewing gallery card */ --shadow-toast: 3px 3px 4px 1px #000000AA; --shadow-2: none; --shadow-3: none; --blur-glass: none; /* motion */ --ease-standard: ease; --dur-fast: 150ms; /* reply button bg, ease-in-out */ --dur-base: 200ms; /* toggle, dropdown arrow rotate, popup panel ease-out */ --dur-slow: 400ms; /* toast slide */ --dur-tickle: 2s infinite; /* yellowTickle white -> yellow -> white */ --dur-fade: 2s; /* slider info fade-out */ /* focus */ --focus-ring: outline 5px auto -webkit-focus-ring-color; /* browser default ring, added with the class bd-focused on focus; combo boxes: border #00E + bg #FCFCFC */ /* sizes */ --control-height: 34px; /* bd-button 16px text + 8px padding + 1px border */ --header-height: 45px; /* app header; classic posting header 42px */ --icon-thumb: 44px; /* icon 20px + 10px label */ dark_mode: none FONTS text: "Open Sans", Helvetica, Arial, sans-serif declared, but there is no @font-face for Open Sans; the only @font-face is icomoon (base64 TTF). So the real rendering is the visitor's system font: Helvetica on macOS/iOS, Arial on Windows (all screenshots here are Arial), Open Sans only if installed locally. Weights 400 and 700. License: system fonts. display: "Times New Roman", Times, serif for the wordmark and location name; posting title and body "Bitstream Vera Serif", "Times New Roman", serif (Bitstream Vera is almost never installed -> Times New Roman / Times). icons: icomoon custom icon font (Craigslist's own glyphs: peace sign, magnifier, chevrons, star, eye-slash, bell, map, list, grid, image) plus Unicode emoji for category headings and the header actions (⭐ faves, ✍ post in #090, πŸ‘€ acct). alternative: use the same system stacks (they are free): Arial / Helvetica and Times New Roman; if a web font is required, Arimo (OFL, metric-compatible with Arial) and Tinos (metric-compatible with Times New Roman) at the same sizes and weights; do not use Open Sans as a web font (it is wider and softer than what visitors actually see). TYPOGRAPHY RULES Everything is lowercase sentence fragments: "post an ad", "event calendar", "for sale", "nearby cl", "search craigslist". Posting titles keep the user's own case. The mobile picker shows the "ALL <SECTION>" row in caps. Sizes stay between 10 and 16px for UI; only the wordmark (32px), location (22px), posting title (22.4px) and search panel title (20.8px) are larger. Bold is used only for heading bars, the calendar label, expando headers (nearby cl, us cities), prices in list mode and attribute labels on postings. Links are never underlined at rest; hover underlines. Meta items are separated by a "β€’" in #888 with 3px padding on each side. Numbers: plain, no tabular figures; prices as "$1,000"; counts as "1 - 20 of 10,000+". COLOR RULES About 90% white, 8% #eeeeee panels and bars, blue link text as the main color mass. #00E is the only accent and is used for text, not fills. Green #009900 only for prices and posting actions; orange only for the "pic" link and the selected photo thumbnail border; #ffffcc only for today in the calendar; #bacff2 only for hover and selected; purple #800080 only for the wordmark and peace sign; purple #7b1fa2 on #ece3ef only for reply. No gradients, no overlays on photos. Photos appear only in search results and postings, always user-supplied and uncropped where possible. LAYOUT container: desktop home: three columns centered with justify-content center: left panel 196px content (+8px padding, 1px side borders = 214px), center 581px, right panel ~108px content (127px); each column margin 10px (top 10px). Search: fixed left filter panel 200px, fixed header 45px, fixed query bar and toolbar, fluid results area (1240px at 1440). Posting: section.body centered, max-width 980px (61.25em) at >=1024px, padding 8px 9px. grid: home center column: 3 flex columns of link tables with 16px gaps (~208 / 206 / 135px); inside a table 1-3 link columns with 8px gaps. Search gallery: flex wrap, base card 300px + 16px spacing, scaled by JS (x0.5-1.5) to fill: 3 cards 396px wide with 18px gaps at 1440; mobile grid: 2 masonry stacks. section rhythm: none; vertical rhythm comes from 64px gaps between the left-column groups and 8px between link tables. density: dense; alignment: left in tables, centered in side panels typical composition: grey side panels framing a white center of link directories (home); fixed chrome with scrolling results (search); single column with a side map (posting). SHAPE AND DEPTH radius: 0 on panels, heading bars, images and links; 4px on inputs and combo boxes; 5px on buttons, segmented ends and gallery cards; 1em pill on the posting "CL" logo; 3.2px on reply; 10px toasts. borders: 1px #cccccc for everything (panel sides, heading bar top and bottom, link row bottoms, inputs, buttons, header bottom, footer top); 2px #00E only on the selected segment; 1px orange + 1px orange ring on the selected thumbnail. shadows: only gallery cards 0 0 7px 0 #ddd (previewing: 0 0 7px 7px #bacff2) and toasts; nothing else floats. materials and textures: none. COMPONENTS button (bd-button, the only button type): white bg, 1px solid #cccccc, radius 5px, padding 8px, 16px/16px #222, min-height 1em, margin 5px, height 34px; icon glyph 16px + 8px gap before a label hover: color #00E, bg #bacff2, border #999999; instant (no transition) focus-visible: outline 5px auto -webkit-focus-ring-color (browser ring) via .bd-focused active: no own style (browser default) disabled: color #a9a9a9, bg #dddddd, border #dddddd, cursor default button-primary and button-secondary: n/a (same bd-button); the posting reply button is the only colored button (see Page: product-detail) link-like button (bd-button link-like / text-only): no border, transparent, #00E, padding 3px 0; hover underline; disabled #a9a9a9 text link (cl-app-anchor): #00E, 14-16px, padding 3px, no underline, inline-flex hover: color #0000B3 + underline (label only on emoji headings); instant focus-visible: outline 5px auto -webkit-focus-ring-color disabled: #a9a9a9, cursor default segmented control (view modes, all/owner/dealer): bd-buttons joined with margin 0, radius 0, outer ends 5px; unselected #222 or #00E icon on white 1px #ccc; selected: color #00E, bg #bacff2, border 2px #00E (padding 7px to keep 34px) combo box / select (area, category, sort, language): white, 1px #ccc, radius 4px, padding 3px (0 in header), label button 16px #222 padding 8px, 32x32 chevron-down glyph at right; focused: border #00E, bg #fcfcfc; open list below squares the bottom corners; list items hover #bacff2 input / search field: bd-combo-box with a 16px magnifier glyph (#aaa) left, input 16px/19.2px #222, grey placeholder ("search craigslist", "search for sale"), height 30-34px, radius 4-5px, 1px #ccc; focus: border #00E, bg #fcfcfc; disabled bg #ddd small input (filters): 13-16px, padding 3px, 1px #ccc, radius 3px; hover border #999 checkbox: native browser checkbox 13x13, label 14.4px #222 right of it toggle switch: track 40x22 #ccc radius 32px, thumb 18px white, on #6581F3 and the thumb moves 18px; 200ms ease card (gallery): see Recipe search-view-modes; white, 1px #ccc, radius 5px, shadow 0 0 7px #ddd badge / chip: n/a (the price tag on gallery cards is a white box with two 5px corners and green text) tabs (bd-tab-selector / cl-tabs): text tabs with a 2px bottom border, selected #7b1fa2 text + border, divider 1px #aaa (dialogs) heading bar (cl-link-table .heading): full-width #eee bar, 1px #ccc top and bottom, padding 3px 0, 36px high, 16px 700 #00E centered, emoji 16px + 8px gap expando group (right panel): full-width bar button #eee, 1px #ccc top/bottom, 14px 700 #00E, padding 3px 0; expanded bar turns white and the list opens below (centered 14px links, padding 3px); hover underline toast: white, radius 10px, shadow 3px 3px 4px 1px #000a, icon cell (success #3f9e35 / info #888d8f / warn #ec7b04, white glyph 18px, padding 12px), message 16px padding 12px, close x 11px; slides in via top 200px -> 0 (400ms ease) and opacity (300ms) spinner: icomoon glyph rotating 360deg (spin keyframes); results loading text "retrieving more" flashes white -> #00E (retrievingTickle) tickle: an element needing attention flashes background white -> yellow -> white every 2s (yellowTickle) modal / dialog (bd-dialog): white panel with a grey #eee title bar, close circle x in #00E, tabbed body; full screen on mobile (see the location picker screenshot) tooltip: native title attributes only GLOBAL CHROME header (home desktop): no bar; the left grey panel carries the wordmark, "post an ad" and search; the center column starts with the top banner: #eee bar 46px high with 1px #ccc top and bottom: map-pin glyph + "SF bay area" 22px Times #00E (16px margin left), 6 white subarea buttons 13px #00E padding 3px (sfc sby eby pen nby scz), right: 3 icon buttons 44x44 (⭐ faves, ✍ post, πŸ‘€ acct; emoji 20px + 10px black label) header (search, app pages): fixed 45px #eee bar, 1px #ccc bottom, padding 0 5px: peace glyph + "CL" 18px purple, then combo boxes 34px (area 168px, subarea, section, category), right: 44px icon buttons (hidden, post, acct) header (posting, classic): 42px #eee bar, 1px #ccc bottom: white "CL" pill (1em radius, 1px #ccc), breadcrumbs 15px #00E separated by " > " (SF bay area > east bay > for sale by owner > musical instruments); right: "post | account" 14.4px with a 1px #999 divider mobile header (<=480): 45px #eee bar: 44px purple peace glyph, a two-line "location βŒ„ / SF bay area" dropdown (16px), right: ✍ post and πŸ‘€ acct 44px icon buttons; no hamburger. Search pages: peace glyph + two pale lavender-tinted dropdown pills (area, category, 16px #00E, radius 4px, est tint #eaeaff); posting pages: CL pill + one-line breadcrumb with "..." to expand. mobile menu: none; the mobile home itself is a two-pane category picker (see Page: home) and the location dropdown opens a full-screen "search location" dialog with map / nearby areas and subareas tabs. footer: #eee band, 1px #ccc top, 12.8px text: "Β© 2026 craigslist" then links help, safety, privacy, terms, about, app (home adds sitemap) 13px #00E padding 5px margin 3px, centered in one row (32px high); mobile: the links wrap to two rows (posting) or one row with forums (home). other: no announcement bar, no cookie banner, a hidden chat indicator button for signed-in users; language select on home (english). IMAGERY AND ICONS hero media: none. Photos only in results and postings: user-shot phone photos, natural light, any background, shown uncropped (contained on white, gallery photo area 394x318 at 1440) or cropped square in thumbnails (50x50 thumbs on postings, ~50px in thumb mode). icons: icomoon icon font (line glyphs, single color, 16-28px): peace sign, magnifier, chevron down, star outline, eye-slash hide, bell (save search, filled #00E), map, list, image; emoji for category headings and header actions; favorite star turns #ffd508 when on. illustration: none; the "no image" placeholder is a grey peace sign with the words "no image". maps: Leaflet with OpenStreetMap tiles; cluster markers are lavender circles hsla(249,100%,85%,0.6) with dark counts; the posting map shows a purple outlined radius circle. video: none. MOTION intensity: minimal model: css transitions and a few keyframes; JS swipe for photo galleries hover policy: instant color and background changes (no transition) on links and buttons; reply button bg 150ms ease-in-out scroll reveal: none; search results load infinitely (pageless), "retrieving more" text flashes signature motion: none defines the brand; the view mode switch and gallery photo swipe are described in Recipe search-view-modes page transitions: hard page loads between home, search and posting; the search app swaps view modes in place; the posting page fades its "Posted" line in (opacity 0 -> 1) reduced motion: nothing to replace; keep all changes instant RESPONSIVE >=1024: posting uses the 600px image + 300px map/attribute side column 481-1023: home desktop layout keeps its fixed column widths (overflow hidden at small widths); search keeps the 200px filter panel when there is room <=480 (either axis, JS "small-viewport"): mobile app layouts: home becomes the two-pane category picker with watermark; search becomes a stacked header + filter chips + view mode bar with a grid mode; posting stacks title, full-bleed photo carousel, thumbs, text, attributes, map <=610 (posting CSS): map and attributes move below the text CONTENT AND VOICE lowercase, terse, utilitarian; no marketing copy at all. Labels: "post an ad", "event calendar", "help, faq, abuse, legal", "avoid scams & fraud", "personal safety tips", "craigslist is hiring", "nearby cl", "reset", "apply", "reply", "favorite", "hide", "flag", "share", "print". Abbreviations are normal: "sfc sby eby pen nby scz", "acct", "faves", "cl worldwide". SUBSTITUTIONS fonts: system Arial/Helvetica and Times New Roman (or Arimo/Tinos); peace-sign logo and "craigslist" wordmark -> a neutral glyph and a plain Times wordmark of your own; icomoon glyphs -> Lucide at 1.5-2px stroke in the same sizes; emoji are Unicode and may be used, but pick your own set; user photos -> own placeholders. TECH Custom JS app framework ("bd-" widgets, cl-app classes) rendering into document.body after a white curtain; server HTML still contains the 2000s table home and a static result list as no-JS fallback; styles per page (homePage-, www-, posting- CSS with a date stamp); Leaflet + OpenStreetMap maps; icomoon icon font inlined as base64. SCREENSHOTS - file: craigslist_2026_home_d1440_top.jpg shows: home first screen at 1440x900, scroll 0: grey left panel (wordmark, post an ad, search, calendar, help links), center top banner and category tables, right panel (english, nearby cl list) source: live https://sfbay.craigslist.org/ (-> www.craigslist.org/area/sfbay) 2026-09-29 key values: link #00E 14px; heading bars #eee 16px 700 with emoji; panels #eee with 1px #ccc sides; wordmark 32px Times #800080; post an ad 19px #090 on white do not copy: peace-sign logo and wordmark; use placeholders - file: craigslist_2026_home_m390_top.jpg shows: mobile home at 390x844 @2x: 45px header (peace glyph, location dropdown, post, acct), search field, two-pane category picker with jobs selected, lavender vertical "craigslist" watermark, footer row source: live https://sfbay.craigslist.org/ 2026-09-29 - file: craigslist_2026_overview_d1440_states.png shows: state sheet: bd-button, view-mode segment, text link (result title) and reply button in default / hover / focus; hover rendered by applying the site's own :hover declarations (headless Chrome has no hover pointer), focus = outline 5px auto key values: hover bg #bacff2 border #999 text #00E; link hover #0000B3 underline; reply hover #dcd1d3; focus browser ring - file: craigslist_2026_overview_m390_location-picker.jpg shows: the mobile "menu": full-screen location dialog opened from the header location button: #eee title bar with circled blue x, tabs map / nearby areas and subareas, city or zip field, Leaflet map with a radius circle, "choose this search area" button - file: craigslist_2026_rebuild_d1440_compare.jpg shows: rebuild check at 1440: original home first screen (top) above the static rebuild made from the memos only (bottom), cropped x 200-1240 - file: craigslist_2026_rebuild_m390_compare.jpg shows: rebuild check at 390: original mobile home (left) next to the rebuild (right)