StyleMap
Master Brand, System Architecture, Design Tokens & Iconology Specification
01.Fonts, Formatting & Usage
Inter & JetBrains Mono| Class Token | Pixels (px) | Points (pt) | Weight | Primary Usage Area |
|---|---|---|---|---|
| text-[8px] / text-[9px] | 8px – 9px | 6.00 – 6.75 pt | font-mono font-bold / black | Carla heart launcher label, status pills (LIVE, AUTOMATED), tooltips |
| text-[10px] / text-[11px] | 10px – 11px | 7.50 – 8.25 pt | font-mono font-bold / normal | Abajo bottom dock tray, clock & date, ecosystem hex badges (Bd, Sg) |
| text-xs | 12px | 9.00 pt | font-medium / font-bold | Arriba search bar input & placeholder, Sign In CTA, tab labels |
| text-sm | 14px | 10.50 pt | font-normal / font-light | Standard UI body text, window descriptions, sidebar nav links |
| text-base | 16px | 12.00 pt | font-normal / font-medium | Paragraph prose, active search query text, card summaries |
| text-lg | 18px | 13.50 pt | Inter Bold / Inter Regular (Strictly Non-Italic) | Arriba Brand Wordmark (BOLD [Bold] + MARKER [Regular] / FLOR [Regular Amanita] + OS [Bold Lux]) |
| text-xl / text-2xl | 20px – 24px | 15.00 – 18.00 pt | font-bold / font-semibold | Window title bar headers, module section headings (h2) |
| text-3xl – text-5xl | 30px – 48px | 22.50 – 36.00 pt | font-semibold / font-bold | Marketing hero video statements, display headlines |
Light 300: The quiet intelligence of seamless studio operations.
Regular 400: Standard body text engineered for high-density legibility.
Medium 500: Linear callout transition headers and interactive controls.
SemiBold 600: Floating glass window titles and modal dialogs.
Bold 700: Boldmarker and FlorOS official brand wordmarks.
Regular 400: v2.0.4 Alpha • LATENCY: 18ms • STATUS: ACTIVE
Bold 700: Bd Sg Kb Dv wF Ca [Ecosystem Badges]
Black 900: CARLA AI AGENT VECTOR CORE
02.Colors, Combos, & Brillo
Oro #FFD100 & Amanita #D80F83RGB(255, 209, 0) • AAA Contrast text: Black #000000
RGB(216, 15, 131) • AAA Contrast text: White #FFFFFF
Dark Mode Base Background
Opacity 0.88 • 16px Blur
L = 0.2126 * R_linear + 0.7152 * G_linear + 0.0722 * B_linear
When relative luminance L > 0.42, text automatically flips to pure black (#000000). When L ≤ 0.42, text flips to pure white (#FFFFFF).
03.Identities & Iconology
Standalone & Bundled AppsCorporate Brand Portal & Strategy Platform
https://boldmarker.comWeb-Based Operating System for Creative Studios
https://floros.appPrimary Commercial Apps (Sold Standalone)
Agile Ciclo & Waterfall Cascada Engine
Multi-Model AI Agent Marketplace
Lifetime Career Legacy Vault
Business Intelligence & Scenario Synthesis
WebRTC Virtual Studio & Video Production
Multi-Agent Automation Dispatcher
Encrypted Cloud Drive & DAM Storage
Secondary Bundled Apps (Included with FlorOS Desktop)
PRD Specifications & Rich Text Studio
Live Collaborative Formula Spreadsheet
Pitch Deck & Visual Presentation Engine
Multi-LLM Autonomous AI Assistant
2D SVG Interactive AI Companion & Notifier
Multi-Tenant RBAC & Admin Controller
Experimental Sandbox & Alpha Testing
System Docs & API Reference Portal
Open Flor SDK & Webhooks Gateway