2re/2RE03-Design
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
2RE03-Design/memory-bank/reference-materials.md
2RE 53ca1fb834 Initial commit: 2RE03 portfolio site 
Static HTML/CSS/JS portfolio for the design studio 2RE03: locally vendored Bootstrap 5.3.3, self-hosted Inter + Space Grotesk fonts, six pages, Collins-style scroll-snap carousels, a case-studies index with 10 detail pages, and a Web3Forms contact form.
2026-09-10 19:06:52 +08:00

2.9 KiB
Raw Blame History

Reference Materials - 2RE03 Portfolio Site

Temporary source material in refrence/. NOT production assets. Do not link to it. Do not delete until the site is designed and approved (user confirms). Last updated: 2026-09-10.

refrence/index.html

  • Landing/hero styled as "2RE03" over a full-bleed portrait background (img/blue_eyes_Torrey.png) with a crimson→red gradient.
  • Contains the original tone-reference tagline (now retired): "Artisinal web design by an genuine avocado eating hipster."
  • Establishes a bold, saturated, personality-driven visual direction.

refrence/2re03text.html

  • Bio/services page. Uses Bootstrap (bootstrap.min.css, popper.min.js, bootstrap.min.js), plus style.css and a custom series-carousel.js.
  • CEO info: Torrey Nommesen - 30+ years freelance across design, writing, web dev, photography, 3D modeling, and publishing. Art Director for Urban Moto; taught graphic design at Academy of Art University; President of YLEM; technical writer for Silicon Valley companies.
  • Section structure with captions (source for site content):
    • H2 "Freelance writing, design, and coding" + summary paragraph.
    • Logos - "Logos I have created for clients and for my projects".
    • Web Design - "Examples of some of my web and app design work".
    • Print Design - "examples of my print design work".
    • 3D Modeling - "3D modeling for client projects".
    • Written Work - "Examples of work where I designed and wrote".
  • Carousels populated from inline JSON <script type="application/json"> blocks keyed by category (logos, web, print, 3d, written).
  • Note: the bio copy is first-person ("I developed…") and about the individual. For 2RE03 the site should speak as the company and must not attribute works to a named individual.

refrence/img/ (23 image files)

Portrait:

  • blue_eyes_Torrey.png - CEO portrait (used on the landing reference).

By category (from the carousel JSON; filenames self-label by prefix):

Category Files
Logos logoargent.png, logobackass.png, logodrinking.png, logodrive.png, logosilverlining.png, logoylem.png
Web webvictoria.png, websinosalescopy.jpg, web50shadesof2048.png, webdatavisart.jpeg, webmehavior.png
Print printkincaidad.jpg, printmacchiariniad.png, printtiresad.png, printylemcover.png
3D 3d78williams.jpg, 3dabandoned.jpg, 3dcart.png, 3dcoop.jpg
Written writtenearplugs.jpg, writtensamsrules.png, writtenstructions.jpg

Note: all 23 of these images were copied into the production img/ folder (2026-09-10) and are now referenced by the site. The refrence/ originals remain temporary source material and can be deleted after design approval. The production img/ folder also contains 6 additional site-*.jpg screenshots of real client websites added later (not from refrence/).