Skip to content

v3.0.0 — Industrial Archive redesign

Latest
Latest

Choose a tag to compare

View all tags
@Uronika Uronika released this 16 Jul 00:33
v3.0.0
91a51fe

Overview

Full redesign from Swiss Modernism (v2) to Industrial Brutalist Archive style. A4 portrait layout, newspaper-level density, zero JavaScript, zero animation.

Date

2026-07-16 01:31 HKT

Pre-change Backup

backup/20260712-redesign-v2-before-v3

Target Commit

91a51fe (redesign-v2)

Files Changed (14)

css/style.css — Rewrite — 13KB industrial archive design system
index.html — Rewrite — A4 archive homepage
resume.html — Rewrite — A4 career record card
contact.html — Rewrite — A4 contact record card
works/index.html — Rewrite — A4 work archive index
works/news-market-association-rag.html — Rewrite — A4 card, RAG content preserved
works/development-02.html — Rewrite — Placeholder template
works/game-01.html — Rewrite — Placeholder template
works/game-02.html — Rewrite — Placeholder template
works/image-01.html — Rewrite — Placeholder template
works/video-01.html — Rewrite — Placeholder template
favicon.svg — Rewrite — Archive black-border + yellow tab
js/main.js — Delete — Zero animation, no JS needed
README.md — Update — Tech stack & design overview to v3

Design Changes

  • Style: Swiss Modernism to Industrial Brutalist
  • Layout: 6-column grid to A4 portrait containers (680px, 1:1.414)
  • Homepage: Asymmetric split to resume-style archive card
  • Navigation: Fixed top bar + crossfade to no header, in-page archive anchors, hard cuts
  • Colors: #F7F3ED to #EBE7E0 bg + #FAFAF8 paper + #111111 ink
  • Accent: #C75146 (placeholder) to #E6FF00 acid yellow (detail use only)
  • Fonts: Jost + Noto Sans SC to Zilla Slab (titles) + Inter (body) + Noto Sans SC
  • Density: Normal to Newspaper (11px baseline, 1.3 line-height)
  • Lines: None to Heavy 2-4px solid black lines
  • Animation: Motion One crossfade to Zero animation, JS removed
  • Icon: Letter U to Archive black-border label

Verification

  • UTF-8 full validation passed (10 HTML + 1 CSS)
  • Zero missing < in closing tags
  • Zero stray <<
  • Zero Motion One / main.js residuals
  • Internal link consistency cross-check passed
  • Total project size: 46KB (10 HTML + 1 CSS)

Remaining

  • Personal info still placeholder
  • 5/6 works still placeholder
  • Real resume, contact info pending
  • Work screenshots pending
Assets 2
Loading