Graph Portfolio Brand Book Model Status Admin
v2.0
// LABS67 Concern Brand Book

Brand
System

Complete design standards, color systems, typography rules, component specifications, and guidelines for all LABS67 concern domains. For developers, designers, and partners.

6Domains 5Sub-Brands 11Languages 4Font Families 11Sections
// 00 Foundation Rules
The 4 Pillars

Every page in the LABS67 ecosystem MUST implement these 4 structural rules. No exceptions. These are the absolute foundation — everything else in this brand book is built on top of them.

PILLAR 01 — HEADER (Topbar)

Height
48px — FIXED. Never 52, 56, 58. Exactly 48.
Position
position: fixed; top: 0; left: 0; right: 0; z-index: 999
Background
rgba({brand-bg}, 0.92) + backdrop-filter: blur(24px). Blur is always 24px.
Border
border-bottom: 1px solid rgba(255,255,255,0.06)
Logo
Brand mark (28-32px) + Brand name (font-weight 800, 1rem) + "Канцэрн LABS67" subtitle in JetBrains Mono
Navigation
JetBrains Mono, 10px / 0.56rem, letter-spacing 0.12-0.14em, uppercase, color var(--muted), hover var(--accent)
Right side
← LABS67 back link + Language switcher + CTA button
Padding
0 40px desktop, 0 20px mobile

PILLAR 02 — BODY

Background
Dark theme ONLY. Brand-specific dark bg: #050508 (labs67), #030a05 (academi), #0a0808 (svyatlitsa), etc.
Text color
Primary: #e8e6e2 or brand warm equivalent. Muted: rgba() at 45% opacity.
Typography
Brand font for headlines (Syne/EB Garamond/Inter). line-height: 1.7 body, 1.05 headlines
Max width
1100-1200px centered content. Hero can be full-width.
Section padding
100px 40px desktop, 60px 20px mobile
Gold mandatory
LABS67 Gold #B8860B MUST appear on every page — links, hover states, or parent badge. NEVER #e8b840.
Grid pattern
Optional: subtle CSS grid overlay with rgba(accent, 0.02) lines, 80px spacing
Borders
rgba(255,255,255,0.06-0.07) for section dividers and card borders

PILLAR 03 — SIDEBAR

Purpose
Supplementary navigation or content panel. Used on labs67.com (graph panel), brandbook (TOC), and any page with complex navigation.
Position
position: fixed or sticky; top: 48px (below header)
Background
rgba({brand-bg}, 0.95) + backdrop-filter: blur(30px)
Border
1px solid rgba(255,255,255,0.06) on the edge facing content
Width
min(520px, 85vw) for content panels. 240-280px for navigation sidebars.
Animation
Slide transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1). Default hidden via translateX(-100%) or translateX(100%).
Scrollbar
4px thin, muted thumb, transparent track. overflow-y: auto.
Mobile
Full-width overlay below 768px. Close button 32×32px top-right.

PILLAR 04 — FOOTER

Border
border-top: 1px solid rgba(255,255,255,0.06)
Padding
34-40px vertical
Layout
3-column grid: Brand logo + subtitle | Copyright + status | Contact info. Centered on mobile.
Copyright
© 2026 {Brand} · LABS67. Year MUST be 2026. Dynamic via JS preferred.
Cross-links
MANDATORY row with links to ALL ecosystem domains: LABS67 · SVYATLITSA · SCYRA.AI · MREZA.AI · SVITA | Privacy · Terms
Link style
JetBrains Mono 11px, rgba(255,255,255,0.35) default, hover: var(--accent). Separator: · (middot) and | before legal links.
Font
JetBrains Mono for all footer text. Logo: brand font weight 800.
Status indicator
Optional: ● НАБОР ОТКРЫТ or ● ONLINE in brand accent color
// Contents
Brand Book Structure
01
Brand Architecture
Parent brand, sub-brands, hierarchy and relationships
02
Color System
Primary, secondary, accent palettes per brand
03
Typography
Font families, sizes, weights, usage rules
04
Domain Audit
Current state of all 6 domains
05
Language System
11 languages, flags, i18n standards
06
UI Components
Buttons, forms, cards, navigation specs
07
Inconsistencies
Found problems and required fixes
08
Developer Guidelines
Rules for developers implementing changes
09
Graph Navigator
Landing page force-graph, themes, content panel, topbar
10
Favicon Standard
Icon format, sizes, construction rules
// 01 Brand Architecture
Concern Structure

LABS67 is a technology concern (holding company) with 5 operational sub-brands. Each sub-brand has its own visual identity but must follow the parent system.

LABS67

Technology Concern // Parent Brand

SVYATLITSA

Aesthetic Dentistry

svyatlitsa.com

SCYRA.AI

Edge AI System

scyra.labs67.com

SLYAH.AI

Clinical Education

academi67.com

MREZA.AI

MedTech Products

trade.labs67.com

SVITA

Concepts Scaling & Partners Partners

svita.labs67.com

Hierarchy Rules

Parent badge
Every sub-brand page MUST display "Concern LABS67" or localized equivalent in the header and footer
Logo lock-up
Sub-brand logo + "LABS67" text. Never show sub-brand without parent reference
Domain pattern
Primary brands: brand.com — Sub-brands: brand.labs67.com
Cross-linking
Every site footer must link to labs67.com and all sister brands
Chat widget
All domains must include the AI chat widget (bottom-right, consistent behavior)
// 02 Color System
Color Palette

The LABS67 color system defines a shared foundation with brand-specific accent colors. All sub-brands share the same neutrals and gold primary.

Global Foundation

#B8860B
LABS67 Gold

Primary brand color

CTAs, accents, links, active states. Used across ALL domains as the unifying element.
#0A0A0F
Deep Black

Dark theme background

Primary background for dark-themed sub-brands (SLYAH.AI, MREZA.AI, SVITA, Agent Hub)
#FAFAFA
Off White

Light theme background

Primary background for light-themed brands (labs67.com, svyatlitsa.com)
#1A1A1A
Text Black

Primary text (light theme)

Headlines and body text on light backgrounds
#E0E0E8
Text Light

Primary text (dark theme)

Body text on dark backgrounds
#888888
Muted

Secondary text

Captions, labels, metadata on both themes

Brand-Specific Accents

BrandPrimary AccentSecondaryThemeUsage
LABS67 #B8860B Gold #0891B2 Cyan Dark Parent brand. Gold is the primary across entire ecosystem
SVYATLITSA #CF101A Red #111 Black Dark Premium clinic. Elegant, luxurious feel with red accents
SCYRA.AI #A855F7 Purple #00D4FF Cyan Dark AI product. Futuristic, tech-forward with purple glow
SLYAH.AI #1DF59A Green #30DCFF Cyan Dark Education. Growth, knowledge, clinical precision
MREZA.AI #30DCFF Cyan #1DF59A Green Dark Products. Technical, reliable, equipment-grade
SVITA #FF4D6D Red-Pink #E8B840 Gold Dark Partnerships. Energy, ambition, premium business

Color Rules

Gold mandatory
LABS67 Gold #B8860B MUST appear on every sub-brand site (at minimum in parent badge, footer link, or hover state)
Status colors
Green #22C55E = online/success. Red #EF4444 = error. Orange #F97316 = warning/thinking. Global, do not override.
Dark theme borders
rgba(255,255,255,0.08) — consistent across all dark-themed sub-brands
Light theme borders
rgba(0,0,0,0.08) — consistent across all light-themed brands
Contrast ratio
Minimum 4.5:1 for body text, 3:1 for large text (WCAG AA). Test all accent colors on chosen backgrounds.
// 03 Typography
Font System

Four font families serve different roles across the ecosystem. Each sub-brand uses a specific combination.

SyneDisplay / Headlines
Weights: 600, 700, 800
Used by: Sub-brand sites
The future of clinical care
SLYAH.AI / MREZA.AI / SVITA
InterBody / UI Text
Weights: 400, 500, 600, 700
Used by: labs67.com, chat.html
LABS67 is a technology concern that builds the infrastructure for next-generation medical clinics. Our ecosystem includes AI systems, training, equipment, and business concept partnerships.
JetBrains MonoMonospace / Technical
Weights: 400, 500
Used by: ALL domains
// LABELS, NAVIGATION, METADATA, STATUS INDICATORS
REQ_A7X92K // request identifiers
TRACK_01 // program codes
v2.1.0 // version numbers
EB GaramondSerif / Luxury
Weights: 400, 600, 700
Used by: svyatlitsa.com only
SVYATLITSA
aesthetic dentistry
MontserratSans / Clean
Weights: 400, 500, 600
Used by: svyatlitsa.com body
Professional dental care with AI-powered precision. Every visit is tracked, analyzed, and optimized for your comfort and health.
labs67.com

Headlines: Inter 700-800
Body: Inter 400-500
Labels: JetBrains Mono 400
Note: Currently uses Inter only. OK as parent brand.

svyatlitsa.com

Headlines: EB Garamond 400-700
Body: Montserrat 400-500
Labels: JetBrains Mono 400
Note: Unique luxury stack. Do NOT change to Syne.

academi67 / trade / svita

Headlines: Syne 700-800
Body: Syne 400-600
Labels: JetBrains Mono 400-500
Note: Unified dark-theme trio. Keep consistent.

Agent Hub (chat.html)

Headlines: Inter 600-700
Body: Inter 400
Labels: JetBrains Mono 400
Note: Internal tool. Matches labs67.com stack.

Typography Rules

JetBrains Mono
MANDATORY on all sites for: navigation labels, section eyebrows (// prefix), metadata, timestamps, status text, form IDs, version numbers
// prefix pattern
Section labels use // SECTION_NAME format. This is a core brand element across ALL domains.
Letter spacing
Labels: 0.1em-0.2em. Body: normal. Nav: 0.06em-0.12em
Line height
Headlines: 1.1-1.2. Body: 1.7-1.8. Labels: 1.4
Max body width
700px for readability. Headlines can span full container.
// 04 Domain Audit
Current State

Snapshot of all 6 LABS67 domains as of March 23, 2026. Each domain analyzed for design consistency, language support, and standards compliance.

DomainThemeFontsLanguagesChatFormsID FormatIssues
labs67.com
labs67.com
 Light Inter + JB Mono 11 Yes Supabase REQ_ setLang.js deleted
svyatlitsa.com
svyatlitsa.com
 Light EB Garamond + Montserrat + JB Mono 11 Yes Custom None OK
academi67.com
academi67.com
 Dark Syne + JB Mono 12 Yes Custom None No form IDs
trade.labs67.com
trade.labs67.com
 Dark Syne + JB Mono 12 Yes Custom TRQ_ OK
svita.labs67.com
svita.labs67.com
 Dark Syne + JB Mono 12 Yes Custom PRQ_ OK
Agent Hub
labs67.com/chat.html
 Dark Inter + JB Mono 0 Is chat Login N/A No i18n
// 05 Language System
11 Languages Standard

ALL LABS67 domains must support 11 languages. Belarusian is the default language. Special flag rules apply for BY and RU.

Belarusian

BY — Default

Flag: White-Red-White (BChB)

English

EN

Ukrainian

UK

Russian

RU

Flag: White-Blue-White (BSB)

German

DE

French

FR

Spanish

ES

Italian

IT

Portuguese

PT

Japanese

JA

Korean

KO

Language Implementation Rules

Default language
be (Belarusian) on ALL domains
localStorage key
{brand}_lang — e.g. scyra_lang, labs67_lang, svt_lang
i18n method
data-i18n attributes or data-t attributes. Both accepted. Content in JS object T[lang][key]
BY flag
White-Red-White (BChB) historical flag. NEVER use the official green-red state flag.
RU flag
White-Blue-White (BSB) protest flag. NEVER use the standard Russian tricolor.
Flags format
Inline SVG, 20x14px. All flags stored as SVG strings in JS. No external flag CDNs.
Switcher style
Dropdown in header nav. Current flag + code visible. Click opens list of all 11 options.
Missing langs
All domains now have full language coverage. svyatlitsa: 11 langs. academi67/trade/svita: 12 langs each.
// 06 UI Components
Component Specifications

Standard UI component specifications for developers. All measurements in pixels, all durations in milliseconds.

Navigation Bar

Height
48px — FIXED per Foundation Rules
Position
fixed, top: 0, z-index: 100
Background
rgba({brand-bg}, 0.92) + backdrop-filter: blur(24px)
Blur
backdrop-filter: blur(24px) — FIXED per Foundation Rules
Border
Bottom: 1px solid theme border color
Elements
Logo (left) / Nav links (center) / Lang switcher + CTA (right)
Mobile
Hamburger menu at ≤768px. Logo always visible.

Buttons

Primary
Background: brand accent color. Text: contrast (white or black). Border-radius: 10px. Padding: 12px 24px
Secondary
Background: transparent. Border: 1px solid brand accent. Same radius/padding.
Font
JetBrains Mono, 600 weight, 13px, letter-spacing: 0.06em
Hover
Background lighten 10%. translateY(-1px). Box-shadow expand. Transition: 0.2s ease
Clip-path
Dark-theme sub-brands use angled corners: polygon(12px 0, 100% 0, calc(100%-12px) 100%, 0 100%)
Light-theme
Standard border-radius, no clip-path

Cards

Border
1px solid theme border color. Radius: 12px
Padding
24px
Hover
Border-color: brand accent. translateY(-2px). Box-shadow: 0 8px 24px rgba(accent, 0.08)
Transition
all 0.2s ease

Forms

Input height
48px (padding: 12px 16px)
Input style
Background: theme bg. Border: 1px solid theme border. Radius: 10px
Focus
Border-color: brand accent. No outline.
Labels
JetBrains Mono, 9px, uppercase, letter-spacing: 0.12em
Request ID
Format: {PREFIX}_{6 alphanumeric}. Prefixes: REQ_ (labs67), TRQ_ (trade), PRQ_ (svita), APL_ (academi), SVT_ (svyatlitsa)
Submit feedback
Button text changes: "PROCESSING..." → "ACCEPTED". Color transitions to green. Auto-reset after 3s.

Chat Widget

Position
fixed, bottom: 24px, right: 24px, z-index: 9990
Bubble size
52-54px circle. Background: brand accent gradient.
Window
340px wide, max-height: 440px
Required on
ALL public-facing domains. Not on internal tools (chat.html).
Bot name
"SCYRA AI" on all sites (not brand-specific names)

Layout

Max width
1100-1200px centered
Section padding
100px vertical (desktop), 60px (mobile)
Side padding
40px (desktop), 20px (mobile)
Grid
auto-fit, minmax(220px, 1fr) for cards. Gap: 16-24px
Breakpoints
768px (mobile), 960px (tablet), 1200px (desktop)

Animations

Scroll reveal
Fade-in + translateY(20px). Triggered by IntersectionObserver. Duration: 0.6s ease
Hover
All transitions: 0.2s ease
Status pulse
Opacity 1 → 0.4 → 1. Duration: 2.5s infinite
Page load
Staggered fade-in. Delay between elements: 0.08s
// 07 Inconsistencies Found
Audit Issues

Problems discovered during the domain audit that need to be fixed for brand consistency.

// RESOLVED
Language count mismatch
All domains now have full language coverage. svyatlitsa: 11 langs. academi67/trade/svita: 12 langs each.
RESOLVED: All sub-brand sites now support the required number of languages.
// RESOLVED
svyatlitsa.com has no chat widget
Chat widget has been added to svyatlitsa.com. Patients can now interact with SCYRA AI directly from the clinic website.
RESOLVED: Standard chat widget (340px, bottom-right, SCYRA AI branded) is now live.
// CRITICAL
No cross-linking between sites
Sub-brand sites don't link to each other in footers. Users can't discover the full LABS67 ecosystem.
FIX: Add unified footer with links to all 5 brands + labs67.com on every site.
// MEDIUM
Inconsistent form backends
labs67.com uses Supabase. All other sites use custom/no backend. Form data goes to different places.
FIX: Unify all forms to Supabase with 'source' field identifying origin domain.
// MEDIUM
Missing request ID on some forms
academi67 and svyatlitsa forms don't generate request IDs. Others use REQ_, TRQ_, PRQ_ inconsistently.
FIX: All forms must generate {PREFIX}_{6char} IDs: REQ_, TRQ_, PRQ_, APL_, SVT_.
// MEDIUM
Flag inconsistency
labs67.com uses custom BChB/BSB flags. Sub-brands may use standard flags or different SVGs.
FIX: Extract shared flag SVGs into a common JS module. Import on all sites.
// MEDIUM
Copyright year inconsistency
Some sites show 2025, others 2026. Should be uniform.
FIX: All footers: "2026 {Brand} · LABS67". Dynamic year via JS.
// MEDIUM
Contact info varies
Phone is consistent (+48 571 719 800) but email addresses differ per brand without clear pattern.
STANDARD: dental@labs67.com (svyatlitsa), trade@labs67.com (trade), academi@labs67.com (academi), svita@labs67.com (svita), info@labs67.com (main).
// CRITICAL
No Privacy Policy / Terms
None of the sites have Privacy Policy or Terms of Service pages. Required for Indiegogo launch and GDPR compliance.
FIX: Create shared Privacy Policy + Terms pages. Link from all site footers.
// MEDIUM
setLang.js deleted from labs67.com
Git shows setLang.js was deleted but it may have been replaced by inline i18n. Verify language switching works.
FIX: Confirm i18n is functional. If inline, document the approach. If broken, restore.
// 08 Developer Guidelines
Implementation Rules

Mandatory rules for any developer working on LABS67 ecosystem sites. Follow these before making any changes.

Before You Start

Read this doc
Every developer MUST read this brand book before touching any LABS67 site
Check the audit
Review Section 07 (Issues) for known problems on the site you're working on
Test all 11 langs
After any text change, verify all 11 language versions render correctly
Mobile first
Test on 375px (iPhone SE), 768px (iPad), 1440px (desktop)

Code Standards

HTML
Semantic HTML5. <html lang="be"> default. All text in data-i18n or data-t attributes.
CSS
CSS custom properties for all colors. No hardcoded color values in components. Use var(--gold) etc.
JavaScript
Vanilla JS. No frameworks (React, Vue) on static sites. External dependencies only via CDN with integrity hash.
Images
SVG for icons/logos. WebP for photos. Lazy-load below fold. Max 200KB per image.
Fonts
Google Fonts CDN. Preconnect in <head>. display=swap always.
API keys
NEVER in source code. Use localStorage prompt or environment variables. Keys in public repos WILL be revoked by Google.

Deployment

Hosting
GitHub Pages via tatyana-mama organization. Push to main branch deploys automatically.
DNS
Custom domains via CNAME. Subdomains (trade., svita.) point to separate repos.
SSL
GitHub Pages auto-SSL. Enforce HTTPS on all domains.
Testing
Open in browser before push. Check: all langs switch, forms submit, chat opens, no console errors.

Priority Roadmap

Phase 1
Pre-Indiegogo: Privacy Policy + Terms. Fix svyatlitsa chat. Unify languages to 11 on all sites.
Phase 2
Post-launch: Unify forms to Supabase. Add cross-linking footers. Standardize request IDs.
Phase 3
Scale: Extract shared components (nav, footer, chat, lang switcher) into reusable JS modules.
// 09 Graph Navigator & Landing Page
Interactive Graph System

The labs67.com landing page is a fullscreen force-directed graph navigator. Every project is a clickable node. The graph is the primary navigation interface.

Topbar

Height
48px fixed. NEVER change.
Background
var(--panel) + backdrop-filter: blur(24px)
Layout
Logo (left) → Links (center) → Status dot + ONLINE (right)
Logo
Hexagon badge 28×28px with gradient var(--accent) → var(--accent2) + clip-path polygon. Text "L67" 7px JetBrains Mono 600.
Brand text
LABS in var(--accent), 67 in var(--white). Font: Inter 800, 14px, letter-spacing 0.15em.
Links
10px Inter 500, var(--muted). Hover: var(--accent) + var(--accent-dim) bg. Border-radius 4px.
Required links
Portfolio, Agent Hub, LABS67 Brand, SVYATLITSA Brand, Status
Status
Green dot 5px pulsing (blink 2s), JetBrains Mono 9px "ONLINE"
Mobile
Links hidden below 768px. Logo + status remain.

Canvas & Physics

Renderer
Canvas 2D, fullscreen position: fixed, z-index 1, devicePixelRatio aware
Zoom
FIXED to Math.min(W, H) / 900. No scroll zoom, no pinch zoom. Recalculates on resize.
Node bounds
BOUND = 400px radius from center. Nodes clamped with velocity dampening ×0.3.
Camera bounds
CAM_BOUND = 500px. Camera x/y clamped to ±500.
Physics
Repulsion 12000/d², attraction (d−ideal)×0.004×strength, center pull 0.003, damping 0.82
Background
Radial gradient (theme-aware). Grid dots every 50px × zoom, 0.5px radius.
Graph position
Graph renders right of center. Camera offset on select: targetCamX = node.x − 120, giving more space on the left side for the content panel.

Nodes

Hub node
r: 48, label "LABS67", color #c9a96e. Pinned to center (strong pull 0.15). Pulse ring.
Primary nodes
SCYRA (r:36, #5ec4d4), SVYATLITSA (r:34, #c9a96e)
Secondary nodes
Academi (r:26, #a48bfa), SVITA (r:24, #a48bfa), Agent Hub (r:22, #d47a9a)
Tertiary nodes
MREZA.AI (r:20, #a48bfa), Dental AI (r:20, #5ec4d4)
Visual style
Radial gradient fill, 1px stroke. Hover: opacity up. Selected: glow rings + stronger alpha. Labels: Inter 700, size auto r×0.5 (7–15px), white.
Category label
Below node, JetBrains Mono 500, size r×0.48, uppercase, 25% white alpha. Only if r>14.
Edge particles
Spawn 2% per frame on selected edges. 1.5px radius, node color with fade alpha.

Content Panel

Position
Fixed, left: 0, top: 48px, bottom: 0. Slides from left with translateX(-100%).
Width
min(520px, 85vw)
Background
var(--panel) + backdrop-filter: blur(30px) + border-right: 1px solid var(--border)
Animation
transform 0.5s cubic-bezier(0.16, 1, 0.3, 1)
Content order
Close btn → Category label → Title (EB Garamond 2.2rem) → Description → Site button → Stats grid (3 col) → Tags → Custom HTML → Links
Close button
32×32px, top-right, × symbol, 1px border var(--border). Hover: accent color.
Site button
cp-btn: 1px accent border, accent color text, 6px radius. Hover: fill accent, text becomes bg color. Shows URL text.
Scrollbar
4px thin, muted thumb, transparent track.

Theme Switching

Mechanism
CSS class on <body>: theme-svyatlitsa, theme-scyra, theme-academi, etc.
Default
No class = light LABS67 theme (warm cream #f5f2ed, gold accents)
SVYATLITSA
Dark warm: bg #0a0808, accent #c9a96e
SCYRA
Dark cold: bg #080a10, accent #00D4FF
Academi
Dark purple: bg #0a080e, accent #a48bfa
Agents
Dark pink: bg #0e080a, accent #d47a9a
Transition
0.8s ease on body background. Canvas BG interpolated per-frame from BG_COLORS map.
CSS variables
ALL colors use var(--accent), var(--bg), etc. NEVER hardcode colors in components.

Hero Overlay

Position
Fixed center, z-index 20, pointer-events: none
Text
LABS67 — Inter 800, clamp(36px, 7vw, 72px), 0.12em spacing, 8% white opacity
Subtitle
JetBrains Mono 10px, 0.3em spacing, accent color, 40% opacity. "Technology Concern · Click a node"
Behavior
Fades to opacity: 0 when any node is selected. Class .hidden.
// 10 Favicon Standard
Favicon & App Icons

Every LABS67 ecosystem domain must have a consistent favicon. SVG is the primary format. PNG fallbacks required for legacy browsers and app manifests.

Construction

Shape
Rounded square. viewBox="0 0 32 32", corner radius rx="5" (15.6%).
Background
Brand accent color fill. LABS67 parent: #B8860B (gold). Sub-brands use their own accent.
Text
L67 — centered, white (#ffffff), bold sans-serif, 14px within 32px viewBox. text-anchor="middle", x=16, y=22.
Clearance
Minimum 3px padding from text to edge on all sides.
L67 LABS67
SVT SVYATLITSA
SCY SCYRA.AI
A67 SLYAH.AI

Required Formats

Primary
favicon.svg — linked via <link rel="icon" type="image/svg+xml" href="favicon.svg">
PNG fallback
favicon-32.png (32×32) and favicon-16.png (16×16) for legacy browsers
Apple touch
apple-touch-icon.png (180×180). Same rounded square, no extra padding.
Manifest
site.webmanifest with 192×192 and 512×512 PNG icons for PWA installs

Per-Domain Favicons

labs67.com
Gold #B8860B, text L67
svyatlitsa.com
Warm gold #c9a96e, text SVT
scyra.labs67.com
Cyan #00D4FF, text SCY
academi67.com
Purple #a48bfa, text A67
trade.labs67.com
Purple #a48bfa, text TRD
svita.labs67.com
Purple #a48bfa, text F67

Rules

DO
Use SVG as primary. Keep 3-char abbreviation. Use brand accent color background. White text only.
DO NOT
Use gradients in favicon. Use images/logos instead of text. Use .ico format. Add borders or outlines.
Testing
Verify at 16px, 32px, and 180px. Text must remain legible at 16px. Background color must be distinguishable from browser chrome in both light and dark modes.

SVG Template

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
  <rect width="32" height="32" rx="5" fill="{ACCENT_COLOR}"/>
  <text x="16" y="22" font-family="sans-serif" font-weight="bold"
    font-size="14" fill="#ffffff" text-anchor="middle">{ABBR}</text>
</svg>