Głęboka integracja org-theming na każdej powierzchni pożyczkobiorcy

Featurekamolos
Szycy
18 maja 2026 02:23 UTC
Autor
Kamo
Pochęt się
fe0e8c2

Wykonawca pełnego planu z analizy org-theming: każde CTA, żar, Pasek postępu, pierścień ostrości, kula otoczenia, powierzchnia czatu, logo nagłówka, i Linia atrybucji podnosi teraz kolory marki pożyczkodawcy, gdy org Rekord jest rezerwowany, podczas gdy kolory statusowe, aktywa marki Kamo, oraz Kolory pożyczkobiorcy-osobowe pozostają produktowo-kaoniczne. Podstawy: - Serwerowy tag ? styl> ?pieki org's --org-' CSS vars w :root przed pierwszą farbą, zabijając Domyślna aurora - precern-kolorowy flash. - Pomoc luminanowa WCAG (lib/org/luminance.ts) -org-on-primary Od koloru marki, więc tekst na podstawowym wypełnieniu pozostaje czytelny AA Nawet z jasnymi lub zajętymi markami pożyczkodawców. Kredytodawcy mogą zastąpić za pośrednictwem Nowe pole onPrimaryText w organizacji. - Nowy --org-a vars: --org-on-primary, --org-gradient, --org-primary-rgb, -org-sekundowy-rgb. Tailwind v4 . text-org-primary / ring-org-primary / border-org-primary / ? tekst-org-on-primary / bg-org-gradiient, które rozwiązują te Vars w render-time. Modyfikatory wytrzymałości działają poprzez kolor-mix. - DynamicMetaLoader rekomponuje te same wartości na montowaniu i obsługuje ?meOverride.-wergnij kwerendy escape hatch dla QA / podglądów pomocy technicznej. - "link rel""preload" jako "image"> dla logo pożyczkodawcy w głowicy SSR. Ekspansja firmy DTO: - slogan, nmlsId, phoneSupport, emailSupport, equalHousingUnetowanie ("EHO" | 'EHL' | 'BOTH'), onPrimaryText, gradientDirection. - LenderFooter renderuje łącze NMLS Consumer Access + znak EHO/EHL. - HelpSheet używa pożyczkodawcy telefonu / e-maila po utworzeniu, spada z powrotem do Kamo W przeciwnym razie nie domyślnie. - HeroBrandIntro pokazuje slogan pożyczkodawcy. - /apply/done timeline + "Zadzwoń do nas zamiast" CTA korzystaj z kontaktu pożyczkodawcy. Wymiana powierzchni (35 plików): - Każda bg-aurora CTA w lądowaniu / rozruchu / osobowości / CV / aplikowanie/done / ceremonie / 15 waypoint pages / widżety przestrzeni roboczej / Przepływy konwersacji / czat wysyłaj przyciski - bg-org-gradiient Tekst-org-on-primary. - warianty nieprzezroczystości bg-aurora/N. - tekst-aurora - tekst-org-primary, border-aurora - border-org-primary, ring-aurora/N - ring-org-primary/N. - Twardo zakodowane 7B61FF i 21D4A6 hexs w czacie / TRex bubbles / ChoiceGrid / MoneyDial / EstimateReveal / CelebrationStage / ProgressArc / DocumentUploadZone / ConversationTextField zamieniony na rgba(var(--org-primary-rgb), N) / rgba(--org-secondary-rgb), N). - PulseGlow domyślnie rgba(-org-primary-rgb), 0.55), tak: Tętno w aplikacji odbiera markę najemców bez pracy w miejscu zaklęcia. Wyraźne nadpisy kolorów w 3 wcześniejszych stronach połączeń usunięte, więc Domyślnie przepływa. - AmbientField orbs: pierwsze dwa wyciągnięte z --org-primary / --org-secondary przez kolor-mix; trzeci pozostaje dusky fiolet dla kontrastu chromatycznego. - TaskHub bieżąca pigułka i zadaniaSteppera już na gradg org przez przepustkę swap. - Formowanie pierścieni ostrości (focus:ring-aurora/40) przewrócone do fokus:ring-org-primary/40. Logo + ThemeLogo: - Spaceruje łańcuszkiem typu fallback: logo-full-on-dark.?ext? logo-full.?ext? Logo-on-dark.svg - logo.svg - wordmark fallback prop. Na każdym 404 Następny kandydat ładuje się; tylko wtedy, gdy łańcuch jest wyczerpany, robi Odwracanie się render. Symulator najemcy: - /styleguide zyskuje komponent TenantSimulator z sześcioma przedstawicielami wstępnie ustawione (korporacja marynarki wojennej, ciepła pomarańczowa, konserwatywny szary, elektryczny Zielony, róża, północ). Kliknięcie presetu pisze ?themeOverride. Params i przeładowuje, aby cała aplikacja ponownieskóra żyła - pozwala projektantom Inżynierowie i inżynierowie weryfikują dowolną powierzchnię pod dowolną marką pożyczkodawcy bez Wstając prawdziwe wiadra. Powierzchnie celowo NIE tematyczne (pozostać produkt-kaoniczny): - StatusBanner sukces/warancyjny (uniwersalne sygnały statusu) - TestModeBanner (sygnał bezpieczeństwa) - AutosaveBadge teal/bursztyn - Kolory akcentu persona picker (wybór pożyczkodawcy, a nie pożyczkodawca) - Rex avatar (Kamo maskotka) - Odcienie chmurowe odbycia czasu (narracja podróżna) - Kolory akcentu osobowości (cztak ? wybór pożyczkobiorcy) - Paleta Konfetti (celowo wielokolorowa do świętowania) - Link do koncentracji na treści (neutralny markowo z założenia) Zbuduj 32/32, 140 testów.

Wszystkie zmiany

Jak to, co widzisz żeglugę?

Każda z tych aktualizacji automatycznie ląduje w miejscu pracy. Zacznij za darmo i obserwuj, jak rośnie tydzień po tygodniu.

Start Free ForeverZobacz ceny