Seline Analytics
Egy csendes elemző asztal meleg papíron
A Seline szöveg meleg kőmintás háttér előtt (#fafaf9) jelenik meg, egyetlen élénk kék akcentussal – minden más szín semleges, és a Tailwind kőmintás palettájáról származik. A címsorok egyedi tervezésű geometrikus sans-serif betűtípussal (roobert) jelennek meg, 400-as vastagságban és keskeny negatív betűközzel, ami a szövegnek egy laza, szinte suttogásszerű magabiztosságot kölcsönöz, amely ellentétben áll a jellemzően harsány SaaS stílussal. A felhasználói felületek lapos fehér kártyák, amelyek egyetlen, lágy, 16 képpontos elmosással lebegnek a meleg háttér felett; a szegélyek vékony, 1 képpontos kőmintás vonalakkal készülnek, amelyeket nagylelkűen használnak elsődleges szerkezeti elemként a nehéz elválasztók vagy panelek helyett. Az elrendezés lélegzik: teljes szélességű tartalom, amely nagylelkű függőleges ritmusra épül, pirula alakú interaktív vezérlőkkel, egy kabalafigura illusztrációval a személyiség jelzésére és műszerfal képernyőképekkel a termék bizonyítékaként. Az összbenyomás szerkesztőileg analitikus: nyugodt, monokróm, magabiztos, a kék cselekvésre ösztönzés a legfeltűnőbb elem az oldalon, minden más szándékos visszafogottságának köszönhetően.
Az oldal maximális szélességű, körülbelül 1200 képpontos középre igazított, bőséges függőleges hellyel. A fő szöveg egy kétsoros, balra igazított szövegblokk, amelyben egyetlen, kék színnel kiemelt kifejezés ("egyszerű és hatékony") található, majd egy sor két cselekvésre ösztönzéssel (kék tabletta + szellemtabletta), majd egy sor szürkeárnyalatos partnerlogóval, végül egy sor megbízhatósági értékeléssel, végül egy teljes szélességű, lebegő irányítópult-előnézettel, amely kissé átfedésben van a következő résszel. A hajtás alatt egy oszlopos rácsban váltakozó sorokban ajánlások láthatók, majd teljes szélességű szakaszok funkcióleírásokkal, balra igazított szöveggel és középre igazított termékvizualizációkkal. A navigáció egy minimalista felső sáv – a logó bal oldalon, középre igazított navigációs linkek, bejelentkezés + kék cselekvésre ösztönzés jobb oldalon –, a navigáció közepén lebegő avatarcsoporttal, amelyek személyazonosság-ellenőrzésre szolgálnak. A szakaszok közötti terek szélesek (96 képpont), hogy szerkesztői ritmust hozzanak létre, ne pedig sűrű információhalmazt.
A vizuális nyelvet a termék felhasználói felületének képernyőképei uralják – az irányítópult előnézete egy szürkeárnyalatos (1) (0,94) kontrasztszűrővel renderelt fénykép, amely az adatok színeit monokróm árnyalatúra tompítja. Az egyetlen emberi alak egy lineáris kabalamatrica (csuklyás karakter), SVG stílusban rajzolva, csak körvonalakkal, szakaszonként egyszer elhelyezve, játékos ellenpontként az analitikus tartalomhoz, lágy árnyékkal, amely matricaszerű mélységhatást kelt. A márkalogó és a karakterjelek apró fekete szikrák/lángok. Nincsenek fényképek – nincsenek életmódfotók, nincsenek csapatfotók, nincsenek környezeti képek. A tárgy (az irányítópult) a főszereplő. Minden díszítő ikon 1px-es körvonalas stílusú, #0c0a09 vagy #3ba6f1 betűtípussal, soha nem kitöltve.
Paletta
Márka
- Cyan Signal
#3ba6f1— A fő cselekvésre ösztönzés, az aktív linkek és a márkaikonok körvonalai az egyetlen színes kiegészítők az oldalon, amelyeket csak ritkán használnak a cselekvésre való figyelemfelkeltés érdekében. - Cyan Edge
#3398e1— A kék színt a cselekvési körvonalak, linkcímkék és interaktív elemek kiemelésére használjuk. Nem szabad elsődleges színként használni a cselekvésre ösztönzésekhez.
Semleges
- Ink Black
#0c0a09— A főcímek, a kiemelt szövegtörzs és a kifejező ikonok meleg, szinte fekete színűek. - Stone Canvas
#fafaf9— Az oldal háttere meleg, krémes árnyalatú, amely inkább papírra, mintsem egy képernyő fehérségére emlékeztet. - Pure White
#ffffff— A térképfelületek, a kiálló panelek és a beviteli mezők kitöltései alapértelmezés szerint laposak és árnyékmentesek. - Stone Border
#e8e6e5— A kártyákon, a navigáción és a beviteli mezőkön a vékony szegélyek az elsődleges szerkezeti elemek, nem pedig az elválasztók. - Stone Muted
#d6d3d1— További keretek, finom háttérárnyalatok, dekoratív elválasztók. - Ash Gray
#a8a29e— Súgószöveg, ikonvázlatok, letiltott állapotok – olvasható, de inaktív.
Tipográfia
10-től 52 képpontig · 5 lépésben
- Roobert — csere: Inter Tight or Satoshi · körvonalak 400, 500 · A címsorok és a szöveg elrendezéséhez használt egyedi geometrikus sans-serif betűtípus minimális negatív betűközzel (-0,025em 32 képpontnál, -0,021em 52 képpontnál). A 400 x 52 képpontos vastagság a betűtípus védjegye: szokatlan, visszafogott, mégis tekintélyt parancsoló, mégis visszafogott. A címsorok megállják a helyüket anélkül, hogy túlzóak lennének.
- Inter — csere: Inter · körvonalak 400, 500, 600 · A törzsszöveg, a navigáció, a felhasználói felület és a címsorok elsődleges betűtípusa egy semleges, univerzális betűtípus az összes képernyőn kívüli szöveghez. A törzsszöveg túlnyomórészt 14 képpontos, 400-as vastagságú és 1,64-es sorközű betűtípust használ (gyakoriság 1174). A kis méreteknél a pozitív betűköz (0,004em) biztosítja a sűrű felhasználói felület olvashatóságát.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | tágas |
| Alapvető lépés | 8px |
| Gomb sugara | 9999px |
| Kártya sugara | 10px |
| Árnyékok | lágy árnyékok |
| Szakaszok között | 96px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Seline Analytics stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- ElevenLabs — Meleg krémszínű fotóesszé visszafogott címekkel. Bauhaus stílusú jegyzetfüzet – tojáshéjszínű papír, fekete tinta és egyetlen lila és narancssárga díszítőelem a termékek bemutatásához.
- Awesomic — Szerkesztői cinkháló narancssárga írásjelekkel, konfettire emlékeztetve
- Monad — szerkesztőségi műszaki folyóirat meleg pergamenen
- Dub — Link matt rizspapír kezelőpanelje
- Notion — Egy meleg papírfüzet a déli napsütésben
- Anthropic — Tudományos terepnapló meleg pergamenen – nyugodt elefántcsont felületek, csíkos szerkesztői címsorok és egyetlen agyagdísz, amely csak akkor jelenik meg, ha cselekvésre van szükség.
- Calendly — Sötétkék tinta hideg márványon
- Augen Pro — Az Apple fehér prezentációjában a klinikai, súlytalan, elektromos kék szín az egyetlen hangsúly a monokróm térben.
- Antimetal — Krémszínű papíron szerkesztett krónika – egy csendes reggel egy tudományos folyóiratban, ahol a visszafogottság magabiztosságot sugall, és a betűsarok végzi a nehéz munkát.
- Perk — Elektromos lime meleg pergamenpapíron
- Ditto — Egy napsütötte műhely, ahol vadvirágmintákat készítenek. Meleg krémszínű felületek, élénk sárga alapszín, mély sötétkék tinták, organikus színformák virágoznak a darab mögött.
- Officevibe — Egy meleg krémszínű papíron megjelenő vezércikk. Képzeljen el egy elgondolkodtató esszét a HR-menedzsmentről, amelyet termékként mutat be – egy modern kék kezelőfelületen suttogó, talpas, folyóírással írt betűtípus.