LABS67 — Ecosystem Model

01 Hub Principle

labs67.com = Центральный хаб

Граф-навигатор на labs67.com — единая точка входа. Каждая нода графа — мини-сайт оригинала. Контент-панель слева показывает сжатую версию суб-сайта.

Architecture Rule

Single entry

labs67.com/index.html — fullscreen graph. All projects accessible through node clicks.

Content panel

Left-side slide panel (520px) = mini-site of the original. Same data, condensed layout.

Deep link

Each node card contains cp-btn linking to the full sub-site.

Theme sync

Selecting a node applies that project's theme to the entire page via CSS class on <body>.

Data source

Node data (NODES array in index.html) is the single source of truth for: name, color, description, stats, tags, links, HTML content.

Sync rule

When a sub-site updates its content, the corresponding NODES entry in index.html MUST be updated to match.

02 Site Registry

All Domains

Complete registry of all LABS67 ecosystem sites with their status, theme, and role.

labs67.com

Graph Hub — Central Navigator

Fullscreen force-directed graph
Theme: dark default (#0a0a0e), gold accents
Content panel shows mini-sites
All sub-sites accessible via nodes

svyatlitsa.com

Premium Dental Clinic

Theme: dark warm (#0a0a0a), gold #c9a96e
EB Garamond serif headings
Ceiling-down, smart glass concept
Graph node: r:34, color #c9a96e

scyra.labs67.com

Edge AI System

Theme: dark cold (#080a10), cyan #00D4FF
Tech/terminal aesthetic
NVIDIA Jetson hardware focus
Graph node: r:36, color #5ec4d4

academi67.com

Clinical Education Institute

Theme: dark green (#030a05), green #1df59a
Syne headings, matrix grid BG
Certification platform
Graph node: r:26, color #a48bfa

trade.labs67.com

AI Trading Analytics

Theme: dark purple (#0a080e), purple #a48bfa
Charts, signals, portfolio
Graph node: r:20, color #a48bfa
Status: planned

svita.labs67.com

Business Concept Platform

Theme: dark purple (#0a080e), purple #a48bfa
Concept builder, ROI calc
Graph node: r:24, color #a48bfa
Status: planned

03 Shared Elements

Cross-Site Element Standard

Every LABS67 site MUST implement these shared elements. Elements are interchangeable across the ecosystem.

Topbar (mandatory)

Height

48px — all sites, no exceptions

Background

rgba(bg,0.92) + backdrop-filter:blur(24px)

Left

Hexagon badge 28px + brand name. Clicks → index.html (graph hub)

Center

Section links. 10px Inter 500, uppercase. Hover: accent color + dim bg.

Right

Status indicator or Back link. JetBrains Mono 9px.

Mobile

Links hidden below 768px. Logo + right element remain.

Footer (mandatory)

Content

Brand name + "Concern LABS67" + copyright + links to all sister sites

Style

JetBrains Mono 10px, muted color, border-top 1px solid var(--border)

Cross-links

Every footer links to: labs67.com, svyatlitsa.com, scyra.labs67.com, academi67.com

Favicon (mandatory)

Format

SVG primary. 32×32 viewBox, rx=5, accent bg, white 3-char text.

Reference

See Brand Book § 10

Color Variables (mandatory)

Naming

All sites use CSS custom properties: --bg, --bg2, --text, --muted, --border, --accent

Dark default

All sites default to dark theme. Background range: #030a05 to #0a0a0e.

LABS67 gold

#B8860B — present on ALL sites as parent brand indicator

Sub-brand accent

Each sub-brand has its own accent: SVYATLITSA #c9a96e, SCYRA #00D4FF, Academi #1df59a, etc.

Typography (mandatory)

Body

Inter — used on all sites for body text

Code/mono

JetBrains Mono — used on all sites for labels, metadata, code

Headings

Syne (default) or EB Garamond (SVYATLITSA). Sub-brand can choose.

Language System

Standard

11 languages: BE, EN, UK, RU, DE, FR, ES, IT, PT, JA, KO

Default

Belarusian (be) — set in <html lang="be">

i18n method

data-i18n attribute + JS translations object. Same keys across all sites.

04 Element Matrix

Cross-Site Compatibility

Which shared elements are implemented on which site. Green = live, Yellow = planned, Red = missing.

Element	labs67.com	svyatlitsa.com	scyra.labs67	academi67.com	trade.labs67	svita.labs67
48px Topbar	LIVE	TODO	TODO	58px	PLAN	PLAN
Dark Theme	LIVE	LIVE	TODO	LIVE	PLAN	PLAN
SVG Favicon	LIVE	TODO	TODO	LIVE	PLAN	PLAN
11 Languages	TODO	11 langs	TODO	11 langs	PLAN	PLAN
Cross-link Footer	TODO	TODO	TODO	LIVE	PLAN	PLAN
Gold #B8860B	LIVE	LIVE	TODO	#e8b840	PLAN	PLAN
Graph Node	HUB	r:34	r:36	r:26	r:20	r:24
Theme Class	default	theme-svyatlitsa	theme-scyra	theme-academi	theme-trade	theme-svita
Privacy Policy	LIVE	→ labs67	→ labs67	→ labs67	→ labs67	→ labs67
Terms of Service	LIVE	→ labs67	→ labs67	→ labs67	→ labs67	→ labs67

05 Theme Palette Map

Per-Project Themes

Each project node triggers a full theme switch. These are the canonical theme values.

Default

LABS67 Hub

--bg:#0a0a0e --accent:#B8860B

SVYATLITSA

Warm Dark

--bg:#0a0808 --accent:#c9a96e

SCYRA

Cold Tech

--bg:#080a10 --accent:#00D4FF

Academi

Purple Edu

--bg:#0a080e --accent:#a48bfa

Agents

Pink AI

--bg:#0e080a --accent:#d47a9a

Academi Site

Green Matrix

--bg:#030a05 --accent:#1df59a

06 Data Flow

Information Architecture

How data moves between labs67.com hub and sub-sites.

Hub → Sub-site

Graph node

Contains condensed version: title, description, stats, tags, links, HTML content

Site button

cp-btn links to full sub-site URL

Theme

Hub applies sub-brand theme when node is selected

Sub-site → Hub

Back link

Every sub-site topbar logo links back to labs67.com

Parent badge

"Concern LABS67" visible on every sub-site

Sync rule

When sub-site content changes, update corresponding NODES entry in index.html

Sub-site ↔ Sub-site

Cross-links

Footer links to sister brands. SVYATLITSA ↔ SCYRA ↔ Academi ↔ SVITA.

Shared pages

Privacy Policy, Terms of Service hosted on labs67.com — all sites link there.

Chat widget

All sites embed Agent Hub chat (planned).

07 File Structure

Repository Map

labs67.com (hub repository)

index.html

Graph navigator — landing page, NODES data, themes, physics engine

model.html

This page — ecosystem model, standards, element matrix

brandbook.html

LABS67 brand book — 10 sections, all visual standards

svyatlitsa-brand.html

SVYATLITSA brand guidelines — 10 sections + photos

portfolio.html

Artsiom Veyalka portfolio — services, projects, contact

chat.html

Agent Hub — multi-agent chat interface

status.html

Status dashboard — all domains health check

cv.html

CV/resume — print-optimized (white theme exception)

privacy.html

Privacy policy — shared across all domains

terms.html

Terms of service — shared across all domains

favicon.svg

Gold #B8860B, text "L67"

Sub-site Repositories

svyatlitsa-landing

index.html, brandbook.html, business-plan.html → svyatlitsa.com

academi67.com

index.html, svyatlitsa-brand.html, business-plan.html → academi67.com

GitHub org

tatyana-mama — all repos, GitHub Pages auto-deploy on push to main

08 Page Template

Standard Page Skeleton

Every new page in the LABS67 ecosystem MUST start from this skeleton.

<!DOCTYPE html>
<html lang="be">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{PAGE_TITLE} — LABS67</title>
  <link rel="icon" type="image/svg+xml" href="favicon.svg">
  <link href="fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800
    &family=JetBrains+Mono:wght@400;500&family=Syne:wght@400;700;800&display=swap" rel="stylesheet">
  <style>
    :root {
      --bg: #0a0a0e; --bg2: #12121a;
      --text: #e8e6e2; --muted: #888;
      --border: rgba(255,255,255,0.06);
      --gold: #B8860B;
      --accent: {BRAND_ACCENT};
    }
  </style>
</head>
<body>
  
  <div class="topbar">...</div>
  
  ...
  
  <footer>...</footer>
</body>
</html>

LABS67 Model

Architecture Rule

Topbar (mandatory)

Footer (mandatory)

Favicon (mandatory)

Color Variables (mandatory)

Typography (mandatory)

Language System

LABS67 Hub

Warm Dark

Cold Tech

Purple Edu

Pink AI

Green Matrix

Hub → Sub-site

Sub-site → Hub

Sub-site ↔ Sub-site

labs67.com (hub repository)

Sub-site Repositories