2re/2RE03-Design
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
2RE03-Design/memory-bank/activeContext.md

26 KiB
Raw Blame History

Active Context - 2RE03 Portfolio Site

Current focus, recent changes, next steps, and active decisions. Last updated: 2026-09-22.

Working Agreements (read first)

  • Do not edit files outside the project folder. Every write (create, edit, move, delete) stays under the workspace root. Reading files elsewhere is allowed. If a task looks like it needs a write outside that folder, STOP and ask the user first, naming the path and the reason.
  • Never git commit or git push without explicit approval. Do the work, verify it, then STOP and ask. Approval covers that one action only; every future commit and push needs its own yes.
  • Until approval, leave finished work in the working tree as uncommitted changes, and say plainly what is sitting there waiting.

Current Work Focus

Copy pass 1 and the work-caption work both landed (uncommitted). A working static site on a locally vendored Bootstrap 5.3.3, with custom CSS/JS and a live Web3Forms contact page, a Collins-inspired Case Studies feature (typographic index + 10 detail pages), the first copy pass out of memory-bank/todo.md (homepage closing CTA, a new Workflow band on services.html, the work-page hook), the favicon and social card, and captions on all 26 work.html gallery figures - re-worded on 2026-09-22 to the scope the user confirmed from their own read-through, which also moved the Urban Moto earplug article and the YLEM Journal cover into the Words gallery. Next is user sign-off on the copy, confirmation of the caption names that were read off the artwork, captions for the case-study grids, and deploying the new assets.

Recent Changes

  • 2026-09-22 - Section copy brought in line with the captions, and the last naming questions settled. Four work.html blurbs were re-voiced so nothing contradicts the caption above it: the Words intro ("Editorial, documentation, and sales copy: we write it, we edit it, and we lay it out."), the App Design blurb (some pieces were "coded end to end", the rest "built to look real long before they ship"), the Print blurb (leads with the ads the gallery shows, keeps flyers, postcards, business cards, letterhead and product design as capability) and the Logos intro (", and the occasional title slide", so the Dat Art slide reads as deliberate). The Dat Art caption became "Presentation for Motion Labs" with a matching alt; "a pretzel stand" became "a food cart" in work.html and services.html, matching the render (labelled "Gourmet Pasteles and Churros") and the Upscale Food Cart case study. The user confirmed YLEM stays in both galleries and that 2plus5times3.webp keeps its name with the caption (10 + 2) x 5 authoritative. Verified: all seven new strings render and all five old ones are gone, 26 figures over 26 distinct images with one caption each, tags balance and every reference resolves across all 16 pages, no em dashes, galleries re-measured in headless Chrome (Print and App Design overflow=0 with both arrows disabled, Words 292px with only "next" enabled) and screenshot-checked at 1280px and 390px. Staged, awaiting the user's commit.
  • 2026-09-22 - Captions re-worded to the scope the user confirmed, and two pieces moved to Words. The user read the captions back against the archive and corrected the scope on six of them: Back That Ass Up is not a plain identity but the mark for a political campaign art show (which is why it is in US-flag colours), Mehavior was UX and UI, (10 + 2) x 5 was designed and coded end to end, and the three ads - Loren Kincaid, Macchiarini Metalworks, K.C. Engineering - are all plainly Print Ad (capital A, as specified in the brief). Sam's Rules of Money is "Book editing and illustrations", which the old "Book cover" hid (the user edited the book and its illustrations). Two pieces moved into the Words gallery, on the rule that a piece belongs to the category of its deliverable, not of the paper it landed on: writtenearplugs.webp ("Article, Urban Moto, February 2007") and printylemcover.webp ("Editing and cover design" - the user edited the whole magazine, cover included). Print now holds 3 items, all print ads; Words holds 4, ordered book, magazine, article, guide. Nothing else references those two files, so both galleries were the only edits. Verified: 26 figures over 26 distinct images, one caption each, exactly two references to the moved files (both in Words), tags balance and every reference resolves across the 16 pages, no em dashes, and the carousels were measured in a headless browser - Print is now scrollWidth == clientWidth with both arrows disabled (matching App Design, so 3 items leaves no dead control) while Words overflows by 292px with only "next" enabled - plus screenshot checks of the Print and Words bands at 1280px and 390px. Build intermediates in .tmp-captions/ were deleted. Uncommitted.
  • 2026-09-22 - Work galleries captioned, and the earplug piece moved. All 26 work.html figures are now <figure> elements carrying a .carousel__caption (piece name in semibold ink, format on a muted second line), styled by two new rules in css/style.css and always visible rather than hover-only, because hover does not exist on touch. The caption copy was written from the artwork itself after reviewing a labelled contact sheet of all 26 images, which caught a swap in the source set: writtenearplugs.webp is the Urban Moto earplug feature (page 39, February 2007) and writtenstructions.webp is the Napwell quick start guide. Per the backlog item, writtenearplugs.webp moved out of the Urban Moto case-study grid into the Print gallery, and that grid changed from row-cols-sm-2 to row-cols-sm-3 so its three remaining ads (K.C. Engineering, Loren Kincaid, Macchiarini) sit in one clean row with specific alts. No caption carries an author byline (see the attribution rule). Verified: tags balance and every reference resolves across the 16 pages, 26 figures over 26 distinct images with one caption each and no duplicates, screenshots of the Logos, Print and Words galleries at 1280px and 390px plus the Urban Moto grid, and a local 200 on every page. Build intermediates in .tmp-captions/ were deleted. Uncommitted.
  • 2026-09-22 - Open Graph / social image added, and the live domain recorded (second Assets item). img/og-image.png is a 1200x630 card built to match the site's hero rather than a generic graphic: the 120 degree green gradient, the faint ink dot grid at an 18px pitch, the DESIGN STUDIO eyebrow with tracking, the 2RE03 wordmark, the hero line "A design team for the web, and everything around it.", 2re03.com, and a 130px strip of six real work tiles (collage-1..6.webp) under a green wash (0.86 to 0.95) so it reads as texture and not noise. Rendered with PIL from the same instanced fonts the site uses (Space Grotesk 700, Inter 500/600), with the layout tuned against measured ink bands instead of by eye (element gaps 34 / 32 / 12 / 29 px, and 34 px of clear space above the strip). All 16 pages now carry rel="canonical", the full og:* set (including og:image:width/height/alt) and twitter:card=summary_large_image, with titles and descriptions reused from each page's own <title> and meta description so there is one source of truth per page. The live URL is https://2re03.com/, and the host serves .html URLs (/work 404s while /work.html 200s), so canonicals use the .html form with the bare root for the homepage. Verified: every page has exactly one of each tag, og:url equals that page's canonical, the declared image size matches the file (1200x630), tags balance, no em dashes, every reference resolves, and all pages plus the four new assets return HTTP 200. Note the live site still 404s on the new files because they are not deployed yet. Uncommitted.
  • 2026-09-22 - Favicon added (first item of the Assets batch, and the first thing built after the copy pass). img/favicon.svg is a #2ee666 rounded tile carrying the digit 2 as outline paths in brand ink, so it renders identically with no client font; img/favicon.ico holds 48/32/16 px rasters of the same mark; img/apple-touch-icon.png is a 180x180 square, opaque version for iOS (which applies its own corner mask). The outlines came from the site's own wordmark font: fonts/SpaceGrotesk-latin.woff2 instanced at wght=700 with fontTools.varLib.instancer, because that file is a variable font whose default instance is Light 300. Checks run: ink centred on the tile within half a pixel and the digit at ~56% of the tile, legible at 16 px, all 16 pages declare the three icons with relative paths (img/... at the root, ../img/... in case-studies/), tags still balance, every reference resolves, and the three assets serve HTTP 200. Recipe documented in techContext.md -> Icon & Social Assets. Build intermediates were kept in a temporary in-repo folder (.tmp-favicon/) and deleted. Uncommitted.
  • 2026-09-22 - Copy pass 1 from memory-bank/todo.md implemented (all four Now items), and this memory bank updated to match. Wording came from the brief, re-voiced from first person to the studio "we", with no em dashes introduced. Details: the homepage closing CTA in index.html is now "Have something that needs making?" followed by the three client questions (a list-unstyled list at .lead size) and "Tell us what you're trying to do. We'll figure out what needs to be made.", with a one-line .cta-questions li + li spacing helper in css/style.css; services.html gained a Workflow band between the Process section and the closing CTA (Old workflow / AI-assisted workflow / Finished result, the middle card dark via bg-ink text-cream) carrying the "we've figured out how to use AI to dramatically accelerate the design and development process without turning the result into generic AI slop" line; and work.html's closing band line became "Got a weird project? Give it to us." Verified: HTML tags balance on every touched page, no em dashes (character or entity), every relative href/src resolves, all pages/assets return HTTP 200 locally, and the two new sections were screenshot-checked at 1280px and 390px (the dark middle card and the mobile stacking both render correctly). Uncommitted; nothing was committed or pushed.
  • 2026-09-22 - Backlog moved into the memory bank: TODO.md at the repo root became memory-bank/todo.md (lowercase filename), so the backlog now sits with the other memory-bank files. References in activeContext.md, progress.md, and techContext.md were repointed. The site itself was untouched (no page ever linked to TODO.md).
  • 2026-09-22 - User set a code and writing style requirement: soft wrap. Do not hard-wrap lines to fit a column limit (there is no ~80-char limit) in code or in memory-bank writing; let the editor soft wrap long lines and break lines only at structural boundaries. Existing hard-wrapped files are left alone, with no reformat pass.
  • 2026-09-22 - User set a second working agreement: do not edit files outside the project folder (/home/torrey/Documents/Sites/2RE03). Recorded here (Working Agreements at the top, plus the decisions log), in projectbrief.md (Ways of Working), techContext.md (Tool Usage Patterns), and progress.md. No production files changed.
  • 2026-09-10 - Created the standard memory bank (memory-bank/): the six core files plus reference-materials.md (replacing an earlier single-file draft).
  • 2026-09-10 - Deleted the superseded draft .clinerules/memory-bank-oops.md; .clinerules/ now holds only the rule file.
  • 2026-09-10 - User locked the stack/styling/brand decisions (see below).
  • 2026-09-10 - Built the v0 scaffold: vendored Bootstrap 5.3.3 and the Inter/Space Grotesk fonts locally; created css/, js/, img/, fonts/; copied the 23 reference images into img/; wrote all five pages, css/style.css, js/main.js, and the Web3Forms contact form.
  • 2026-09-10 - Verified: all pages/assets return HTTP 200 locally, HTML tags balance, js/main.js passes node --check, no links into refrence/.
  • 2026-09-10 - Rethemed the site to a green palette centered on #2ee666 (tokens renamed in css/style.css; hero, header, footer, buttons, links, and accents updated; HTML class/meta updates).
  • 2026-09-10 - Added a Collins-inspired Case Studies feature: a typographic index (case-studies.html) with a cursor-following hover preview (js/case-studies.js), 8 detail pages in case-studies/, a homepage case-studies section, and "Case Studies" added to the nav/footer of every page.
  • 2026-09-10 - Added 6 real client websites as case studies (Cool Crap From China, Teach Each Other AI, Jensen's Red Barn, Mask Aid Project, 1 Woman's Art and Magic, Sam's Rules) with screenshots + live-site links; list now 13 entries.
  • 2026-09-10 - Corrected two case studies: "Kincaid" → Urban Moto (print design / art direction for a motorcycle magazine, 4-image gallery), and 1 Woman's Art and Magic → a two-book art series for painter Joanna Signer plus the website to help sell it.
  • 2026-09-10 - Trimmed case studies 13 → 11: removed Cool Crap From China and Data Vis Art; replaced Coop with Cart (a 3D design proposal). Work kept in the full portfolio (Cool Crap added to the Web gallery, Data Vis Art moved to the Logos gallery).
  • 2026-09-10 - Corrected Mehavior to an app project (logo, app interface and button design, and investor-pitch promotional material); category now "App Design & Identity".
  • 2026-09-10 - work.html: added a new App Design category (moved Mehavior in; added the "(10+2) x 5" productivity timer app).
  • 2026-09-10 - work.html: moved Web Design to the top of the section order (now Web Design, Logos, App Design, Print Design, 3D Modeling, Written Work).
  • 2026-09-10 - Renamed the "Written Work" category title to "Editorial" across the site (work page, homepage/services cards, and the Sam's Rules category label).
  • 2026-09-10 - Converted the homepage Selected work and all six Work galleries into Collins-style carousels (rounded, cropped images; scroll-snap track; arrows + keyboard + mouse drag via js/carousel.js).
  • 2026-09-10 - Expanded the Mask Aid Project case study's "What we did": video production, crowdfunding campaign, copywriting, and translation from Chinese.
  • 2026-09-10 - Web Design gallery: added Jensen's Red Barn + Mask Aid Project snapshots; re-shot the timer app image as a close-up.
  • 2026-09-10 - Homepage copy: replaced the avocado-hipster tagline with a professional, team-voiced hero line, and changed "Web design first. Everything design second." to "Web Design Is Only the Beginning" (+ supporting copy). Tone direction updated in productContext.md.
  • 2026-09-10 - Renamed the "Editorial" category to "Words" (covers sales copy + technical writing too): work-page heading/caption, homepage and services cards, and the Sam's Rules label ("Words & Web").
  • 2026-09-10 - Homepage: moved Selected work above What we do (background alternation preserved).
  • 2026-09-10 - Case studies pruned to 10 and reordered: removed Argent; renamed Victoria → Victoria Fuller, Cart → Upscale Food Cart (with page files renamed). Order now: Mask Aid Project → 1 Woman's Art and Magic → Sam's Rules → Mehavior → Jensen's Red Barn → Upscale Food Cart → Silver Lining → Victoria Fuller → Urban Moto → Teach Each Other AI.
  • 2026-09-10 - Enriched 5 case studies with client detail: Sam's Rules (illustrations + downloadable companion content), Jensen's Red Barn (Grandma Dorothy's scrapbook slideshow), Silver Lining (drove clients to a high-end retreat), Victoria Fuller (Playboy Bunny / logo rights), Urban Moto (guest articles, managing submissions, custom client ads).
  • 2026-09-10 - Jensen's Red Barn: added "Social media setup" (removed "Contact section"). Sam's Rules category → "Book Design & Web".
  • 2026-09-10 - work.html: moved web50shadesof2048.png into App Design (out of Web Design).
  • 2026-09-10 - App Design: swapped site-timer-app.jpg for 2plus5times3.jpg (cropped to 4:3).
  • 2026-09-10 - Added web backend services (hosting, site management, domain/URL sourcing) to services.html and the homepage Web Design card.
  • 2026-09-10 - Removed all em dashes from the site (and the memory bank); the tone guide now bans them.
  • 2026-09-10 - Contact form: Subject field is now optional.
  • 2026-09-10 - Replaced the hero portrait with a green gradient + dot grid site-wide, and a work collage on the homepage.
  • 2026-09-10 - Case study heroes now use each project's own image as the background (.hero--image + --hero-image).
  • 2026-09-10 - Hero tweaks: Mehavior shows the top (logo), Victoria Fuller sits at center 10% (cursive name), Jensen's Red Barn uses red-barn-photo.jpg, Urban Moto uses the middle of printtiresad.png. Added --hero-position.
  • 2026-09-10 - Case study images no longer letterbox (natural aspect via .card-work); added .card-work--frame for Urban Moto's grid.
  • 2026-09-10 - Removed refrence/ (temporary source, 19.4 MB) and four superseded images; stashed to /home/torrey/2RE03-unused-assets-backup/.
  • 2026-09-10 - Version control set up: git init on main, first commit of 79 files, remote origin = Forgejo 2RE03-Design.
  • 2026-09-10 - Added TODO.md as the backlog; the site was published by the user, and memory-bank//.clinerules/ were confirmed to stay tracked.
  • 2026-09-10 - Optimised all images to WebP (img/ 20 MB -> 3.2 MB, 85% smaller); printtiresad.png stays PNG. See techContext.md, Image Pipeline.

Next Steps

The full backlog lives in memory-bank/todo.md. This section keeps only the current priorities; new items go into todo.md first.

  1. Get user sign-off on copy pass 1 (homepage CTA, services.html Workflow band, work.html hook); refine where it reads wrong.
  2. Assets batch: favicon and Open Graph image are done (2026-09-22), with the icons and the full og:*/twitter:* set declared on all 16 pages against https://2re03.com/. The only item left is confirming whether a real 2RE03 logo file exists.
  3. Per-image captions and more/real gallery work. work.html is captioned (2026-09-22) and its blurbs now match the captions; what remains is the case-study grids (9 single-image pages plus Urban Moto's 3-up ad grid, none captioned) and confirming the handful of names read off the artwork (Argent, Drinking About..., D.R.I.V.E., 50 Shades of 2048, '78 Williams, 3dabandoned, and the unnamed "Sales page").
  4. Polish items from todo.md: the low-resolution Urban Moto hero, the case-study grid captions, a possible motion/video section (the IKEHU video is not on this machine), and the sales-funnel redesign (which needs the offer defined first).
  5. Deploy: the batch is staged (2026-09-22) with its message pre-filled in .git/COMMIT_EDITMSG, waiting on the user to run git commit and then upload the repo root by hand. Probed live on 2026-09-22: the published site is byte-identical to the last commit, img/favicon.svg, img/favicon.ico and img/og-image.png all 404, and no page declares og:image yet.

Active Decisions & Considerations

Decisions Log

# Decision Status
1 Standard multi-file memory bank ✅ Done
2 refrence/ was temporary source; removed before the first commit (backed up outside the repo) ✅ Done
3 Never attribute work to a named individual on the site ✅ Done
4 Tone = sharp, professional, team-voiced, with an edge (see productContext.md) ✅ Updated
5 Stack = static hand-coded HTML + Bootstrap 5.3.3 (vendored locally) ✅ Done
6 Styling = Bootstrap components + custom css/style.css ✅ Done
7 Brand = purely 2RE03; no 2RE Factory parent brand ✅ Done
8 Fonts = Inter + Space Grotesk, self-hosted in fonts/ ✅ Done
9 Folder layout = css/, js/, img/, fonts/ ✅ Done
10 Contact = dedicated contact.html → Web3Forms (public access key) ✅ Done
11 Pages = index, work, about, services, contact ✅ Done
12 Reference images copied refrence/img/ → img/ as production assets ✅ Done
13 Color scheme centered on #2ee666 (green on ink) ✅ Done
14 Add Collins-style Case Studies (index + 8 detail pages + hover previews) ✅ Done
15 Add 6 real client websites as case studies (screenshots + live links) ✅ Done
16 Homepage copy: retire the avocado-hipster tagline; new team-voiced, professional hero + "Web Design Is Only the Beginning" ✅ Done
17 Version control: git repo on main, pushed to the Forgejo remote origin (2RE03-Design) ✅ Done
18 Site is published ✅ Done
19 Keep memory-bank/ and .clinerules/ tracked in the repo ✅ Done
20 TODO.md is the backlog; the memory bank points at it (now memory-bank/todo.md, see #24) ✅ Done
21 No git commit or git push without explicit user approval ✅ Active rule
22 No editing files outside the project folder (/home/torrey/Documents/Sites/2RE03); reads elsewhere are fine, writes are not, so ask first if a task seems to need one ✅ Active rule
23 Soft wrap: no hard wrapping at a column limit, in code and in memory-bank writing; a break marks a structural boundary, not a width boundary. Going forward only, with no reformat pass over existing files ✅ Active convention
24 Backlog lives at memory-bank/todo.md (moved out of the repo root and lowercased on 2026-09-22) ✅ Done
25 Live site = https://2re03.com/ and the host serves .html URLs, so canonical and Open Graph tags use absolute .html URLs (bare root for the homepage) ✅ Done
26 Site assets are generated from the site's own fonts: the favicon from instanced Space Grotesk outlines, the social card rendered with PIL to match the hero. Recipes in techContext.md ✅ Done
27 Work-gallery captions are written from what is actually in the image (client and format where known), always visible rather than hover-only, and never carry an author byline ✅ Done
28 A piece is filed under the gallery of its deliverable, not the paper it was printed on, so the Urban Moto earplug article and the YLEM Journal cover live in Words rather than Print ✅ Done
29 One client's work may legitimately appear twice when it serves two galleries: the YLEM identity mark stays in Logos and the journal cover stays in Words (user-confirmed 2026-09-22) ✅ Done
30 webdatavisart.webp stays in Logos and is captioned as a presentation ("Presentation for Motion Labs") rather than a mark, and the Logos intro says so (", and the occasional title slide") ✅ Done
31 A section blurb may claim only what the gallery under it actually shows; wider capability lists live on the service cards, not above a gallery ✅ Done
32 2plus5times3.webp keeps its file name; the caption (10 + 2) x 5 is treated as authoritative, and neither is treated as a typo ✅ Done

Open Questions (remaining)

  1. Real logo: the favicon and the Open Graph image were both built on 2026-09-22, but does a real 2RE03 logo file exist anywhere? Nothing has turned up in the repo or the asset backup.
  2. Copy approval: review/refine the drafted company-voice copy (copy pass 1 landed 2026-09-22 and is still awaiting sign-off).
  3. Gallery content: more work items, plus captions for the case-study grids? The work.html galleries were captioned on 2026-09-22, but several of those names were read off the artwork and need confirming (Argent, Drinking About..., D.R.I.V.E., 50 Shades of 2048, '78 Williams, 3dabandoned, and the unnamed "Sales page"). The Dat Art filing is settled: the title slide stays in Logos, captioned as a presentation rather than a mark.
  4. Live URL: answered, https://2re03.com/ (recorded 2026-09-22; the host serves .html URLs).
  5. Deploy cadence: should the new icons and social card go live now, and is deploying a manual upload?

Important Patterns & Preferences

  • Git is user-gated: never git commit or git push without explicit approval (see Working Agreements at the top of this file).
  • Backlog convention: memory-bank/todo.md is the human-facing list of open work (moved there from the repo root on 2026-09-22). When an item lands, check it off and move it into the ## Done section with the date it landed, then prune Done periodically. The rest of the memory bank keeps only the current priorities and points there, so the two never drift. Issues (Forgejo) are for items that need discussion.
  • Plan-first; small, verifiable changes; plain/static, dependency-light output (see projectbrief.md → Ways of Working).
  • Private asset provenance (never credit the CEO on the site).
  • Keep all site copy in the tone defined in productContext.md.
  • Soft wrap, no hard wrapping: do not insert line breaks to satisfy a column limit. Keep each logical unit (statement, tag, CSS rule, list item, paragraph) on one line; a break marks a structural boundary, never a width boundary. Applies to code (HTML/CSS/JS) and to memory-bank writing. Existing hard-wrapped files stay as they are. Details in techContext.md -> Code Style.

Learnings & Insights

  • The reference build used hand-coded HTML + Bootstrap 5 with a small custom carousel (series-carousel.js); the local css//js/ assets it references are NOT present in this repo.
  • The reference bio is first-person and individual-focused; the 2RE03 site must re-voice it as the company.

Housekeeping

  • The superseded single-file draft .clinerules/memory-bank-oops.md was deleted (2026-09-10). .clinerules/ now contains only memory-bank.md.
  • Note: .clinerules/memory-bank.md is the Memory Bank rule file (it describes the structure); the actual data files live in the top-level memory-bank/ folder.
  • refrence/ plus four superseded images (blue_eyes_Torrey.png, red-barn-photo.jpg, site-sams-rules.jpg, site-timer-app.jpg) were moved on 2026-09-10 to /home/torrey/2RE03-unused-assets-backup/ (22 MB, outside the repo). Run rm -rf /home/torrey/2RE03-unused-assets-backup once nothing is needed from it.