New assets reviewed.

• Space Universe pack (one 13-page PDF):
  • Vector horizontal and stacked logos in blue, white and grey, plus the mark on its own.
  • The palette: indigo #2E3191, blue #0071BB, grey #848484 and white.
  • A letterhead: curved indigo bands, the mark used as a large pale watermark bleeding off the edge, the address, phone, email and RC number.
  • There is no photography, no typography guide, and no wider brand guide beyond the palette page.
• Transmit pack: logo versions (black, white, and both on black or white grounds) and app icons (circle, square and rounded, in colour and black and white). No screenshots, campaign examples, photography or guide.

Audit of version 2 (weakness, why it matters, what changed):

1. The parent identity was invented. v2 used one blue on white; the real brand is indigo, blue and grey with curved bands and a giant watermark. Visitors would not connect the site to Space Universe's own materials. Change: the homepage hero is now the letterhead at web scale (indigo field, the mark bleeding off the edge, curved lower edge). The footer echoes the letterhead band, and parent pages carry the pale watermark.
2. The header logo was unreadable. It was a cropped screenshot of the stacked logo. Change: the vector horizontal lock-up from the new pack.
3. The directory was six identical cards. Every company looked equally weighted and generic. Change: an asymmetric directory where each tile is built from that company's own assets and shows the one thing that explains it best: Arc's services, Transmit's channels, Carmel's platform numbers, Aropsaid's pattern, End-to-End Pay's accept–process–manage, Ajewa's 50/50 split.
4. The propositions weren't self-explanatory. First-time visitors had to read several sections to learn who each company is for. Change: every company page now has an "at a glance" strip under the hero (who it's for, the problem it solves, what you get, next step), and all six descriptions are rewritten in plain language.
5. Transmit was described, not shown. Change: the page now opens on Transmit's own black background with its white lock-up. A channel hub diagram puts the real app icon at the centre, with radio, web, social and digital OOH around it. A four-stage timeline (book, pay, track, extend) follows. No interface was invented; screenshot slots appear only in review mode.
6. Each company page ended with the same coloured CTA banner. Every page dead-ended on "go to the contact page". Change: each page ends with its own enquiry form in that brand's colours, with a question specific to the business (channels, deployment model, service, payment setting, operator type). Hero buttons now scroll to it.
7. Diagrams were missing where products are complex. Change: Carmel has a platform stack (your brand, player products, operator tools, payments, support). Aropsaid has a market-entry pathway with compliance running throughout. End-to-End Pay shows how a payment moves (customer, End-to-End Pay, your business). Ajewa shows its four-step launch journey beside the supplied screenshot of its website.
8. "Rooted in Yaba" had nothing behind it. Change: the real address from the letterhead now carries it, on the homepage, the contact page (with copy buttons) and the footer, with the RC number.
9. The homepage was too long on mobile, and unfinished placeholders were public. Change: the duplicate company profiles, separate careers band and final CTA band are merged into fewer sections. Placeholder slots now show only in review mode.
10. Navigation labels. "Talk to us" went to Partnerships; it now goes to Contact. The company switcher now uses each company's full name.

Concept. The parent brand behaves like a well-set company register: white ground, near-black ink, one Space Universe blue, Montserrat set large and tight, and IBM Plex Mono for small labels (sector names, eyebrows). The parent stays quiet on purpose, so each company's real logo and colour can carry its own section.

Why this direction. The supplied assets are six very different identities (purple and gold, orange, two different blues, red and ink, yellow) plus a parent mark in a single blue. Any expressive parent palette would fight them. A restrained frame lets all six sit side by side without looking like a template. The one bold move is the homepage register: the six companies set out as a single row, each with its colour band, logo and one supplied fact, so the group's actual breadth is the first thing a visitor sees.

Parent and companies. Header, footer, grid, type scale, buttons, forms and the company bar (breadcrumb + six-company switcher) are shared. Inside a company page, [data-co] swaps the accent, button colours, focus colour and, where a guide specifies it, the typeface (Communications Arc: Poppins + Inter; Aropsaid: Poppins body). Every company page then uses a different storytelling structure (see below).

How it avoids template aesthetics. No gradients, glass or glow; no stock photos; no fake dashboards. The only shapes come from the brands' real marks. Lists are typographic rows rather than repeated rounded cards. Numbers appear only where supplied, next to the capability they describe.

• / Home
  • /about About Space Universe
  • /companies Our companies
    • /companies/communications-arc
    • /companies/transmit
    • /companies/carmel-technologies
    • /companies/aropsaid
    • /companies/end-to-end-pay
    • /companies/ajewa
  • /careers Careers
  • /partnerships Partnerships
  • /contact Contact

Primary navigation: About · Our companies (mega-menu) · Careers · Partnerships · Contact, plus the "Talk to us" CTA (→ Partnerships). Home is the logo. Careers stays in the nav as plain text so it never competes with the CTA.

Page relationships. Every company page carries a company bar (Space Universe › Our companies › Company) with a switcher to the other five, and ends with a "more from Space Universe" strip. Company CTAs open Contact or Partnerships with the company already selected. In the prototype, routes are hash tokens (#transmit); in production map each token to the path in the table under SEO.

Tokens come from the Space Universe design system artifact (same names). The site is deliberately light-only: most supplied logos are built for light grounds.

Grid and spacing. 12 columns, 1320px max, 16px minimum gutter (safe-area aware), 24/32px gaps. Section padding is fluid 56→128px. Spacing steps: 4, 8, 12, 16, 24, 32, 48, 64, 96. Desktop sections use a 3-column label rail plus a 9-column main area.

Components.

• Buttons: pill, 48px tall (40px small). Primary = accent fill; Ghost = 1.5px line-strong border; Light and Outline-light for dark bands. Hover darkens the fill and nudges the arrow 3px. Active moves 1px down. Focus = 2px solid ring, 3px offset.
• Links: 600 weight in accent colour, underline on hover. External links get ↗.
• Register column: 6px brand band · sector (mono) · logo · one supplied fact · name link. Company profile: brand panel on an allowed ground · name and sector · description · specifics · company-coloured CTA plus a link to the company page. Chain: numbered stages, used because the order carries meaning. Router: an ARIA radio group with arrow-key navigation; the answer panel updates in a polite live region.
• Rule list, steps, stat strip, chips: typographic alternatives to cards. Steps are numbered only where the order matters.
• Forms: 48px inputs with a 1.5px border; the label sits above. Errors show on submit, then live as you fix them; an error summary at the top takes focus. Success replaces the form with a confirmation panel.
• Company bar: breadcrumb plus a six-company switcher. It wraps on mobile.

Company identity rules. Use each company's own logo file at a 26–56px height on the ground its guide allows (see asset map). Never recolour a logo to match the parent. A company's colour appears only inside its own page, its directory row hover and its mosaic tile.

Motion. Page change: 350ms fade-and-rise. Hover: 150–250ms colour and transform changes. No scroll-jacking, parallax or autoplay. prefers-reduced-motion turns all of it off.

• Mega-menu: opens on click or Enter/Space, and on hover after a 120ms intent delay. It closes on Esc (focus returns to the trigger), on an outside click, on route change, or when you leave it for 250ms. aria-expanded stays in sync.
• Mobile sheet: modal dialog. Opening locks page scroll and moves focus to Close; Tab stays inside the sheet; Esc or any link closes it.
• Routing: each route sets document.title and the meta description, scrolls to the top, moves focus to the page heading, and marks the current nav item with aria-current="page".
• Company CTAs: data-prefill opens Contact or Partnerships with the company (and subject) already filled in.
• Pending links: any link with data-pending shows a toast naming the missing URL. Replace each one with the verified destination before launch.
• Forms: validated on the client (required fields, email format, work email on Partnerships, 20-character minimum message, URL format, consent). The prototype shows the success state but sends nothing. Build requirement: POST to a form endpoint or CRM that routes by the company value to that company's inbox; add spam protection (honeypot or Turnstile) and a privacy notice.
• Directory filter: toggle chips with aria-pressed. A polite live region announces how many companies match.
• Carmel section nav: sticky under the header; tapping scrolls to the module, and the active item highlights as you scroll.
• External company sites: open in a new tab with the ↗ marker and rel="noopener". No company URLs have been verified yet, so none are linked.

1. Positioning conflict: the current spaceuniverse.africa calls the group "a Space Tech Company and Venture Lab" and lists RadioAdSpread, Awamaridi, School of Ground Truth and DevPartners. This brief describes six different companies and says not to present the group as a venture lab. Confirm the new positioning, and whether RadioAdSpread is now Transmit.
2. Company names: confirm the public names. "End-to-End Pay" vs "end2endPay" (the logo); "Carmel Technologies" vs "Carmel" (the logo); "Aropsaid Gaming Advisory" vs "Aropsaid Technology Limited" (the logo). The Aropsaid brand guide describes a Diaspora-focused tech company, not gaming advisory.
3. Company website URLs: none supplied for any of the six. No external links are shown until they are verified.
4. Contact details: address, phone, email and RC number now come from the supplied letterhead; confirm they are current. The email domain (thespaceuniverse.africa) differs from the website (spaceuniverse.africa). Still needed: company-specific inboxes and verified social handles.
5. Legal: privacy policy, terms, cookie notice, and registered company names and numbers for the footer.
6. Group content: approved purpose, vision and story. No founding date, history or leadership has been supplied.
7. Careers: current vacancies (none listed), approved culture statements and the recruitment inbox. No benefits or working-arrangement claims are made.
8. Communications Arc: measurement period and method for 200+ campaigns, 50k+ audience reached, 4+ years and 98% satisfaction; real work samples and case studies; the portfolio URL; approval of the drafted principle explanations.
9. Transmit: genuine product screenshots; which channels and markets are live; the specifics behind "AI-powered" (only the supplied term is used); demo booking destination.
10. Carmel Technologies: scope and status of PCI DSS and GDPR; permission to use provider logos (names only for now); whether "Acca7" is the correct spelling and integration name.
11. Aropsaid: approval of the advisory disclaimer; the markets covered.
12. End-to-End Pay: API documentation URL; any verified security standards; approved use cases; supported countries and currencies (none claimed).
13. Ajewa: what the 50/50 share is calculated on; eligibility criteria; jurisdiction wording; public names, active status and logo permission for Maximarket, "26bets Market" and BY Market (check the spelling of 26bets); the Ajewa display serif typeface.
14. Photography: none supplied. The design works without it. If commissioned, shoot real teams and the Yaba workspace, not stock.
15. Master logos: vector files for Space Universe, End-to-End Pay, Transmit (reversed) and Carmel.

• Stack: plain HTML, CSS and a small vanilla JS file; no framework. Files: index.html, css/site.css (global system), css/companies.css (one block per [data-co]), js/app.js (routing, menus, forms, filters), assets/logos/.
• Production: split each <section class="page"> into its own route or template in your CMS or static generator. Keep the shared header, footer and company bar as partials. Remove the review toggle and the handoff page.
• Fonts: Google Fonts (Montserrat, IBM Plex Mono, Poppins, Inter). Self-host in production and subset to the weights in use.
• Images: logos resized to at most 2× display size. Convert PNGs to WebP or AVIF with PNG fallback; set width and height to avoid layout shift.
• Accessibility: skip link; one H1 per page; visible focus; labelled inputs with linked errors; 44px+ touch targets; colour contrast checked to WCAG AA (white on Ajewa red is used only at 19px bold or larger).