diff --git a/docs/launch-site/DESIGN_CONCEPTS.md b/docs/launch-site/DESIGN_CONCEPTS.md new file mode 100644 index 00000000..997bdec4 --- /dev/null +++ b/docs/launch-site/DESIGN_CONCEPTS.md @@ -0,0 +1,22 @@ +# LAUNCH-01 homepage concepts + +Open the [comparison gallery](concepts/index.html) from this checkout, or open any full-page desktop and phone image below. These are standalone English design previews. The registration and sign-in treatments scroll to an explanation in the prototype. Plans show layout and the existing catalogue labels only. Public copy, pricing, legal destinations, localisation and feature availability need release validation. + +| Concept | View | Strength | Tradeoff and accessibility focus | +| --- | --- | --- | --- | +| A · Modern Minimalist | [Responsive](concepts/minimal.html) · [Desktop](concepts/renders/minimal-desktop.png) · [Phone](concepts/renders/minimal-phone.png) | A direct split hero leads with the application tracker. Violet accents connect it to the application. | The restrained treatment puts more weight on the headline. On phones, the screenshot is a cropped preview with a full-capture link. | +| B · Premium SaaS | [Responsive](concepts/premium.html) · [Desktop](concepts/renders/premium-desktop.png) · [Phone](concepts/renders/premium-phone.png) | A large dashboard stage explains the organisation workflow through the product itself. | The desktop composition uses more vertical space. The phone layout puts a left-aligned headline and actions before the capture. Recheck text contrast if the background treatment changes. | +| C · Friendly and Human | [Responsive](concepts/human.html) · [Desktop](concepts/renders/human-desktop.png) · [Phone](concepts/renders/human-phone.png) | Sage and Georgia display type support an original illustration spanning education, care and trades. A separate teacher CV capture shows the actual product. | Product evidence follows the introduction. The illustration has an alternative description and is separate from the development capture. | +| D · Modern Editorial | [Responsive](concepts/editorial.html) · [Desktop](concepts/renders/editorial-desktop.png) · [Phone](concepts/renders/editorial-phone.png) | A navy masthead and asymmetric Career Workspace frame emphasise the experience applicants bring to the search. | Display typography needs locale expansion checks. On phones, the masthead and application preview stack in reading order. | + +Each page has the same navigation destinations, basic feature and workflow copy, provisional Free/Pro slots and footer. This keeps the comparison focused on hierarchy, imagery and type. Review the hero, navigation, typography, colour, illustration balance, feature presentation, calls to action and phone layout. The owner can combine parts across concepts and identify missing sections. + +## Verification + +Chromium passed 20 local browser cases across the four prototypes and the gallery at 1440, 768, 390 and 320 px. Checked image loading, no horizontal page overflow, local link destinations, keyboard skip navigation, inactive signup flow, minimum visible link size and axe WCAG A/AA tags. No page errors, external requests or tagged violations occurred. The first run exposed a small review link. Its hit area was enlarged and the full matrix reran. The eight full-page desktop and phone renders were visually inspected. [Browser receipts](concepts/renders/checks.json) + +See [screenshot and asset provenance](SCREENSHOT_AND_ASSET_MANIFEST.md). No production feature, provider, pricing, signup or availability claim was verified. Native accessibility, translated copy and production performance remain open. + +## Owner selection gate + +LAUNCH-01 is ready for owner review. LAUNCH-02 starts when the owner selects one or more directions. Final implementation requires separate explicit approval of the refined design. diff --git a/docs/launch-site/HOMEPAGE_AUDIT.md b/docs/launch-site/HOMEPAGE_AUDIT.md index 6a081355..d87a6efa 100644 --- a/docs/launch-site/HOMEPAGE_AUDIT.md +++ b/docs/launch-site/HOMEPAGE_AUDIT.md @@ -1,5 +1,13 @@ # LAUNCH-00 source audit - partial checkpoint +## Design pattern and asset inputs + +- Linear shows the workspace near the top and lets specific workflow examples explain the product. The Premium concept explores a genuine Jobjakt dashboard in a similar position using its own visual treatment. [Linear homepage](https://linear.app/) +- Notion groups its feature presentation around recognizable actions. All four Jobjakt concepts use three short outcomes tied to tracking, Career Profile and CV preparation. [Notion product overview](https://www.notion.com/product) +- Basecamp combines a direct product explanation with a distinct tour action. The Jobjakt hero prototypes separate a proposed registration action from the feature walkthrough. [Basecamp homepage](https://basecamp.com/) + +The [four rendered concepts](DESIGN_CONCEPTS.md) use verified synthetic product captures and one original illustration. Signup submission, degraded auth, baseline performance and native accessibility remain open in LAUNCH-00. A live commercial claim or current price still needs independent evidence and approval. + ## Rendered baseline reconciliation, 10 November 2026 The separately published A3 evidence at `bd34a3504f7e849c41b48db444f0e1f16324a16f` includes `docs/ui-modernisation/visual-correction/LANDING_BASELINE_REVIEW.md` and `evidence/landing-baseline/BROWSER.json` under the same directory. The runtime was `e8e7d83958587e8b5a4b93d03d3e736896df5a48`. This closes the rendered anonymous navigation and raw export observations at that baseline. diff --git a/docs/launch-site/RELEASE_HANDOFF.md b/docs/launch-site/RELEASE_HANDOFF.md index bab4f588..7bb986b7 100644 --- a/docs/launch-site/RELEASE_HANDOFF.md +++ b/docs/launch-site/RELEASE_HANDOFF.md @@ -1,5 +1,7 @@ # Partial homepage planning handoff +10 November concept successor. [LAUNCH-01 comparison](DESIGN_CONCEPTS.md) contains four responsive prototypes and eight full-page renders with synthetic development captures and a source manifest. Twenty local browser cases passed. The owner can select or combine directions before LAUNCH-02. Final visual approval, public copy, production rendering and launch acceptance remain separate. Earlier pending statements below describe the previous checkpoint. + 10 November: the published A3 landing baseline now supplies 12 rendered navigation states, raw HTML findings and screenshot provenance candidates. See [homepage audit](HOMEPAGE_AUDIT.md). Next, complete the outstanding audit inputs and render the four concept pairs. Final homepage selection, application implementation and launch acceptance retain their separate gates. Continuation 2 November: CONTENT_ARCHITECTURE.md, INTERNATIONALISATION.md and SEO_STRATEGY.md add independent design-neutral content/routing/publication proposals. Byte-matched existing build-shell evidence confirms raw export lacks descriptive marketing HTML, canonical and hreflang. No public UI/routes/metadata implementation or final visual choice made. These source/build checks are not live SEO, performance or release qualification. The five application UI concepts remain separate from LAUNCH-01's required homepage exploration; no sixth application concept created. diff --git a/docs/launch-site/SCREENSHOT_AND_ASSET_MANIFEST.md b/docs/launch-site/SCREENSHOT_AND_ASSET_MANIFEST.md new file mode 100644 index 00000000..5fc173eb --- /dev/null +++ b/docs/launch-site/SCREENSHOT_AND_ASSET_MANIFEST.md @@ -0,0 +1,14 @@ +# Launch screenshot and asset manifest + +The eight product images in `concepts/assets/` are unchanged copies of real browser captures of the exported A3 React application using intercepted synthetic API fixtures. Every image was inspected and its SHA-256 matched the published evidence manifest at `49e79875d9681efab0880d7e812bb0e536b7d30c`. The prototypes show the top of each capture and link to the full source image. The fixture CV preview uses controlled HTML. These captures establish visual provenance for design review. Public reuse requires confirmation on the accepted release and separate marketing approval. + +| Asset | Route and fixture | Runtime | +| --- | --- | --- | +| Applications | `/jobs`, saved community nurse role | `1246994cca9a3ba7cb89eb4605b3dc77b5d7c322` | +| Dashboard | `/dashboard`, synthetic nurse, teacher and engineer opportunities | `a7d726738b74d13fb805f7bd4f5780bdf19110d0` | +| CV editor | `/career/builder/3`, synthetic teacher CV and fixture preview | `b31ce6176bcb8f6a70d3e29ad4057b7cb74a1f53` | +| Career Workspace | `/career`, synthetic profile and import review | `b31ce6176bcb8f6a70d3e29ad4057b7cb74a1f53` | + +[Exact source paths, widths and hashes](concepts/assets/provenance.json) + +`concepts/professions.svg` is original vector artwork for this design review. It depicts fictional people and uses no external images, marks or fonts. Prototype type uses local platform fonts and no bundled font files. No photography was sourced or licensed in this checkpoint. Any later photography, generated artwork and public screenshot variants need their own approval and asset record. diff --git a/docs/launch-site/concepts/assets/applications-1440.png b/docs/launch-site/concepts/assets/applications-1440.png new file mode 100644 index 00000000..8cc0a41d Binary files /dev/null and b/docs/launch-site/concepts/assets/applications-1440.png differ diff --git a/docs/launch-site/concepts/assets/applications-390.png b/docs/launch-site/concepts/assets/applications-390.png new file mode 100644 index 00000000..d2b8daf6 Binary files /dev/null and b/docs/launch-site/concepts/assets/applications-390.png differ diff --git a/docs/launch-site/concepts/assets/career-1440.png b/docs/launch-site/concepts/assets/career-1440.png new file mode 100644 index 00000000..3a4b4674 Binary files /dev/null and b/docs/launch-site/concepts/assets/career-1440.png differ diff --git a/docs/launch-site/concepts/assets/career-390.png b/docs/launch-site/concepts/assets/career-390.png new file mode 100644 index 00000000..f4430126 Binary files /dev/null and b/docs/launch-site/concepts/assets/career-390.png differ diff --git a/docs/launch-site/concepts/assets/cv-editor-1440.png b/docs/launch-site/concepts/assets/cv-editor-1440.png new file mode 100644 index 00000000..b47e2c55 Binary files /dev/null and b/docs/launch-site/concepts/assets/cv-editor-1440.png differ diff --git a/docs/launch-site/concepts/assets/cv-editor-390.png b/docs/launch-site/concepts/assets/cv-editor-390.png new file mode 100644 index 00000000..92c3d386 Binary files /dev/null and b/docs/launch-site/concepts/assets/cv-editor-390.png differ diff --git a/docs/launch-site/concepts/assets/dashboard-1440.png b/docs/launch-site/concepts/assets/dashboard-1440.png new file mode 100644 index 00000000..ffd681f2 Binary files /dev/null and b/docs/launch-site/concepts/assets/dashboard-1440.png differ diff --git a/docs/launch-site/concepts/assets/dashboard-390.png b/docs/launch-site/concepts/assets/dashboard-390.png new file mode 100644 index 00000000..448b7f4b Binary files /dev/null and b/docs/launch-site/concepts/assets/dashboard-390.png differ diff --git a/docs/launch-site/concepts/assets/provenance.json b/docs/launch-site/concepts/assets/provenance.json new file mode 100644 index 00000000..b5a4fe06 --- /dev/null +++ b/docs/launch-site/concepts/assets/provenance.json @@ -0,0 +1,101 @@ +{ + "evidenceCommit": "49e79875d9681efab0880d7e812bb0e536b7d30c", + "images": [ + { + "target": "assets/applications-1440.png", + "source": "docs/ui-modernisation/visual-correction/evidence/applications-selection/ordinary-en-light-1440.png", + "runtime": "1246994cca9a3ba7cb89eb4605b3dc77b5d7c322", + "manifest": "docs/ui-modernisation/visual-correction/APPLICATION_SELECTION_SOURCE_MANIFEST.json", + "route": "/jobs", + "width": 1440, + "locale": "en", + "theme": "light", + "fixture": "synthetic", + "sha256": "98898ed330f5bb08946477367e1c95e448ee1bfea26c978c13792985de1febda" + }, + { + "target": "assets/applications-390.png", + "source": "docs/ui-modernisation/visual-correction/evidence/applications-selection/ordinary-en-light-390.png", + "runtime": "1246994cca9a3ba7cb89eb4605b3dc77b5d7c322", + "manifest": "docs/ui-modernisation/visual-correction/APPLICATION_SELECTION_SOURCE_MANIFEST.json", + "route": "/jobs", + "width": 390, + "locale": "en", + "theme": "light", + "fixture": "synthetic", + "sha256": "9937bb7f328b1c0b719f46b54bf73f1cd0694c348ffe4899449d0ffcf5124d7f" + }, + { + "target": "assets/dashboard-1440.png", + "source": "docs/ui-modernisation/visual-correction/evidence/dashboard/dashboard-en-light-1440.png", + "runtime": "a7d726738b74d13fb805f7bd4f5780bdf19110d0", + "manifest": "docs/ui-modernisation/visual-correction/DASHBOARD_DISCOVERY_SOURCE_MANIFEST.json", + "route": "/dashboard", + "width": 1440, + "locale": "en", + "theme": "light", + "fixture": "synthetic", + "sha256": "c19a6b87686d32102db22fe61e4ed7b697f674774f45872d0bf2f2ac64066d80" + }, + { + "target": "assets/dashboard-390.png", + "source": "docs/ui-modernisation/visual-correction/evidence/dashboard/dashboard-en-light-390.png", + "runtime": "a7d726738b74d13fb805f7bd4f5780bdf19110d0", + "manifest": "docs/ui-modernisation/visual-correction/DASHBOARD_DISCOVERY_SOURCE_MANIFEST.json", + "route": "/dashboard", + "width": 390, + "locale": "en", + "theme": "light", + "fixture": "synthetic", + "sha256": "a6ae5fdaa0815e3785234ed3db9237cb3cd8418f5dbd5853b4cfc15de1442256" + }, + { + "target": "assets/cv-editor-1440.png", + "source": "docs/ui-modernisation/visual-correction/evidence/career/cv-editor-en-light-1440.png", + "runtime": "b31ce6176bcb8f6a70d3e29ad4057b7cb74a1f53", + "manifest": "docs/ui-modernisation/visual-correction/CAREER_DOCUMENT_SOURCE_MANIFEST.json", + "route": "/career/builder/3", + "width": 1440, + "locale": "en", + "theme": "light", + "fixture": "synthetic", + "sha256": "e90a1c32709d376417d9af8b00d8007d53aed102f5d017a4c55cdc7371e402bc" + }, + { + "target": "assets/cv-editor-390.png", + "source": "docs/ui-modernisation/visual-correction/evidence/career/cv-editor-en-light-390.png", + "runtime": "b31ce6176bcb8f6a70d3e29ad4057b7cb74a1f53", + "manifest": "docs/ui-modernisation/visual-correction/CAREER_DOCUMENT_SOURCE_MANIFEST.json", + "route": "/career/builder/3", + "width": 390, + "locale": "en", + "theme": "light", + "fixture": "synthetic", + "sha256": "b26258fe02e24f34b107739f0139391d766b3bf8a3e63a5864063e06f40a68e8" + }, + { + "target": "assets/career-1440.png", + "source": "docs/ui-modernisation/visual-correction/evidence/career/overview-en-light-1440.png", + "runtime": "b31ce6176bcb8f6a70d3e29ad4057b7cb74a1f53", + "manifest": "docs/ui-modernisation/visual-correction/CAREER_DOCUMENT_SOURCE_MANIFEST.json", + "route": "/career", + "width": 1440, + "locale": "en", + "theme": "light", + "fixture": "synthetic", + "sha256": "637f8dbc0cd01d4382dd409fc0b3870c40e69bbbcb2d6efbbb3e3c6c3b8a46d2" + }, + { + "target": "assets/career-390.png", + "source": "docs/ui-modernisation/visual-correction/evidence/career/overview-en-light-390.png", + "runtime": "b31ce6176bcb8f6a70d3e29ad4057b7cb74a1f53", + "manifest": "docs/ui-modernisation/visual-correction/CAREER_DOCUMENT_SOURCE_MANIFEST.json", + "route": "/career", + "width": 390, + "locale": "en", + "theme": "light", + "fixture": "synthetic", + "sha256": "21f367b3848fae24dfe4abf4271c5c9c73fbf4c2a8f1aba5dd6faff61ed6cee9" + } + ] +} diff --git a/docs/launch-site/concepts/concepts.css b/docs/launch-site/concepts/concepts.css new file mode 100644 index 00000000..7b562ec3 --- /dev/null +++ b/docs/launch-site/concepts/concepts.css @@ -0,0 +1,558 @@ +:root { + font-family: "Segoe UI",Arial,sans-serif; + line-height: 1.5; + color: #241b35; + background: #f7f6fa; +} + +* { + box-sizing: border-box; +} + +body { + margin: 0; +} + +a { + color: inherit; + text-underline-offset: .22em; +} + +a:focus-visible { + outline: 3px solid currentColor; + outline-offset: 4px; +} + +h1,h2,h3,p,figure { + margin: 0; +} + +p { + max-width: 62ch; +} + +img { + display: block; + width: 100%; + height: auto; +} + +h1 { + font-size: clamp(2.8rem,6.6vw,7rem); + line-height: .99; + letter-spacing: -.065em; + font-weight: 760; +} + +h2 { + font-size: clamp(1.85rem,3.4vw,3.3rem); + letter-spacing: -.04em; + line-height: 1.05; +} + +h3 { + font-size: 1.18rem; + line-height: 1.25; +} + +.wrap { + width: min(100% - 72px,1240px); + margin-inline: auto; +} + +.review { + background: #241b35; + color: #fff; + font-size: .85rem; +} + +.review .wrap { + min-height: 44px; + display: flex; + align-items: center; + justify-content: space-between; + gap: .7rem; + flex-wrap: wrap; + padding-block: .35rem; +} + +.top,.nav,.actions,.bottom { + display: flex; + align-items: center; + gap: 1.25rem; + flex-wrap: wrap; +} + +.top,.bottom { + justify-content: space-between; + padding-block: 1.1rem; +} + +.brand { + display: inline-flex; + align-items: center; + gap: .55rem; + text-decoration: none; + font-size: 1.2rem; + font-weight: 770; +} + +.mark { + display: grid; + place-items: center; + width: 1.8rem; + height: 1.8rem; + border-radius: .5rem; + background: #704fa6; + color: #fff; + font-weight: 800; +} + +.nav { + font-size: .9rem; +} + +.nav a { + display: inline-flex; + align-items: center; + min-height: 44px; +} + +.hero,.section { + padding-block: clamp(2.7rem,6vw,6rem); +} + +.hero-copy { + display: grid; + gap: 1.35rem; + justify-items: start; + align-content: center; +} + +.lede { + font-size: clamp(1.07rem,1.7vw,1.34rem); + max-width: 38ch; +} + +.button { + display: inline-flex; + align-items: center; + min-height: 44px; + border: 1px solid transparent; + padding: .55rem 1rem; + border-radius: .45rem; + text-decoration: none; + font-weight: 700; + background: var(--accent,#563282); + color: white; +} + +.button.secondary { + background: none; + border-color: currentColor; + color: inherit; +} + +.product { + min-width: 0; +} + +.product a { + display: block; + overflow: hidden; + border: 1px solid #aaa0b9; + border-radius: .65rem; + background: white; +} + +.product img { + aspect-ratio: 1.7; + object-fit: cover; + object-position: top; +} + +.product figcaption,.fine { + font-size: .88rem; + margin-top: .55rem; +} + +.product .phone { + display: none; +} + +.eyebrow { + font-size: .9rem; + font-weight: 700; +} + +.stack { + display: grid; + gap: 1rem; +} + +.section h2 { + max-width: 20ch; +} + +.grid,.steps,.plans { + display: grid; + gap: 1rem; + grid-template-columns: repeat(3,minmax(0,1fr)); + margin-top: 1.75rem; +} + +.steps { + padding-left: 1.6rem; +} + +.steps li,.feature,.plan { + padding: 1rem; + border-top: 1px solid currentColor; +} + +.steps li::marker { + font-weight: 750; +} + +.feature p,.plan p,.steps p { + margin-top: .45rem; +} + +.plans { + grid-template-columns: repeat(2,minmax(0,1fr)); +} + +.plan { + border: 1px solid currentColor; + border-radius: .55rem; +} + +.section-alt { + background: var(--soft,#eee8f6); +} + +.foot { + border-top: 1px solid #aaa0b9; +} + +.bottom a { + display: inline-flex; + min-height: 44px; + align-items: center; +} + +.skip { + position: absolute; + left: 1rem; + top: -5rem; + z-index: 10; + background: white; + color: #241b35; + padding: .7rem; +} + +.skip:focus { + top: .5rem; +} + +.minimal { + --accent: #543586; + --soft: #edf0f8; + background: #fcfcfe; + color: #25213b; +} + +.minimal .hero-inner { + display: grid; + grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr); + gap: clamp(2rem,5vw,5rem); + align-items: center; +} + +.minimal h1 { + max-width: 10ch; +} + +.minimal .hero { + border-top: 1px solid #dad6e7; +} + +.minimal .product { + box-shadow: 0 28px 70px -50px #352450; +} + +.premium { + --accent: #6c3da1; + --soft: #ece5f8; + color: #26163c; + background: #fbf9ff; +} + +.premium .hero { + background: radial-gradient(ellipse at 50% 100%,#61428c 0,#32214d 47%,#241733 78%); + color: #fff; + padding-bottom: 3.5rem; +} + +.premium .hero-copy { + text-align: center; + justify-items: center; +} + +.premium h1 { + max-width: 13ch; +} + +.premium .hero .button { + background: #f4ebff; + color: #301b48; +} + +.premium .hero .secondary { + color: white; + background: none; +} + +.premium .product { + max-width: 930px; + margin: 2rem auto 0; +} + +.premium .product a { + border: 9px solid #9073ba; + border-radius: 1.25rem; +} + +.premium .feature { + border: 1px solid #c4addd; + border-radius: .8rem; + padding: 1.35rem; +} + +.human { + --accent: #285247; + --soft: #e4eee6; + color: #183a31; + background: #fbfaf4; +} + +.human .mark { + background: #285247; +} + +.human .hero { + background: #e4eee6; +} + +.human .hero-inner { + display: grid; + grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); + gap: clamp(2rem,4vw,4rem); + align-items: center; +} + +.human h1 { + font-family: Georgia,serif; + font-weight: 700; + letter-spacing: -.055em; + max-width: 12ch; +} + +.human .art { + border-radius: 3rem .4rem 3rem .4rem; + overflow: hidden; +} + +.human .showcase { + display: grid; + grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); + gap: 2rem; + align-items: center; +} + +.human .feature { + padding-inline: 0; +} + +.editorial { + --accent: #183761; + --soft: #e9eff8; + background: #f8fafc; + color: #183761; +} + +.editorial .mark { + background: #183761; +} + +.editorial .hero { + padding-top: 2rem; +} + +.editorial .hero-inner { + display: grid; + grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); + gap: 2rem; + border-top: 3px solid currentColor; + padding-top: 1.5rem; + align-items: end; +} + +.editorial h1 { + font-family: Georgia,serif; + font-size: clamp(3rem,8.2vw,9.2rem); + font-weight: 600; + max-width: 10ch; +} + +.editorial .product { + padding-top: 1.5rem; + border-top: 1px solid currentColor; +} + +.editorial .product a { + border-radius: 0; +} + +.editorial .section .wrap { + border-top: 2px solid currentColor; + padding-top: 1rem; +} + +.editorial .grid { + grid-template-columns: 1fr 1fr; +} + +.editorial .feature:first-child { + grid-column: 1/-1; +} + +.gallery { + padding-block: 3rem; +} + +.gallery h1 { + font-size: clamp(2.5rem,5vw,5rem); +} + +.gallery-grid { + display: grid; + grid-template-columns: repeat(2,minmax(0,1fr)); + gap: 1.5rem; + margin-top: 2rem; +} + +.gallery-card { + background: #fff; + padding: 1rem; + border: 1px solid #aaa0b9; + border-radius: .6rem; + min-width: 0; +} + +.gallery-card img { + aspect-ratio: 1.6; + object-fit: cover; + object-position: top; + border: 1px solid #ddd4ea; +} + +.gallery-card h2 { + font-size: 1.6rem; + margin-block: .8rem .4rem; +} + +.gallery-card .nav { + gap: .9rem; + margin-top: .5rem; +} + +@media(max-width:780px) { + .wrap { + width: calc(100% - 36px); + } + .minimal .hero-inner,.human .hero-inner,.human .showcase,.editorial .hero-inner { + grid-template-columns: 1fr; + gap: 1.6rem; + } + .top { + gap: .45rem; + padding-block: .55rem; + } + .nav { + gap: .8rem; + } + .top .nav { + width: 100%; + justify-content: space-between; + } + .product a { + max-width: 380px; + } + .product img { + aspect-ratio: 4/5; + } + .product .desktop { + display: none; + } + .product .phone { + display: block; + } + .premium .product a { + margin-inline: auto; + } + .premium .product figcaption { + text-align: center; + margin-inline: auto; + } + .premium .hero-copy { + text-align: left; + justify-items: start; + } + .human .art { + max-width: 580px; + } + .editorial .hero-inner { + align-items: start; + } + .editorial .product { + padding-top: 1rem; + } + .gallery-grid { + grid-template-columns: 1fr; + } +} + +@media(max-width:520px) { + .grid,.steps,.plans,.editorial .grid { + grid-template-columns: 1fr; + gap: .55rem; + } + .editorial .feature:first-child { + grid-column: auto; + } + .top .nav { + justify-content: flex-start; + } + .review .wrap { + padding-block: .45rem; + } + .actions { + gap: .65rem; + } + .bottom { + align-items: flex-start; + } + .gallery { + padding-block: 2rem; + } + .premium .hero .product a { + border-width: 6px; + } +} + +.review a { + display: inline-flex; + align-items: center; + min-height: 32px; +} diff --git a/docs/launch-site/concepts/editorial.html b/docs/launch-site/concepts/editorial.html new file mode 100644 index 00000000..d29c5485 --- /dev/null +++ b/docs/launch-site/concepts/editorial.html @@ -0,0 +1,68 @@ + + + + + + + D · Modern Editorial | Jobjakt design review + + + + +
Concept D · Modern Editorial · Design reviewCompare concepts
+
+ Jobjakt + +
+
+
+
+
+

Put your experience to work.

+

A practical workspace for the applications, CVs and career details behind your next role.

+
Create an accountExplore Jobjakt
+
+
+ Jobjakt Career Workspace with sections and an import awaiting review + Jobjakt Career Workspace with sections and an import awaiting review +
Development screenshot with synthetic records. Select it for the full capture.
+
+
+
+
+
+
+

The Jobjakt guide

The work behind a job search.

+ +
+
+

Track applications

Save opportunities, review your progress and keep a record of what comes next.

+

Keep career details together

Build a Career Profile with experience you can refer to when preparing a CV.

+

Prepare a CV

Review a document in the editor before deciding what to send.

+
+
+
+
+

How it works

+
    +

  1. Add your experience

    Start with your Career Profile and record the details you want to reuse.

    2. +

  2. Prepare your CV

    Put a document together and review it before exporting.

    3. +

  3. Keep track of applications

    Record the roles you are pursuing, the status and your next step.

    4. +
+
+
+
+

Plans and pricing

+
+

Free

Plan layout preview. Entitlements and availability require release verification.

+

Pro

Plan layout preview. Price, billing terms and eligibility require approval.

+
+
+
+
+

Ready to start your next search?

Design preview. Registration and sign-in are inactive in this mockup.

+
+
+ + + diff --git a/docs/launch-site/concepts/human.html b/docs/launch-site/concepts/human.html new file mode 100644 index 00000000..eba75311 --- /dev/null +++ b/docs/launch-site/concepts/human.html @@ -0,0 +1,68 @@ + + + + + + + C · Friendly and Human | Jobjakt design review + + + + +
Concept C · Friendly and Human · Design reviewCompare concepts
+
+ Jobjakt + +
+
+
+
+
+

A little more room for your next chapter.

+

Applying to a school, clinic, workshop or somewhere entirely new? Put your experience to work with a space to organise the search.

+
Create an accountExplore Jobjakt
+
+
Illustration of three people working in teaching, healthcare and electrical trades
+
+
+
+
+
+

From experience to application

Bring your experience with you.

+
+ Jobjakt CV Builder open on a synthetic teacher CV + Jobjakt CV Builder open on a synthetic teacher CV +
Development screenshot with synthetic records. Select it for the full capture.
+
+
+
+

Track applications

Save opportunities, review your progress and keep a record of what comes next.

+

Keep career details together

Build a Career Profile with experience you can refer to when preparing a CV.

+

Prepare a CV

Review a document in the editor before deciding what to send.

+
+
+
+
+

How it works

+
    +

  1. Add your experience

    Start with your Career Profile and record the details you want to reuse.

    2. +

  2. Prepare your CV

    Put a document together and review it before exporting.

    3. +

  3. Keep track of applications

    Record the roles you are pursuing, the status and your next step.

    4. +
+
+
+
+

Plans and pricing

+
+

Free

Plan layout preview. Entitlements and availability require release verification.

+

Pro

Plan layout preview. Price, billing terms and eligibility require approval.

+
+
+
+
+

Ready to start your next search?

Design preview. Registration and sign-in are inactive in this mockup.

+
+
+ + + diff --git a/docs/launch-site/concepts/index.html b/docs/launch-site/concepts/index.html new file mode 100644 index 00000000..ede41ee7 --- /dev/null +++ b/docs/launch-site/concepts/index.html @@ -0,0 +1,44 @@ + + + + + + + Homepage concepts | Jobjakt design review + + + + +
+

Homepage concepts

+

Compare four approaches and choose any combination of hero, navigation, typography, imagery and layout.

+

Static design review. The product captures show synthetic development fixtures.

+
+ + + + +
+
+ + diff --git a/docs/launch-site/concepts/minimal.html b/docs/launch-site/concepts/minimal.html new file mode 100644 index 00000000..fc997712 --- /dev/null +++ b/docs/launch-site/concepts/minimal.html @@ -0,0 +1,68 @@ + + + + + + + A · Modern Minimalist | Jobjakt design review + + + + +
Concept A · Modern Minimalist · Design reviewCompare concepts
+
+ Jobjakt + +
+
+
+
+
+

Your job search, organised.

+

Keep applications, career details and CVs together, so you can see what needs your attention next.

+
Create an accountExplore Jobjakt
+
+
+ Jobjakt application table with a saved community nurse role + Jobjakt application table with a saved community nurse role +
Development screenshot with synthetic records. Select it for the full capture.
+
+
+
+
+
+
+

A workspace for the whole job search

Keep the next step in view.

+ +
+
+

Track applications

Save opportunities, review your progress and keep a record of what comes next.

+

Keep career details together

Build a Career Profile with experience you can refer to when preparing a CV.

+

Prepare a CV

Review a document in the editor before deciding what to send.

+
+
+
+
+

How it works

+
    +

  1. Add your experience

    Start with your Career Profile and record the details you want to reuse.

    2. +

  2. Prepare your CV

    Put a document together and review it before exporting.

    3. +

  3. Keep track of applications

    Record the roles you are pursuing, the status and your next step.

    4. +
+
+
+
+

Plans and pricing

+
+

Free

Plan layout preview. Entitlements and availability require release verification.

+

Pro

Plan layout preview. Price, billing terms and eligibility require approval.

+
+
+
+
+

Ready to start your next search?

Design preview. Registration and sign-in are inactive in this mockup.

+
+
+ + + diff --git a/docs/launch-site/concepts/premium.html b/docs/launch-site/concepts/premium.html new file mode 100644 index 00000000..30804878 --- /dev/null +++ b/docs/launch-site/concepts/premium.html @@ -0,0 +1,68 @@ + + + + + + + B · Premium SaaS | Jobjakt design review + + + + +
Concept B · Premium SaaS · Design reviewCompare concepts
+
+ Jobjakt + +
+
+
+
+
+

Make the next move with a plan.

+

Save the roles you want to pursue, prepare documents and see your applications move forward.

+
Create an accountExplore Jobjakt
+
+
+ Jobjakt dashboard showing synthetic nursing, teaching and engineering applications + Jobjakt dashboard showing synthetic nursing, teaching and engineering applications +
Development screenshot with synthetic records. Select it for the full capture.
+
+
+
+
+
+
+

The workspace

See what needs your attention.

+ +
+
+

Track applications

Save opportunities, review your progress and keep a record of what comes next.

+

Keep career details together

Build a Career Profile with experience you can refer to when preparing a CV.

+

Prepare a CV

Review a document in the editor before deciding what to send.

+
+
+
+
+

How it works

+
    +

  1. Add your experience

    Start with your Career Profile and record the details you want to reuse.

    2. +

  2. Prepare your CV

    Put a document together and review it before exporting.

    3. +

  3. Keep track of applications

    Record the roles you are pursuing, the status and your next step.

    4. +
+
+
+
+

Plans and pricing

+
+

Free

Plan layout preview. Entitlements and availability require release verification.

+

Pro

Plan layout preview. Price, billing terms and eligibility require approval.

+
+
+
+
+

Ready to start your next search?

Design preview. Registration and sign-in are inactive in this mockup.

+
+
+ + + diff --git a/docs/launch-site/concepts/professions.svg b/docs/launch-site/concepts/professions.svg new file mode 100644 index 00000000..fdfee1f3 --- /dev/null +++ b/docs/launch-site/concepts/professions.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/launch-site/concepts/renders/checks.json b/docs/launch-site/concepts/renders/checks.json new file mode 100644 index 00000000..45fc8b40 --- /dev/null +++ b/docs/launch-site/concepts/renders/checks.json @@ -0,0 +1,146 @@ +{ + "checks": [ + { + "page": "minimal", + "width": 1440, + "height": 1000, + "passed": true, + "axeViolations": [] + }, + { + "page": "minimal", + "width": 768, + "height": 1024, + "passed": true, + "axeViolations": [] + }, + { + "page": "minimal", + "width": 390, + "height": 844, + "passed": true, + "axeViolations": [] + }, + { + "page": "minimal", + "width": 320, + "height": 720, + "passed": true, + "axeViolations": [] + }, + { + "page": "premium", + "width": 1440, + "height": 1000, + "passed": true, + "axeViolations": [] + }, + { + "page": "premium", + "width": 768, + "height": 1024, + "passed": true, + "axeViolations": [] + }, + { + "page": "premium", + "width": 390, + "height": 844, + "passed": true, + "axeViolations": [] + }, + { + "page": "premium", + "width": 320, + "height": 720, + "passed": true, + "axeViolations": [] + }, + { + "page": "human", + "width": 1440, + "height": 1000, + "passed": true, + "axeViolations": [] + }, + { + "page": "human", + "width": 768, + "height": 1024, + "passed": true, + "axeViolations": [] + }, + { + "page": "human", + "width": 390, + "height": 844, + "passed": true, + "axeViolations": [] + }, + { + "page": "human", + "width": 320, + "height": 720, + "passed": true, + "axeViolations": [] + }, + { + "page": "editorial", + "width": 1440, + "height": 1000, + "passed": true, + "axeViolations": [] + }, + { + "page": "editorial", + "width": 768, + "height": 1024, + "passed": true, + "axeViolations": [] + }, + { + "page": "editorial", + "width": 390, + "height": 844, + "passed": true, + "axeViolations": [] + }, + { + "page": "editorial", + "width": 320, + "height": 720, + "passed": true, + "axeViolations": [] + }, + { + "page": "index", + "width": 1440, + "height": 1000, + "passed": true, + "axeViolations": [] + }, + { + "page": "index", + "width": 768, + "height": 1024, + "passed": true, + "axeViolations": [] + }, + { + "page": "index", + "width": 390, + "height": 844, + "passed": true, + "axeViolations": [] + }, + { + "page": "index", + "width": 320, + "height": 720, + "passed": true, + "axeViolations": [] + } + ], + "externalRequests": [], + "device": "Chromium desktop emulation" +} diff --git a/docs/launch-site/concepts/renders/editorial-desktop.png b/docs/launch-site/concepts/renders/editorial-desktop.png new file mode 100644 index 00000000..4db032c8 Binary files /dev/null and b/docs/launch-site/concepts/renders/editorial-desktop.png differ diff --git a/docs/launch-site/concepts/renders/editorial-phone.png b/docs/launch-site/concepts/renders/editorial-phone.png new file mode 100644 index 00000000..f368efe4 Binary files /dev/null and b/docs/launch-site/concepts/renders/editorial-phone.png differ diff --git a/docs/launch-site/concepts/renders/human-desktop.png b/docs/launch-site/concepts/renders/human-desktop.png new file mode 100644 index 00000000..ef0e3121 Binary files /dev/null and b/docs/launch-site/concepts/renders/human-desktop.png differ diff --git a/docs/launch-site/concepts/renders/human-phone.png b/docs/launch-site/concepts/renders/human-phone.png new file mode 100644 index 00000000..3fbe3eae Binary files /dev/null and b/docs/launch-site/concepts/renders/human-phone.png differ diff --git a/docs/launch-site/concepts/renders/minimal-desktop.png b/docs/launch-site/concepts/renders/minimal-desktop.png new file mode 100644 index 00000000..9c1e4c2d Binary files /dev/null and b/docs/launch-site/concepts/renders/minimal-desktop.png differ diff --git a/docs/launch-site/concepts/renders/minimal-phone.png b/docs/launch-site/concepts/renders/minimal-phone.png new file mode 100644 index 00000000..7ac2380f Binary files /dev/null and b/docs/launch-site/concepts/renders/minimal-phone.png differ diff --git a/docs/launch-site/concepts/renders/premium-desktop.png b/docs/launch-site/concepts/renders/premium-desktop.png new file mode 100644 index 00000000..2ece32f3 Binary files /dev/null and b/docs/launch-site/concepts/renders/premium-desktop.png differ diff --git a/docs/launch-site/concepts/renders/premium-phone.png b/docs/launch-site/concepts/renders/premium-phone.png new file mode 100644 index 00000000..f91a9fe0 Binary files /dev/null and b/docs/launch-site/concepts/renders/premium-phone.png differ