Kapitál má rád ticho.
Tma je prostor, světlo je značka.
Kapitola 01
OneFlow spojuje investice a fundraising pod jednou střechou. Privátní kapitál, AI due diligence, žádný šum. Značka se chová jako privátní banka s dnešní technologií: tiše, přesně, draze.
Prémiová značka pro sofistikované investory. HNWI, portfolio 10M+ Kč.
Old money, nové nástroje. Apple applied to private capital.
Černá, papír, sklo a platina. Světlo místo barvy. Nula sytých odstínů.
Monochrome paleta beze změny. Rytmus tmavá a světlá. Hlas: čísla místo adjektiv, žádné hedging, podpis Dopita.
Serif Fraunces jako hlas značky. Platinová hairline místo plných čar. Sklo bez rámů. Světlo jen jako záře, nikdy jako plocha.
Kapitola 02
Kde jiné značky sáhnou po barvě, OneFlow zapne světlo nebo položí kov. Dvě linky, jedna disciplína: platinová hairline pro klid, světelná pro důraz. Vždy volně v prostoru, nikdy v rámečku.
1px · foil gradient · předěly kapitol, podtržení, stvrzení
1px · box-shadow bloom · žádné plochy záře, jen čistý jas
Kapitál
PODTRŽENÍ TITULU · platina
Emise 2029
HERO GLOW · text-shadow, ne plocha
CTA · světlo jako tlačítko
I
Světlo a kov pod 10 % plochy. Tma je většina.
II
Záře jen jako bloom na lince či textu. Nikdy plocha, nikdy rámeček.
III
Hairline max 3× na stránku. Dýchá jen jedna, na hero.
IV
Žádný barevný glow. Bílá, platina, nebo nic.
Kapitola 03
Wordmark v řezu Fraunces Medium, opticky na míru velikosti. Jedno slovo, velké F uvnitř, žádný symbol. Serif nese původ v kapitálu, sklo a světlo nesou současnost.
PRIMÁRNÍ · světlá na tmavé, hero glow
INVERZNÍ · inkoust na papíře, bez glow
= výška verzálky O na všech stranách
pod minimem serif ztrácí kresbu
OneFlow
Jediný správný zápis. Ne ONEFLOW, ne Oneflow, ne One Flow.
v textu vždy jedno slovo, velké O a F
Kapitola 04
Sedm hodnot a platina. Nula sytých barev, navždy. Klik na kartu kopíruje hex.
α .04 · ghost, dech
α .07 · sklo, hrany
α .14 · aktivní stavy
α .60 · jádro linky
Kapitola 05
Trio s jasnými rolemi: Fraunces mluví, Inter Tight pracuje, Geist Mono měří. Serif nese majetek a původ, grotesk nese provoz, mono nese čísla.
Fraunces · variable · opsz 9–144
Kapitál teče tam,
kde je systém.
nadpisy · hero · wordmark · italic akcent max 1 slovo · váha 420–560
Inter Tight · variable
Příliš žluťoučký kůň úpěl ďábelské ódy. Fond s objemem 240 mil. Kč uzavřel upisování za 6 týdnů. Text drží šířku do 65 znaků.
body 400 · UI 500 · řádkování 1,6 · nikdy do titulků
Geist Mono · variable
49 215 Kč · IRR 14,2 % · LTV 62 % · 2026-07-04
výhradně čísla, tabulky, meta údaje · tabular-nums · střídmě
67
50
38
28
21 · lede
16 · body
14 · sekundární
11 · Eyebrow verzálky
Eyebrow · prostrkané verzálky
Inter Tight 500 · tracking +18 % · žádné závorky
Kurzíva stvrzuje.
italic Fraunces · podpisové momenty, citace, akcent
240M
platinové hero číslo · max 1 na obrazovku
Kapitola 06
Dvě plochy, jeden materiál. Tmavá je noční pracovna, světlá je prémiový papír. Sklo plave volně: blur 22 px, rám na hraně viditelnosti, elevaci dělá stín, ne čára.
výplň bílá α .045
blur 22 px
rám α .055 · takřka neviditelný
měkký stín dolů
hover = jas výplně
nikdy silnější rámeček
serif titulek
grotesk text
mono čísla
bílá α .62 + blur
rám inkoust α .05
#F2F0ED · dopisní papír privátní banky · obsah, dokumenty, nabídky
tmavý cover → světlý obsah → opakovat · manuál rytmus sám dodržuje
Kapitola 07
Vše sedí na 8bodové mřížce a dýchá. Sekce 96 až 168 px. Bento skládá karty podle hierarchie obsahu: jedna věc vede, ostatní mlčí.
margins, paddingy, gapy jen z téhle sady
8 · pole
14 · karta
20 · panel
pill · CTA
vnořený radius = vnější − padding
1 hero karta na bento · nikdy 4× stejná dlaždice
Kapitola 08
Živé HTML, žádné obrázky. Každý interaktivní prvek má hover, focus, active a disabled stav. Max 1 primární tlačítko na obrazovku.
radius 8 · výška 48 · focus ring 2 px
OneFlow Reality I
Rezidenční portfolio Praha. Cílový výnos 11,4 % p. a.
Dluhopis 2029
Kupon 9,8 %. Upisování do 31. 8. 2026.
86 %
Kapitola 09
Interní plochy: CRM, velín, calling. Noční pracovna se sklem: serif vede titulky a hodnoty, mono drží sloupce, stav nese jas. Grafy kreslí světlo.
area graf · linka 1,5 px · výplň gradient do transparentna
| Subjekt | Stav | Objem |
|---|---|---|
| Bert CEE a.s. | Kvalifikován | 4 200 000 |
| Tři věže s.r.o. | Schůzka | 1 850 000 |
| Horizont Invest | Follow-up | 920 000 |
| Kappa Estate | Čeká | 610 000 |
stav nese jas tečky: plný jas → utlumený → zhasnutý
Kapitola 10
Pohyb potvrzuje prémiovost, nikdy nebaví. Tři délky, jeden easing, animuje se jen transform a opacity. Reduced motion se respektuje vždy.
glow zesílí, zdvih 1 px, 150 ms
Scroll-reveal: translateY 22 px + opacity, stagger 70 ms mezi sourozenci. Celý manuál je živé demo.
Žádný parallax bez důvodu, žádné nekonečné pulzování, žádný linear easing, žádná animace width nebo top. Když pohyb nevysvětluje vztah nebo změnu, škrtá se.
Kapitola 11
Přímý, sebevědomý, bez omluv. Čísla místo adjektiv. Max 2 věty na myšlenku. Končí akcí. Podpis: Dopita.
„Fond uzavřel upisování za 6 týdnů. Objem 240 mil. Kč."
„Due diligence hotová do 14 dní. Napište si o vzorový report."
„Nasadili jsme AI screening na 1 026 emitentů."
„Nabízíme inovativní a komplexní řešení…" ✕ banned words
„V dnešní době je možná vhodné zvážit…" ✕ hedging
„Skvělá příležitost!!!" ✕ vykřičníky
Kapitola 12
Celý brand v jednom bloku proměnných. Zkopírovat, vložit, stavět. Grafik i vývojář z toho pracuje za 5 minut.
:root {
/* jádro */
--of-black: #000000;
--of-near-black: #1A1A1A;
--of-gray: #555555;
--of-bg-light: #F2F0ED;
--of-border-light: #E5E3E0;
--of-accent-warm: #C8C4BF;
--of-bg-dark: #0A0A0C;
--of-gradient-dark: linear-gradient(172deg, #000000, #0A0A0C, #111115);
--of-gradient-cta: linear-gradient(165deg, #0F0F0F, #1A1A1A, #2A2A2A);
/* v3 luminance — jen bloom, nikdy plocha */
--of-lum-faint: rgba(255,255,255,0.04);
--of-lum-soft: rgba(255,255,255,0.07);
--of-lum-strong: rgba(255,255,255,0.6);
--of-bloom: 0 0 22px rgba(255,255,255,0.24), 0 0 6px rgba(255,255,255,0.2);
/* v3 platina */
--of-foil: linear-gradient(115deg, #5A5A5E 0%, #8A8A8E 18%, #C8C8CC 35%,
#F4F2EE 50%, #C8C8CC 65%, #8A8A8E 84%, #5A5A5E 100%);
--of-foil-rule: linear-gradient(90deg, transparent 2%, rgba(138,138,142,0.7) 22%,
#E9E7E2 50%, rgba(138,138,142,0.7) 78%, transparent 98%);
/* v3 typografie */
--of-font-display: 'Fraunces', 'Inter Tight', serif; /* opsz auto, wght 420-560 */
--of-font-body: 'Inter Tight', sans-serif;
--of-font-mono: 'Geist Mono', ui-monospace, monospace; /* jen data */
/* radius + motion */
--of-r-sm: 8px; --of-r-md: 14px; --of-r-lg: 20px; --of-r-pill: 999px;
--of-dur-1: 150ms; --of-dur-2: 250ms; --of-dur-3: 400ms;
--of-ease: cubic-bezier(0.22, 1, 0.36, 1);
}