Slash
Qızılı dəftərləri olan gecə yarısı sərdabəsi
Slash gecə yarısı qalereya rejimində işləyir: demək olar ki, qara kətan, ağ şrift və durğu işarəsi kimi xidmət edən tək isti mis vurğu. Başlıqlar həddindən artıq ölçülərdə (88 pikselə qədər) istifadə edilən yüksək kontrastlı didon serif olan Ivy Presto-da göstərilir - serif və sans-serif şriftlərinin bu toqquşması sistemin imzasıdır və ənənəvi bankçılığın brokerlik ağırlıqları olmadan ona maliyyə ağırlığı verir. İstifadəçi interfeysinin qalan hissəsi qəsdən kiçildilmişdir: nazik haşiyələr, həb formalı idarəetmə elementləri, kompakt 16 piksellik əsas mətn və şriftin nəfəs almasına imkan verən incə yuxarı sürüşmə. Tək qızılı qradiyent (diaqram xətti, mikro vurğu) monoxrom sistemə istilik qatır və dizayn auditoriyası üçün qurulmuş Bloomberg terminalının isti parıltısını xatırladır.
Məzmun 1216 piksel enində, mərkəzləşdirilmiş və 160 piksel şaquli novlarla təchiz olunub. Əsas ekran qaranlıq, tam enli bir kətan şəklindədir və parçalanmış kompozisiyaya malikdir: aşağıda e-poçt ünvanı sahəsi olan sola düzülmüş serif başlıq (64–88 piksel enində) və sağda 50% enində böyük bir məhsul UI kartı (idarəetmə panelinin ekran görüntüsü). Sonrakı bölmələrdə İnter-də alt başlıq olan tək sütunlu, mərkəzləşdirilmiş başlıq (serif, 44–64 piksel enində), ardınca xüsusiyyət təsvirləri/rəylər/bloqlar üçün üç sütunlu kart şəbəkələri istifadə olunur. Naviqasiya sabit üst paneldir: solda loqo, mərkəzi menyu (Şirkət, Məhsullar, Həllər, Müştərilər, Qiymətlər, Tez-tez Verilən Suallar), sağa düzülmüş giriş (gözə çarpmayan) və başlanğıc (ağ doldurulmuş element). Altbilgidə şirkət məlumatları və hüquqi bildirişlər olan sıx beş sütunlu bağlantı şəbəkəsi var. Səhifə məzmunla zəngin şəbəkə bölmələri və tam ekran statistikaları arasında növbələşir — ritm fon rənglərinin dəyişməsi əvəzinə sütunlar arasındakı geniş ağ boşluqla müəyyən edilir (bütün səhifə vahid, vahid kətan kimi təqdim olunur).
Fotoqrafiya redaksiya və təbiidir: təsisçilərin və komanda üzvlərinin real həyatdakı iş mühitlərində (ofislər, qonaq otaqları, tikinti sahələri) isti portretləri. Şəkillər kart çərçivələrini kənarlardan kənarlara doldurur, heç bir boşluq qoymur. Mətnin oxunaqlılığını artırmaq üçün rəy kartlarının alt hissəsində tünd qradiyent istifadə olunur. Estetik — "LinkedIn redaksiya jurnalı ilə qarşılaşır" — təsadüfi, insani və bir az səssizdir, heç vaxt stok fotoqrafiya ilə cilalanmır. Məqalənin kiçik şəkilləri fotoşəkilləri illüstrasiyalı konsepsiyalarla (labirintdə dayanan şəxs, pul kisələri olan kamin) birləşdirir. Məhsulun istifadəçi interfeysi qaranlıq rejimdə tam qeyri-şəffaflıqla göstərilir, səhifənin üstündə incə qaranlıq səthlərdə — mərkəzi elementdə — hərəkət edir. İkonlar #2e3038 və ya #777a88 ölçülü 1 piksellik vuruşlarla monoxromdur, heç vaxt marka rəngi ilə doldurulmur.
Palitra
Neytral
- Bone
#e2e3e9— Əsas mətn üçün böyük şrift ölçüsü, ətraflı məlumat etiketləri və əksər UI elementlərində standart mətn tonu. - Obsidian
#08080a— Səhifənin kətan hissəsi, altbilgi fonu, ən tünd səth, demək olar ki, qara rəngdədir və incə mavi rəngdədir. - Onyx
#040406— Kartın səthi, əlavə fon, vizual effekt üçün səhifədən bir addım daha dərindir. - Carbon
#121317— Qaldırılmış panellər, gözə çarpmayan UI doldurulması - Surface Stack-in təkamülündə ilk nəzərəçarpacaq dərəcədə yüngül addım - Graphite
#1c1d22— Sərhədlər, bölücülər, işarə konteynerləri, idarəetmə sürgüləri — strukturu müəyyən edən ən incə rəng çaları. - Slate
#2e3038— Əlavə sərhədlər, səssizləşdirilmiş simge xətləri, məzmun blokları arasında incə bölücülər.
Tipoqrafiya
13-dən 88 pikselə qədər · 9 addım
- Ivy Presto — əvəzetmə: Playfair Display · konturlar 400, 500 · Başlıqlar və alt başlıqlar üçün serif şrift — yalnız 28 piksel və daha yüksək ölçülü başlıqlar və bölmə başlıqları üçün istifadə olunur. Nazik seriflərlə yüksək kontrastlı didon cizgiləri redaksiya lüksü hissi yaradır; 0.01em kiçik müsbət hərf aralığı qeyri-adidir və şriftə çap olunmuş, mühasibat uçotuna bənzər bir görünüş verir. Bu serif şrift brendin əsas vizit kartıdır — Slash-ı həndəsi sans-serif şriftlərindən istifadə edən bütün digər SaaS fintech şirkətlərindən fərqləndirir.
- Inter — əvəzetmə: Inter (self-hosted via Google Fonts) · konturlar 300, 400, 500, 600, 700 · UI Sans — əsas mətn, naviqasiya, düymələr, etiketlər, keçidlər, forma sahələri və alt başlıqlar. Əsas mətndə diqqət çəkməyən ikinci dərəcəli mətn üçün 300 şriftindən istifadə olunur; 500 orta vurğulu mətn və düymə etiketləri üçün istifadə olunur; 600 kiçik hərflərlə yazılmış kateqoriya etiketləri üçün ayrılıb. Mənfi hərf aralığı 2-dən (-3) azalır və ölçü azaldıqca azalır ki, bu da Inter şriftinin optik miqyaslanması üçün xarakterikdir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 8px |
| Düymə radiusu | 9999px |
| Kart radiusu | 10px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 160px |
| Səhifə eni | 1216px |
Süni intellekt veb saytınızı Slash üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Modal — Qaranlıq server otağında fosforlu terminal - yeganə işıq mənbəyi parlaq yaşıl rəngdir
- AgentQL — Gecə terminalının üzərindəki şimal işıqları
- GitHub — Bioluminescent idarəetmə nöqtələri olan kosmik idarəetmə paneli — tək bir yaşıl parıltının irəliyə doğru yol göstərdiyi qaranlıq, atmosferik bir iş sahəsi.
- Doppler — Gecə yarısı sərdabənin bənövşəyi işıqlandırması. Demək olar ki, qara kətan tək bir lavanda siqnalı və yaşıl təsdiq işığı ilə parlayır, hər səth tutmaq üçün kifayət qədər əyridir.
- Basedash — Mat şriftli gecə yarısı məlumat terminalı. Metriklərin bənövşəyi və yaşıl rəngdə parıldadığı, serif başlıqların səs-küyün üzərində üzdüyü və ağ həb formalı düymələrin yumşaq qara səthli bir otaqda yeganə parlaq obyektlər olduğu qaranlıq bir rəsədxana.
- Superwhisper — Şimal işıqları gecə yarısı şüşəsinin üzərində əriyir
- Better Stack — Gecəyarısı SRE Konsolu
- Langbase — Gecəyarısı Şimal İşıqları konsolu
- Astro — Dumanlıqdan gələn tək bir bənövşəyi parıltı ilə Dərin Kosmik Missiya Nəzarəti
- Wayfinder — Canlı illüstrasiyanın üzərində çətinliklə eşidilən başlıq olan qara film ekranı. İnterfeys idarəetmə paneli deyil, parlaqlıq sürgüsüdür.
- HashiCorp — Gecə yarısı bənövşəyi neon işıqlarla işıqlandırılan idarəetmə otağı, parlaq altıbucaqlı kubun yeganə rəng istinadı kimi xidmət etdiyi qaranlıq texniki bir səthdir.
- Umbrel — Gecə server otağında rahat bir ocaq — tək bir şaftalı parıltısının həqiqətən vacib olanı vurğuladığı qaranlıq bir otaq.