Origin Financial
Północnoniebieska galeria cichego przepychu. Ciche, niemal ciemne pomieszczenie, w którym duże czcionki szeryfowe i kilka podświetlonych, kolorowych paneli stwarza wrażenie, że finanse to starannie wyselekcjonowane dzieło sztuki.
Origin prezentuje finanse osobiste jako nocną galerię: niemal czarne płótna, subtelne nagłówki szeryfowe (80–96 px, Lyon Display – 300) i chromatyczne karty tematyczne unoszące się niczym podświetlane panele. Większość powierzchni pozostaje spokojna i monochromatyczna, a nasycone kolory pojawiają się jedynie w formie pełnoekranowych kafelków kategorii dla modułów wydatków, inwestowania i prognozowania, a także sygnałów danych (wykresów, wykresów). Typografia podzielona jest na trzy odrębne style: wysokokontrastowy szeryf dla komunikatów emocjonalnych, neogroteskowy bezszeryfowy dla interfejsu użytkownika oraz czcionka o stałej szerokości dla nagłówków technicznych i danych pisanych wielkimi literami, co tworzy wrażenie redakcyjnego stylu i precyzji. Jedynym elementem jest biały tekst na czarnym tle; reszta interfejsu pogrąża się w mroku.
Ciemne płótno rozciąga się na całą szerokość strony (pojemnik treści ma maksymalną szerokość 1200 px, ale sekcje zawijają się aż do krawędzi). Rytm strony zmienia się między: (1) efektownym zdjęciem powitalnym z wyśrodkowanym nagłówkiem i osadzoną podpowiedzią AI, (2) modułami na całą szerokość, (3) jasnymi odwróconymi blokami statystyk #cacaca dla kontrastu oraz (4) paskami układu produktu z odstępem 90 px. Nagłówki są zawsze wyśrodkowane; karty kategorii funkcji są ułożone w siatce 3-kolumnowej z odstępami 12-15 px. Pionowy odstęp między sekcjami wynosi 24-80 px, co zapewnia wystarczającą przestrzeń między modułami. Nawigacja to stały górny pasek z rozmytym tłem (filtr tła (24 px)), zawierający logo, 3 elementy nawigacyjne w postaci przycisków ghost, link tekstowy „Zaloguj się” i białe, główne wezwanie do działania „Rozpocznij” wyrównane do prawej.
Centralnym elementem jest fotografia nastrojowa (pełnoklatkowe zdjęcie chmur i nieba w stonowanej, chłodnej oprawie bardziej przypomina inspirujące, otwarte niebo niż rzeczywistą pogodę). Wizualizacja produktu przedstawia pochylone rendery aplikacji Origin na iPhone'a na niemal czarnym tle – urządzenie jest głównym elementem, z subtelną, wolumetryczną poświatą, a nie efektami odblasku ekranu. Brak ilustracji, abstrakcyjnych grafik i zdjęć lifestylowych. Ikony są minimalistyczne, z monoliniowymi obrazami SVG przedstawiającymi białe linie lub sylwetki. Ogólnie rzecz biorąc, dominuje tekst: typografia stanowi około 80% wizualnego ciężaru, a obrazy zarezerwowane są dla atmosfery i prezentacji produktu.
Monit o obrazy AI w stylu Origin Financial
Stwórz obraz w stylu wizualnym strony Origin Financial CO PRZEDSTAWIĆ: [wpisz swój przedmiot i życzenia — na przykład: „kubek kawy na drewnianym stole, poranne światło”] STYL: Północna Galeria Cichego Bogactwa. Cichy, niemal ciemny pokój, gdzie przedmiot tworzy wrażenie starannie wyselekcjonowanego dzieła sztuki. Nastrojowe zdjęcia z stonowaną, chłodną obróbką, które sprawiają wrażenie inspirującego otwartego nieba. Bez ilustracji, abstrakcyjnej grafiki i zdjęć w stylu lifestyle. ŚWIATŁO I MATERIAŁY: Prawie czarne tło. Ledwo zauważalna objętościowa poświata, bez efektów odblasków. Miękkie, rozproszone światło, podkreślające formę. Dominujący ciemny motyw, granice zamiast cieni. PALETA: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011. KOMPOZYCJA KADRU: Centralny element, dominujący w kadrze. Pełnoformatowe zdjęcie. Obiekty przedstawione jako główne elementy, z wystarczającą przestrzenią wokół na ciemnym tle. Szeroki format. WYMAGANIA: fotorealistyczne i czyste, światło i kolory ściśle z powyższej palety. NIE dodawać tekstu, napisów, cyfr, interfejsów i makiet stron internetowych, jeśli nie zostały o to poproszone w „CO PRZEDSTAWIĆ”. Bez znaków wodnych, obcych logo i nazw marek.
Paleta
Marka
- Iris Gleam
#847dff— Głównym akcentem kolorystycznym kart kategorii jest charakterystyczny kolor fioletowy, który najczęściej można spotkać na kafelkach modułowych.
Neutralny
- Cyan Signal
#00b3dd— Skupienie się na danych – linie wykresów, kreski mini-wykresów i wskaźniki prognozowania na ciemnych powierzchniach. - Pale Iris
#d1c9ff— Jaśniejsza wersja fioletu przeznaczona do łagodniejszych schematów kolorów w panelach motywów i wypełnieniach tła. - Deep Iris
#4b49aa— Ciemnofioletowy wariant kolorystyczny dla zacieniowanych pasków kategorii i statusu po najechaniu kursorem. - Orchid Bloom
#dd90d8— Różowa karta kategorii modułów Styl życia/Wydatki tworzy ciepły kontrast z chłodną paletą barw. - Periwinkle
#90b8f0— Miękka, niebieska karta kategorii przeznaczona do modułów poradnictwa lub modułów dla par. - Obsidian
#0f1011— Płótnem strony jest dominująca, ciemna powierzchnia, na której wszystko unosi się.
Typografia
od 12 do 96px · 7 kroków
- Suisseintltrial — wymiana: Inter · wytyczne 400 · Suisseintltrial - znaleziono w wyodrębnionych danych, ale nieopisany przez sztuczną inteligencję.
- Lyon Display — wymiana: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · wytyczne 300 · Nagłówki i tytuły sekcji są charakterystyczne dla stylu. Używana jest jedynie czcionka 300 (jasna), co nadaje tekstowi miękkości, a jednocześnie pewności siebie; ekstremalny rozmiar (38–96 px) i wąski odstęp między wierszami 0,9 tworzą wyraźne napięcie.
- Suisse Int'l — wymiana: Inter or Geist Sans at matching weights · wytyczne 300, 400 · Tekst główny, opisy kart, tekst linków i pola wprowadzania danych. W podtytułach kart o szerokości 18 pikseli zastosowano grubość 300 pikseli, aby subtelnie nawiązać do wyświetlanego tekstu; grubość 400 pikseli dotyczy głównego tekstu interfejsu użytkownika.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | przeciętny |
| Podstawowy krok | 12px |
| Promień przycisku | 8px |
| Promień karty | 16px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 80px |
| Szerokość strony | 1200px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Origin Financial i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- July Fund — Monografia w ciemnej galerii z kolorowymi kartami rozdziałów
- FLORA — Galeria na czarnym aksamicie – czyste, ciemne płótno, jasne obrazy jako jedyny kolor
- Mercury — Alpejskie brzegi o zmierzchu
- Linear — instrument o precyzji północy
- Air — rzeźba „Północne niebo przez szkło”
- Raycast — Centrum dowodzenia Midnight, Coral Neon
- dope.security — Terminal północny z fioletowymi sygnalizatorami
- Dimension — stanowisko pracy oświetlone światłem dziennym, z panelami ze szkła matowego
- Giga — Północny horyzont nad zmrożonym obsydianem
- Reflect Notes — Gwiaździsta fioletowa przestrzeń to ciemne obserwatorium, w którym nuty unoszą się niczym konstelacje na tle niemal czarnej, indygowej pustki.
- Ameba — Sala kontrolna o północy – elektryzujący, błękitny impuls wewnątrz matowych szklanych paneli
- Branding — Czarna ściana galerii, krwistoczerwone akcenty - duże, białe czcionki unoszą się na ciemnym płótnie przypominającym pustkę, przerwanym pojedynczym jaskrawoczerwonym akcentem i uderzającymi elementami dekoracyjnymi, które wyglądają bardziej jak szyldy galerii niż interfejs internetowy.