Website redesign flow

Status and entry point

First responsive homepage frame · 13 September 2026. Open Website redesign in the Flows catalog. This is a design prototype; the production website has not changed. The copy follows the supplied Rechaj Positioning Memo (2026); this adaptation is ready for review.

Reference interpretation

The user selected Wunder Power for the overall frame and design language: generous space, a restrained navigation bar, large split hero, subtle ruled grid, panoramic media and editorial sections. Base Power informs only the oversized footer wordmark beneath navigation links.

Rechaj supplies the identity: General Sans, primary green, forest, electric yellow, cream, the exact two-tone mark and cropped angular bolt graphics. The typography remains Rechaj’s own. Design-reference media, logos and copy are not reused; investor logos are sourced separately from their official websites as requested.

This public marketing surface follows the product’s established website guidance. The initial web starter supplied the shared stylesheet links and brand foundations; internal dashboard navigation and data components do not describe this visitor journey.

Page composition

1. Sticky navigation with a clear contact action and a mobile menu.
2. Split hero: “Powering Africa at work.” alongside the productive-potential thesis and an “Our thesis” link to the founders’ manifesto.
3. Panoramic Rechaj video with a cropped brand graphic and pause/play control.
4. Green statement strip and a mission section that establishes the wider productive-energy purpose.
5. Forest network section with a pinned scroll story through commercial mobility and planned SME and industrial applications; tabs remain available.
6. Dedicated commercial-mobility section pairing the original station–road–home animation with battery-energy, swapping and home-use copy.
7. Economic impact philosophy paired with the user-supplied view from inside a keke.
8. Oversized impact-number strip: 30% lower daily operating costs, 4 tonnes of CO₂ avoided per electric tricycle annually, and 400 MWh of clean energy delivered through battery swapping.
9. Compact SDG contribution section covering Goals 7, 8, 11 and 13.
10. Compact “Backed by” section with the five user-specified investors, using official logos in monochrome forest on cream.
11. Forest footer with navigation above a near-full-width Rechaj wordmark in muted forest (#293D2F), subtly visible against the darker background (#0F1D13).

Responsive behavior

The wide layout uses paired columns and generous spacing. Below 800px, the hero, solution content, mobility explanation and impact story stack. The header retains its contact action and exposes a menu button. Footer navigation remains compact, while the wordmark scales with the viewport. Tablet spacing tightens below 1100px.

Working interactions

• The hero’s “Our thesis” link opens the founders’ manifesto in the blog. Header and footer links navigate to real sections. Reliable-energy and expansion links in the footer also select the corresponding panel. Mobility links lead to its dedicated explanation.
• The mobile menu supports opening, closing, Escape and closing after navigation.
• Network panels advance with native scrolling on sufficiently large screens and reverse when scrolling upward. Tabs expose selected state and panel relationships; Left/Right, Home and End keys move selection and focus. Direct tab and footer selections also move to the corresponding scroll position when pinning is enabled.
• Video playback can be paused or resumed. Reduced-motion preferences disable autoplay and animations.
• Header, network and footer contact links open an email draft to team@rechaj.co, matching the current public website. The careers section has been removed. There is no form or submission service.
• A skip link, semantic heading hierarchy and visible focus styles support keyboard use.

Assets and content provenance

• assets/engineer.png: copied unchanged from the existing website’s app/images/man-engineer.png.
• assets/green-mark.svg and assets/lime-mark.svg: existing website brand graphics, copied unchanged.
• assets/energy.mp4: user-supplied 313952.mp4, showing city streets, buses, traffic and people. The full 43.2-second clip is compressed from 3840 × 2160 (197,292,820 bytes) to 1920 × 1080 (7,364,606 bytes), preserving 25 fps. H.264 CRF 25, slow preset, yuv420p, faststart; audio removed for the muted header. The original download is unchanged.
• Fonts and exact header logo come from Rechaj’s shared design system.

The user’s Rechaj Positioning Memo (2026) guides the public copy. The page positions Rechaj as productive energy infrastructure, makes commercial mobility the starting point and describes logistics, commerce, cooling, tools and light industry as future expansion. The network copy describes solar as central to a mix designed for reliability. Customer economics and uptime are goals without invented performance guarantees. The internal memo itself is not included in public site assets. The impact-number strip carries the three figures currently published on Rechaj’s website, with their original scope and a source link. No additional statistics, testimonials or prices are invented. Privacy-page design and legal navigation remain a later surface in the project inventory.

Validation

Review the hero and footer at wide and narrow widths, all three solution states, mobile menu dismissal, video controls, image loading and document overflow. Run the scoped canon lint, JavaScript syntax check and Astro build after changes. The public marketing layout is outside the internal-app shell classifier, so the zero-error lint does not certify dashboard-shell parity.

Mission and mobility refinement

Reviewed rechaj.com on 13 September 2026 at the user’s request. Its current public offer supports the mobility detail: daily battery swaps, flat daily pricing and home energy use at night. The contact address is team@rechaj.co. The later impact-number section carries the three published metrics, verified against the live website on 13 September 2026.

The positioning memo remains the authority for the wider mission. That mission is explicit in the hero and the next editorial section; mobility is described as the first application, with expansion ambitions clearly distinguished. The header links to the mission, network and dedicated mobility section.

Sustainable Development Goals

A compact section after the impact story and impact-number strip lists all four goals identified on rechaj.com: 7 (Affordable and Clean Energy), 8 (Decent Work and Economic Growth), 11 (Sustainable Cities and Communities) and 13 (Climate Action). Goal numbering follows the UN goals directory. The section uses the SDG number, title and pictogram artwork on forest tiles against the brand cream background, with a four-column desktop row and a two-column mobile grid. The monochrome treatment replaces the initial numbered circles at the user’s request. Each goal has a short contribution statement, and a link opens the UN directory in a new tab. It presents contribution areas without adding impact statistics or certification claims.

SDG vector assets are sourced from Open SDG’s goal artwork, with matching files for Goals 8, 11 and 13. The source’s white vector paths are retained; a forest square supplies the user-requested monochrome brand treatment. Empty browser-extension link/style tags in the source were removed. The section retains the goal names as readable HTML text beside the icons.

Public copy must omit retrofitting and vehicle-conversion messaging, per the user’s direction. Mobility communication focuses on reliable battery energy, swapping, livelihoods and use beyond the road.

Mobility animation

The user requested the animation shown on the current website. The local main checkout contains the older solar homepage; the animation is in the existing origin/new-landing source at app/images/landing/rechaj-animation.gif, referenced by its Hero component. The source revision is 2316924150c5777c9404e592bc0616602cabf0cb.

The original 736 × 586 GIF is copied unchanged to assets/mobility-animation.gif. It contains 293 frames over six seconds. A still poster is extracted from frame 100 without altering the artwork. The split layout places the explanation beside the animation on desktop and stacks it on mobile, preserving the full scene without cropping.

Playback begins when the scene comes into view. The control freezes the current visible frame in a canvas; resuming returns to the original looping GIF. Moving offscreen freezes the display, and reduced-motion preferences initially show the still poster. Visitors can explicitly start playback. If the animated asset fails, the poster and written explanation remain. Public copy continues to omit retrofitting and vehicle-conversion messaging.

Network scroll story

The network section uses a sticky stage below the header and three scroll intervals. Normal downward scrolling advances Commercial mobility → SMEs → Industry; upward scrolling reverses that order. The active tab updates with the visible panel, and a short fade introduces each change. No wheel or touch scrolling is intercepted.

The stage reserves the tallest panel’s height so switches do not move surrounding content. Direct clicks and keyboard selection move to the appropriate scroll interval. Focus inside a panel protects it from automatic switching until focus leaves.

Pinning is enabled at widths of at least 900px and heights of at least 720px, only when the measured stage fits beneath the header and reduced motion is off. Smaller or shorter viewports, reduced-motion users and no-JavaScript rendering retain the normal section layout; its three tabs remain the interaction when JavaScript is available. Resize and font readiness trigger new measurements.

Large screens (at least 1200 × 960) use roomier heading/tab spacing, larger type and artwork, and a wider gap between the artwork and text. The stage centers its content vertically in the available viewport. Every panel is measured at this size; compact spacing is used if the larger treatment cannot fit, retaining the scroll interaction without clipping.

Backed by

The investor list and backing claim were supplied by the user: Ventures Platform, Novastar Ventures, E3 Capital, Equator Ventures and Kaleo Ventures. A compact section follows the SDGs, using the brand cream background with forest ink and the same restrained spacing. Five optically balanced logos form one desktop row, capped at 112px wide (48px for the taller E3 mark), with 24px section padding and a compact 56px logo row. Mobile uses smaller marks in two columns with the final logo centered and 24px section padding. Each logo links to the investor’s official website, with descriptive alternative text and keyboard focus.

Logo sources, retrieved 13 September 2026:

• Ventures Platform: header SVG extracted from its official homepage.
• Novastar Ventures: header SVG extracted from its official homepage; inherited color resolved to forest.
• E3 Capital: official logo asset, linked by E3 Capital.
• Equator: official header logo from Equator.
• Kaleo Ventures: official header logo from Kaleo Ventures.

The original logo shapes and proportions are retained in local assets; a presentation filter renders their visible pixels in Rechaj forest while retaining transparency. No investor taglines or funding amounts are added.

Decorative brand patterns

Selected sections extend the hero’s box grid and Rechaj’s cropped angular identity. A fine, low-contrast grid frames the mission section; a faint existing green mark and an angular outline sit at the edges of the dark impact copy panel; a small box grid accents the upper-right SDG heading area. These are static, decorative, non-interactive layers, hidden from assistive technology and reduced in size or contrast on mobile. The investor strip retains its compact height and plain cream background. Section order, copy and interactions are unchanged.

Impact numbers

Inspired by the oversized horizontal statistics strip on Wunder Power, this section uses large General Sans figures, smaller inline units, short labels and generous spacing on brand cream. It sits directly after the impact philosophy and before the cream SDG section. The three figures move continuously from right to left in a full-width horizontal marquee on desktop and mobile. A second, equal-width group provides a seamless repeat and is hidden from assistive technology. Playback is automatic only while the marquee is in view, and pauses offscreen or in hidden browser tabs. There is no visible play/pause button. Reduced-motion settings and JavaScript-disabled browsers show the original static row (stacked on mobile). The footer’s “Our impact” link leads here. The figures themselves remain fixed; this is not a live metrics feed.

Figures were checked on the live Rechaj website on 13 September 2026 and match app/components/MetricsSection.tsx in the existing website repository’s origin/new-landing branch: 30% reduction in daily operating costs; 4 tonnes of CO₂ avoided per electrified tricycle annually; 400 MWh of clean energy delivered through battery swapping. The annual per-tricycle scope is retained; the energy figure is not labeled annual because the source gives no reporting period. The public source line beneath the numbers is removed at the user’s request; provenance remains recorded here. These are Rechaj’s published claims, not independently audited findings or newly calculated metrics.

Outlined shapes on forest backgrounds

The footer and network section reuse the exact outlined angular marks from the existing website’s app/images/landing/watermark.svg and watermark-2.svg on origin/new-landing, matching the user’s screenshot. Local copies are assets/outline-mark-green.svg and assets/outline-mark-lime.svg; the green SVG’s inherited color is resolved to brand green, while the yellow source retains its built-in opacity. The impact panel’s earlier simplified outline is replaced by this original artwork.

These thin green and lime outlines are large and clipped at section edges, behind the content, with restrained opacity and smaller mobile crops. A separate clipping layer in the network stage preserves sticky scrolling. The footer’s dark wordmark color stays unchanged. Decorative layers are hidden from assistive technology and cannot intercept interactions.

Blog and first founders’ letter

The website now links to blog/index.html, featuring the first article, and blog/powering-africa-at-work.html, its reading page. The article is co-attributed to Osita, David and Jamiu as requested; initials serve as identity marks rather than invented portraits. Both routes reuse the current header, footer, palette, typography and brand geometry.

The Moniepoint reference informed the clear headline/byline hierarchy, category and reading metadata, spacious lead visual and comfortable article column. Its text and imagery are not reused. Rechaj’s cover is an original typographic composition using existing brand SVGs.

The 556-word first-person founders’ letter is an assistant-prepared editorial draft based on the supplied Rechaj positioning, explicitly labeled for review. No publication date, founder surnames, personal experiences, financial figures or new metrics are invented. The pages are marked noindex while draft. The user was asked whether to supply article copy or use a draft; content remains editable pending review.

Working interactions include home/blog/article navigation, a mobile menu, article section anchors, copy-link feedback and a reading-progress indicator. A single genuine article replaces empty categories or invented related stories. This is a static design prototype, not a deployed publishing backend.

Background study — option 1

The impact marquee, SDGs and investor strip share the brand cream (#FDFFEC), creating one continuous light surface before the forest footer. Existing spacing, typography and fine rules distinguish the sections. The earlier arrangement was cream / white / cream; this option changes only the SDG background, preserving section heights, artwork and interactions. Further variants await the user’s direction.

Background study — option 2

The impact marquee uses the supplied brand-board pale green shade #E3FCE7, with forest typography. SDGs and investor logos remain on brand cream #FDFFEC. This gives the impact figures a distinct surface while keeping the two supporting sections visually connected. Layout, section height, icon colors and motion are unchanged. Option 1 used cream across all three sections.

Background study — option 3

Forest (#0F1D13) for the impact marquee, with cream numbers, soft-light labels and green eyebrow; cream (#FDFFEC) for SDGs; pale mint (#E3FCE7) for the investor strip. This introduces stronger contrast around the figures. Fine rules and interactive focus indicators are adjusted for the dark background. Geometry, section height and motion remain unchanged.

Impact photograph

The user-supplied pexels-binabdullah-photos-470445651-31451496.jpg replaces the worker cutout and green backdrop in the impact section. It is copied unchanged to assets/nigeria-street.jpg (3024 × 4032). CSS crops the photograph to fill the image panel, focused toward the tricycles and road at 50% / 72%. The adjoining text panel uses bright Rechaj green with forest text, a forest CTA circle and subtle dark edge motifs. Alt text describes the street scene without implying that the pictured vehicles are Rechaj customers or equipment.

Current impact numbers background

At the user’s request, “Progress, in numbers” returns to brand cream (#FDFFEC), with forest numbers and muted dark labels. The marquee and spacing are retained. SDGs stay cream; the investor strip now uses primary brand green.

Investor background

The compact “Backed by” strip uses Rechaj’s primary bright green (#01E46F), matching the impact story panel, with forest heading and monochrome forest logos. A subtle dark rule and forest keyboard focus indicators preserve contrast. Existing logo sizes and section spacing remain unchanged.

Progress grid pattern

A subtle forest square-line grid sits across the cream progress section, echoing the existing checked pattern. The decorative SVG repeats at 80px, sits behind the content and ignores pointer events. Its low opacity keeps the moving figures readable.

Careers page

The dedicated careers page is available through the header and footer and registered as a separate Careers flow. It includes mission, areas of work and an email open application; the user-supplied Regional Energy Infrastructure Lead role has a detail page with proposed copy for review. It reuses the marketing shell and does not restore the removed homepage careers CTA section.

The browser favicon uses the exact user-supplied icon - edid this.svg: a bright green circle with a forest Rechaj mark. The SVG is copied unchanged into the shared website assets and linked on every page.

Network story color update

The user restored the original forest background with cream headings, soft light body text, green active tabs and green action circles. Mobility and expansion use green cards with yellow shapes; reliable energy uses a yellow card with a green shape. The original green and yellow outline motifs are restored. The pinned scroll stage and responsive tab behavior are preserved.

Header positioning refinement · 14 September 2026

The header subtext follows the user-shared “Craft Rechaj Platform Story” conversation: productive activity already exists across Africa, unreliable energy constrains it, and distributed energy can enable greater productivity, income and prosperity. The accepted “Powering Africa at work.” headline and underline remain. This first copy refinement focuses on the header; it makes no claim of exclusively renewable generation or guaranteed customer outcomes.

Mission and video narrative · 14 September 2026

The video caption reads “When energy works, Africa works.” beneath “Powering what comes next”, connecting the street footage to the productive-potential thesis. The mission heading is “Productive lives. Cleaner growth.” Its copy joins income and business growth with reduced emissions, and its three principles cover uptime, customer economics and cleaner energy adoption. Climate outcomes are framed as a goal supported by customer value; solar is central to the mix without implying exclusively renewable supply.

Mobility card video · 14 September 2026

The commercial-mobility card uses the user-supplied rechaj_mobility_forest-shade.mp4 in place of the green fill and cropped yellow mark. Cream text sits over the footage with a subtle forest overlay. The full eight-second, 30 fps clip is encoded at 1280 × 720, H.264 CRF 25, yuv420p, with faststart and no audio: 4,455,421 bytes becomes 1,544,206 bytes. The original download is unchanged. A frame extracted at two seconds provides the local poster.

The video loads on first visibility and pauses offscreen, in another network tab, or when the browser tab is hidden. Reduced-motion visitors initially see the poster; a labeled pause/play control supports an explicit choice. Existing network scrolling and the separate mobility explanation animation remain.

Commercial mobility offering · 14 September 2026

The mobility panel leads with “Battery as a Service for Africa’s commercial mobility.” Supporting copy describes riders moving people and goods on two and three wheels, quick swaps, reliable energy, lower running costs and downtime, and more retained earnings. It does not assert an unverified continent-wide majority share or single out tricycles. “See how mobility works” links to the existing mobility section and station–road–home animation.

Driver benefits, KAG and impact photograph · 14 September 2026

The mobility explanation now describes driver benefits: retained earnings and predictable flat daily energy fees, quick swaps and lower routine drivetrain maintenance, a quieter and smoother ride, and no tailpipe emissions during electric driving. Pricing language concerns energy purchases, not zero vehicle running costs or a permanent price guarantee. Maintenance is framed as a typical electric-drivetrain benefit, not a promise of no breakdowns. Emissions wording is tailpipe-specific, not zero lifecycle carbon. General technical grounding: US DOE AFDC maintenance and emissions.

A separate forest highlight beneath the original animation is labeled “KAAG” and explains that the same battery used for driving can power the home at night. The home-use offering comes from the user and existing Rechaj context; no appliance capacity or runtime is invented.

The impact photo now uses assets/keke-driver-view.jpg, copied unchanged from the user-supplied pexels-the-artdairector-1817295-27665486.jpg (4032 × 2268). Centered cover cropping preserves the driver and road view at desktop and mobile sizes. The photo illustrates the driver’s perspective, without claiming the pictured vehicle is a Rechaj customer or electric vehicle.

Impact statement refinement · 14 September 2026

The impact statement now opens with the user-directed assertion that customers choose Rechaj for both better economics and better uptime. It connects climate impact to practical economic value, constrained household and business budgets, lower energy spending and more retained income.

The home-power highlight uses the user-requested label “KAAG” and refers to “your vehicle” in its supporting copy.

The mobility benefits section omits the “Talk to us about mobility” link at the user’s request.

Planned SME and industrial applications · 14 September 2026

Network tabs now read Commercial mobility, SMEs and Industry. The original panel IDs are retained so scroll selection, keyboard navigation and footer links continue working. SME and industrial art labels and detail eyebrows explicitly mark future plans; commercial mobility remains the starting point. All website footer labels use “SMEs (planned)” and “Industry (planned)” to match the destination.

The SME narrative describes a planned extension of the mobility network for print shops, welders, farmers storing harvests and frozen-food traders. The industrial narrative describes a longer-term ambition for grid-scale battery energy storage systems (BESS) and large-scale productive solar serving factories, processing plants and energy-intensive operations. These are user-supplied ambitions, not commissioned projects or currently available offers. These panels explain the roadmap without presenting an application or purchase action for an available service.

Research checked on 14 September 2026:

• World Bank, Africa’s Pulse, October 2025, printed pages 50–51: around 71% of surveyed businesses in sub-Saharan Africa experienced outages, using Enterprise Survey 2023/24 estimates. This is not a count of all African SMEs and does not represent informal enterprises universally. The visible note preserves the surveyed-business and regional scope.
• IEA, Financing Electricity Access in Africa, 2025: productive users as anchor loads, especially for mini-grids, can stabilise and expand revenue and improve commercial viability. The visible note explicitly says mini-grids; it is contextual evidence for the productive-demand thesis, not proof of Rechaj’s future grid-scale project economics.
• IEA, Clean Energy Investment for Development in Africa, 2024: productive uses, including industry and agriculture, can provide customers that support investment in energy infrastructure. Household access still has value; the thesis does not dismiss it.

The SME introduction now opens “Beyond mobility, we see the same network powering…”; the planned-expansion labels remain. Suggested footage direction: a frozen-food trader retrieving stock from a working freezer for SMEs, and an operating factory production line for Industry, optionally paired with a wide solar installation shot. Use short, calm loops and the same forest treatment as the mobility card. These are creative directions, not selected footage or evidence of Rechaj deployments.

SME and Industry photography

The SME card uses the supplied welder_forest-shade.jpg (1200 × 630); Industry uses factory-line_forest-shade.jpg (800 × 521), copied unchanged from the user’s Downloads folder. Both replace the flat fill and bolt artwork with edge-to-edge, centered cover photography, cream typography and a subtle forest gradient for legibility. The existing forest tint is retained. Planned labels remain visible; the images illustrate intended use cases rather than documented Rechaj installations.

Revised impact estimates · 14 September 2026

The progress marquee uses the user-supplied operational estimates: ₦7,250 saved per rider working day; approximately ₦830M cumulative savings; 36% lower fuel-plus-servicing costs (32% fuel alone); approximately ₦130M monthly savings at August volume; approximately 1.55M litres of petrol displaced; and approximately 3,600 tonnes of petrol tailpipe CO₂ avoided. These replace the former 30%, 4-tonne and 400 MWh cards. Monetary savings are not presented as a percentage increase in take-home earnings.

The expandable methodology gives the baseline: 240,309 swaps / 2.1 swaps per rider-day = 114,432.86 rider-days; × ₦7,250 = ₦829.64M. Petrol consumption is ₦19,000 / ₦1,400 = 13.57 L per rider-day; cumulative displacement is 1.553M L. The EPA reference gives 8,887 g CO₂ per US gallon, approximately 2.35 kg/L. Climate copy explicitly identifies tailpipe CO₂ and excludes charging and upstream emissions, rather than claiming net CO₂e savings. Reporting-period dates and August year were not supplied and are not invented.

The unsupported upstream 4,300-tonne estimate and take-home percentage remain unpublished. The annual run-rate is not a cumulative result: ₦130M/month would imply about 2.92M L/year and 6,900 t tailpipe CO₂/year, not 1M L. Per-rider annual claims additionally depend on working days. The marquee now sizes columns independently of the metric count and preserves visibility-based playback and a static reduced-motion grid.

USD display at the supplied exchange rate

All public impact monetary amounts use USD at the user-specified fixed rate of ₦1,320 per US dollar. Daily rider savings: ₦7,250 / 1,320 = $5.4924, displayed as $5.49. Cumulative savings: ₦829,638,214 / 1,320 = $628,513.80, displayed as approximately $629k (the rounded ₦830M headline also rounds to $629k). Monthly run-rate: ₦130M / 1,320 = $98,484.85, displayed as approximately $98.5k. The methodology discloses the supplied rate and rounding, and converts the petrol assumptions to $14.39/day and $1.06/L while retaining the unrounded calculation. This is a fixed presentation rate, not a live FX feed. Percentage and climate figures are unchanged.

Impact methodology disclosure removed

At the user’s request, the “How we estimate impact” disclosure and its styles were removed from the public page. The calculation assumptions and fixed USD exchange rate remain documented above for internal reference. The marquee retains its estimate labels, August-volume monthly run-rate qualifier and charging-emissions exclusion.

User-revised impact headlines

The displayed monetary values are now $5.5 per rider working day, approximately $700k cumulative savings, and approximately $100k per month at August volume, as explicitly requested. The petrol-displacement metric was removed; five metrics remain. The $700k headline is a user-provided revision, not a rounding of the previous $629k conversion; no new calculation or underlying operational dataset was supplied for that revision. Earlier calculations above remain historical provenance, not validation of the revised cumulative headline.

Centered mobile SDG cards

At widths up to 800px, each SDG card centers its icon, heading and description within its column. The two-column grid retains equal gutters; descriptions sit symmetrically below their icons. At 360px and below, the existing single-column layout also uses a centered vertical stack. Desktop alignment and the section heading are unchanged.

Announcement banner

A slim forest-green announcement strip sits above navigation on the homepage, blog and careers pages. Its initial message promotes the founders’ thesis with a working “Learn more” link; no fundraising amount or event is invented. Replace the message and article destination in the page markup when an announcement is ready. Shared announcement.js enables a labelled 44px dismiss button and moves focus to the logo after dismissal; dismissal lasts for the current page visit. Without JavaScript, the message/link remain visible and the inactive dismiss button stays hidden. The strip scrolls away, allowing the existing sticky header and network scroll offsets to remain unchanged. Mobile text wraps centrally with space reserved for the close button.

Social sharing previews

Each page has a dedicated 1200 × 630 PNG social image under assets/social, with vector SVG originals using outlined General Sans and the existing Rechaj logo and angular mark. Images are approximately 66–72 KB and use cream, forest, brand green and electric yellow. The homepage, journal, founders’ thesis, careers index and role have distinct copy. Open Graph and Twitter large-image metadata, image dimensions, alternative text and canonical URLs are emitted directly in HTML so preview crawlers need no JavaScript. The article has Open Graph article type; other pages use website.

The current absolute base URL comes from the existing design.rechaj.com deployment. Change baseUrl in social-metadata.json and run node scripts/rechaj-social-meta.mjs from the repository root before deployment to a different domain or route root. Metadata is local until deployed; localhost and authenticated/private URLs cannot provide public share previews. Existing draft noindex settings remain intact. Source protocol references: https://ogp.me/ and https://api.slack.com/robots.