TKW: steampunk redesign replaces parchment theme#47
Open
codebend3r wants to merge 2 commits into
Open
Conversation
- new token system in `styles/globals.scss`: iron/coal ground, `--brass`, `--hextech`, `--shimmer`, `--gaslight` ramp, retuned `--region-color-*` tints - fonts swapped in `app/layout.tsx`: Girassol, Poiret One, Spectral, Barlow Condensed replace Cinzel, Cormorant Unicase, EB Garamond, Alegreya Sans - `FiligreeRule`/`FiligreeFlourish` redrawn as hextech crystal rail and cog conduit with reduced-motion-aware pulse - every SCSS module restyled: gunmetal plates, `corner-shape: bevel` chamfers, brass hover, hextech focus/active states - `SiteMenu` renders `sectionGlyphs` line art for every entry; raster `menu-icons` no longer referenced - `MapMarker` pins retinted to surveyor teal and chart ink; `MapMarker.test.tsx` hexes updated - fix swapped class homes: `.infobox`/`.sigil`/`.sigilFill`/`.rows` move to `HouseInfobox.module.scss`, `.row`/`.note` to `Infobox.module.scss` so entity infobox styles resolve - `FilteredHouseList` controls grid names a `search` area for the shared `listSearch.input` `grid-area` - `/design` catalogues the new palette, type roles, spacing, and control bench - `color-scheme: dark` for native pickers; global hextech `:focus-visible` and scrollbar styling
|
Bugbot is not enabled for your account, so this pull request was not reviewed. Enable Bugbot in the Cursor dashboard to get automatic reviews on future PRs. |
✅ Deploy Preview for theknownworld ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
- palette retuned warm in `styles/globals.scss`: soot/umber grounds, `--hextech`/`--shimmer` renamed to `--verdigris`/`--copper`, matte interaction states replace neon glows, lithograph-muted `--region-color-*` tints - fonts swapped in `app/layout.tsx`: Bevan, Graduate, Old Standard TT, Oswald replace Girassol, Poiret One, Spectral, Barlow Condensed - homepage rebuilt as atlas contents ledger: `app/page.module.scss` masthead + `MainMenu` bound case, `MainMenuTile` rows numbered Plate I–VI with riveted glyph plaques - section order now Maps, Houses, Characters, Timeline, Battles, Weapons in `MainMenu` and `SiteMenu`; tests updated - `SiteHeader` recut as left-aligned bolted nameplate rail with rivet seam and right tagline; `SiteFooter` matches with riveted baseplate - `FiligreeRule` crystal redrawn as pressure gauge with drifting needle; `FiligreeFlourish` gem replaced by hex nut - LED-style indicator dots in timeline, weapon, battle, map-layer modules become matte enamel studs - `MapMarker` glyphs retinted brass/umber; `MapMarker.test.tsx` hexes updated - body background swaps surveyor grid for rivet-head dot grid - `/design` catalogue updated to new palette, type roles, and copy
codebend3r
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Full visual redesign of the atlas, replacing parchment and ink with a non-descript steampunk direction: a Victorian engineer-cartographer's archive of soot-dark plating, brass fittings, riveted seams, and matte verdigris — while the content (map, sigils, portraits) reads as in-world exhibits under glass. Nothing glows; interaction reads as metal catching lamplight.
Design system
styles/globals.scss: warm soot/umber grounds (--coal,--iron,--gunmetal,--steel),--brassas the resting accent, matte--verdigrisreserved for interaction (focus, hover, active, live state),--copperfor the rare warm accent,--gaslighttext ramp,--emberfor errorscorner-shape: bevelwith rounded fallback, input wells, brass hairlines, rivet-head dot gridsFiligreeRuledrawn as a pressure gauge set in an engraved rail, needle slowly drifting under every page title;prefers-reduced-motiondisables the drift;FiligreeFlourishends in a hex nut--region-color-*heraldic tints desaturated to hand-tinted lithograph inksLayout
app/page.module.scssmasthead ("Table of Plates", sticky on desktop) facingMainMenuas a bound case ofMainMenuTilerows numbered Plate I–VI with ruled numeral columns, riveted glyph plaques, engraved pointer arrowsMainMenuandSiteMenuSiteHeaderrecut from centered wordmark to asymmetric rail: bolted brass nameplate left, tagline right, rivet seam along the underside;SiteFootermatches with a riveted baseplateNotable changes
/designrebuilt as the living catalogue of the new tokens, type roles, spacing, and every form controlSiteMenuusessectionGlyphsline art for all entries; rastermenu-iconsno longer referencedMapMarkerpins retinted to brass and umber chart ink, withMapMarker.test.tsxupdatedcolor-scheme: darkso native date/time/color pickers render darkInfobox.module.scssandHouseInfobox.module.scsshad their contents swapped relative to every consumer's imports, leaving all entity infoboxes unstyled; classes relocated so they resolvelistSearch.inputcarriesgrid-area: search, so theFilteredHouseListcontrols grid now names its areas andregionSearchopts outVerification
/,/design,/houses,/houses/stark,/timeline, mobile homepage, and the open menu drawer