2RE
53ca1fb834
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.
53 lines
2.9 KiB
Markdown
53 lines
2.9 KiB
Markdown
# 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/`).
|