Resend
bənövşəyi neon rəngli qara məxmər
Resend funksiyası demək olar ki, tam qaranlıqda mövcuddur — təmiz qara kətan, nazik qrafit haşiyələr və buzlu şüşə üzərində çap olunmuş mətni oxumaq hissi yaradan ağ-qara tipoqrafiya. Əsas element dekorativ elementlərdən uzaqdır: üçölçülü qara kubun yanında 96 piksellik Domaine ölçülü tək böyük serif başlıq, qradiyentlər və ya marketinq illüstrasiyaları olmadan. Brend nişanı zəngin bənövşəyi rəngdədir (#9281f7), bu da e-poçt ünvanı sətirlərində, status nişanlarında və kod nümunələrində görünür — heç vaxt düymələrdə olmur. Tək aralı şrift (Commit Mono) hər kod bloku, nişan və sətir içi etiket vasitəsilə geliştiricinin şəxsiyyətini çatdırır və səhifəni lüks interfeysə daxil edilmiş terminal kimi hiss etdirir. Komponentlərin kəskin və ya bir qədər yuvarlaq küncləri (6px / 16px), aşağı hündürlükləri var və təbəqələri ayırmaq üçün kölgələr əvəzinə 1 piksel haşiyələrdən istifadə edirlər. Dinamika incə, lakin ifadəlidir: əsas ekranda mətnin hamar solması və sürüşməsi, WebGL istifadə edərək kubun incə fırlanması və siçanı qaldırarkən qısa 150 ms keçidlər.
Vizual dizayn, demək olar ki, tamamilə WebGL ilə göstərilən 3D obyektlərdən (əsas pəncərədəki qara kub, fırlanan həndəsi formalar) və qaranlıq kod pəncərələrində göstərilən məhsulun istifadəçi interfeysinin daxil edilmiş ekran görüntülərindən ibarətdir. Heç bir fotoşəkil, illüstrasiya və ya həyat tərzi şəkilləri istifadə edilmir. Etibar panelindəki loqotiplər orijinal rənglərində daxil edilmiş SVG şəkilləridir. İkonlar #f0f0f0 və ya #a1a4a5 vuruşlu 1px-1.5px konturlardır. Vizual dil: qara kətan, əsas pəncərə lövbəri kimi 3D obyekt, məhsul sübutu kimi qaranlıq kod pəncərələri, sosial sübut kimi ağ SVG loqotipləri. Dekorativ heç nə yoxdur - hər vizual element ya struktur (kub), ya da nümayişkaranədir (kod pəncərəsi, loqotip).
Palitra
Brend
- Iris Violet
#9281f7— Linklər, etiketlər və vurğulanmış qısa ifadələr üçün bənövşəyi vurğu mətni; ikon konteynerlərində və marka ikonlarında bənövşəyidən magentaya qədər diaqonal gradient. - Iris Violet Glow
#baa7ff— Linklər, etiketlər və qısa vurğulanmış ifadələr bənövşəyi rənglə vurğulanmışdır.
Neytral
- Void Black
#000000— Səhifənin arxa planı, karton səthlər, üst-üstə düşən ekranlar - bütün kətan. - Graphite Hairline
#292d30— Kartların, giriş sahələrinin, düymələrin, kod bloklarının və bölücülərin üzərindəki 1px sərhədləri hər təbəqənin ayrılmasını təyin edir. - White
#ffffff— Əsas başlıqlar, başlıq, düymə etiketləri, qaranlıq səthlərdə işarə doldurma. - Bone White
#f0f0f0— Əsas mətn, ikinci dərəcəli başlıqlar, ikon konturları - oxumaq üçün əsas rəng. - Ash Gray
#a1a4a5— Təmizlənmiş əsas mətn, işarə etiketləri, işarə konturları - üçüncü səviyyəli mətn və metaməlumatlar. - Smoke Gray
#abafb4— Link rəngi, deaktiv düymə mətni, köməkçi etiketlər - dördüncü səviyyəli mətn
Tipoqrafiya
12-dən 96 pikselə qədər · 8 addım
- Inter — əvəzetmə: Inter (Google Fonts) · konturlar 400, 500, 600 · Əsas mətn, UI etiketləri, naviqasiya, düymələr, keçidlər. İş aləti – kod xaricində bütün səthlərdə 1280 dəfə görünür.
- Domaine — əvəzetmə: GT Sectra · konturlar 400 · Başlıq mətni — 96 piksel hərf aralığına malik 400 punktluq şrift — redaksiya xarakterli, demək olar ki, çap mətninə bənzər bir hiss yaradır. Ən böyük başlıq üçün bütün səhifədə yalnız iki dəfə istifadə olunur.
- aBC Favorit — əvəzetmə: Inter Display · konturlar 400, 500 · Bölmə başlıqları və alt başlıqlar. Brend stil şrifti 56 piksel, çəkisi -400, hərflər arasındakı məsafə isə -0.05em-dir. Bu həndəsi sans-serif şriftindəki son dərəcə mənfi hərflər arasındakı məsafə, əsas Domaine şrifti ilə ziddiyyət təşkil edərək, qısaldılmış, inamlı təəssürat yaradır.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 16px |
| Düymə radiusu | 6px |
| Kart radiusu | 16px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 96px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Resend ü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
- Neon — Qaranlıqdan sonra server otağı. Saf qaranlıqda, yalnız məlumatlardan və istifadəçi qarşılıqlı təsirlərindən işıq gəlir.
- Discord — Oyun dünyası açılan söhbət pəncərəsinin arxasında gizlənir - hər bölmə öz işıqlandırması və personaj dəsti ilə müstəqil bir mühitdir
- Midjourney — Dərin okeanda bioluminescent terminal. Zəkanın vizual olaraq ASCII axınlarında özünü yaratdığı və idarəetmənin zəif parıldayan naxışlar kimi göründüyü dərin dəniz dünyası.
- Wope — Wope bənövşəyi üfüq interfeysidir. Şüşənin altından bənövşəyi işıq şüası düşən qaranlıq bir rəsədxana masası təsəvvür edin.
- Ori — Gecəyarısı server otağı qara boşluqdur, ağ işıq var, bir düyməsi yanır.
- Amaterasu — Səma Firuzəyi Müqəddəs Yeri
- Obsidian — Kristal biliklərin anbarı. Parlaq bənövşəyi qarşılıqlı təsir damarları ilə aydınlıq və diqqət üçün hazırlanmış aydın, çoxşaxəli rəqəmsal məkan.
- Morphic — Süni intellektlə işləyən hekayə danışmaq üçün tünd kinematoqrafik kətan. Saf qara rəng tək bir vurğunun mavi titrəməsini və yaradılan görüntünün parıltısını istisna olmaqla, hər şeyi özünə çəkir.
- Valo — Gecəyarısı qara rəsədxana — 300pt tipoqrafiya təmiz qara fonda dalğalanır, tək bir firuzəyi-bənövşəyi qradiyent isə otaqdan lazer xətti kimi keçir.
- JetBrains — Obsidian üzərində Neon Dumanlığı – Bənövşəyi-mavi qradiyentlərin dərin məkanın təsvirləri kimi çiçəkləndiyi, isti çəhrayı neon və hər bir məhsul üçün ikonların xromatik parıltısı ilə qarışdığı qara fon səhifəsi.
- beehiiv — Neon Plazma ilə Gecəyarısı Rəsədxanası
- RainbowKit — Neon rəngli modal pul kisəsi qara boşluqda üzür, mavi-bənövşəyi parıltı qaranlığı deşir.