Resend
нил ягаан неон өнгөтэй хар хилэн
Дахин илгээх функц нь бараг бүрэн харанхуйд оршдог - цэвэр хар даавуу, нимгэн бал чулуун хүрээ, цагаан дээр хар өнгийн фонт нь царцсан шилэн дээр хэвлэсэн текстийг уншиж байгаа мэт мэдрэмжийг төрүүлдэг. Гол элемент нь гоёл чимэглэлийн эсрэг шинж чанартай: гурван хэмжээст хар кубын хажууд 96px Domaine хэмжээтэй ганц том сериф гарчиг, градиент эсвэл маркетингийн зураглалгүй. Брэндийн тэмдэг нь баялаг нил ягаан (#9281f7) бөгөөд энэ нь имэйл хаягийн мөр, статусын дүрс, кодын дээж дээр гарч ирдэг - товчлуур дээр хэзээ ч байдаггүй. Нэг зайтай фонт (Commit Mono) нь хөгжүүлэгчийн хувийн шинж чанарыг кодын блок, дүрс, мөр доторх шошго бүрээр дамжуулан илэрхийлдэг бөгөөд хуудсыг тансаг интерфэйсээр хаалттай терминал шиг мэдрүүлдэг. Бүрэлдэхүүн хэсгүүд нь хурц эсвэл бага зэрэг бөөрөнхий булантай (6px / 16px), намхан өндөртэй бөгөөд давхаргыг салгахын тулд сүүдрийн оронд 1px хүрээ ашигладаг. Динамик нь нарийн боловч илэрхийлэлтэй: үндсэн дэлгэц дээр текст жигд бүдгэрч, гулсах, WebGL ашиглан кубыг нарийн эргүүлэх, хулганыг зөөхөд богино 150 мс шилжилт.
Харааны дизайн нь бараг бүхэлдээ WebGL (үндсэн цонхон дээрх хар куб, эргэлдэгч геометрийн дүрс)-ээр дүрслэгдсэн 3 хэмжээст объектууд болон бараан кодын цонхонд харуулсан бүтээгдэхүүний хэрэглэгчийн интерфэйсийн суулгагдсан дэлгэцийн агшингуудаас бүрдэнэ. Зураг, чимэглэл, амьдралын хэв маягийн зургийг ашиглаагүй болно. Итгэмжлэлийн мөрөнд байгаа логонууд нь анхны өнгөөрөө суулгагдсан SVG зургууд юм. Дүрсүүд нь #f0f0f0 эсвэл #a1a4a5 зураастай 1px-1.5px хэмжээтэй тоймууд юм. Харааны хэл: хар даавуу, үндсэн цонхны зангуу болгон 3 хэмжээст объект, бүтээгдэхүүний баталгаа болгон бараан кодын цонх, нийгмийн баталгаа болгон цагаан SVG лого. Чимэглэлийн зүйл байхгүй - харааны элемент бүр бүтцийн (куб) эсвэл үзүүлэх (кодын цонх, лого) аль нэг нь байдаг.
Палетт
Брэнд
- Iris Violet
#9281f7— Холбоос, шошго, тодруулсан богино хэллэгүүдэд зориулсан нил ягаан өнгийн өргөлттэй текст; дүрсний сав болон брэндийн дүрс дээр нил ягаанаас ягаан хүртэл диагональ градиент. - Iris Violet Glow
#baa7ff— Холбоосууд, шошго болон богино тодруулсан хэллэгүүдийг нил ягаан өнгөөр тодруулсан.
Төвийг сахисан
- Void Black
#000000— Хуудасны дэвсгэр, картон гадаргуу, давхарласан дэлгэц - бүхэл бүтэн зураг. - Graphite Hairline
#292d30— 1px нь картууд, оролтын талбарууд, товчлуурууд, кодын блокууд, тусгаарлагчид дээр хиллэдэг - давхаргын тусгаарлалт бүрийг тодорхойлно. - White
#ffffff— Харанхуй гадаргуу дээрх үндсэн гарчиг, гарчиг, товчлуурын шошго, дүрс тэмдгээр дүүргэх. - Bone White
#f0f0f0— Үндсэн текст, хоёрдогч гарчиг, дүрс тэмдгийн тойм - унших гол өнгө. - Ash Gray
#a1a4a5— Дуугүй болгосон үндсэн текст, дүрс тэмдгийн шошго, дүрс тэмдгийн тойм - гуравдагч түвшний текст болон мета өгөгдөл. - Smoke Gray
#abafb4— Холбоосын өнгө, идэвхгүй болгосон товчлуурын текст, туслах шошго - дөрөв дэх түвшний текст
Типографи
12-оос 96 пиксел хүртэл · 8 алхам
- Inter — солих: Inter (Google Fonts) · тоймууд 400, 500, 600 · Биеийн текст, хэрэглэгчийн интерфэйсийн шошго, навигаци, товчлуурууд, холбоосууд. Ажиллах хэрэгсэл – кодоос бусад бүх гадаргуу дээр 1280 удаа гарч ирдэг.
- Domaine — солих: GT Sectra · тоймууд 400 · Гарчгийн текст болох 400 цэгийн фонт нь 96 пикселийн үсгийн зайтай бөгөөд бараг хэвлэмэл мэт мэдрэмж төрүүлдэг. Хамгийн том гарчиг авахын тулд энэ нь хуудсан дээр ердөө хоёр удаа ашиглагддаг.
- aBC Favorit — солих: Inter Display · тоймууд 400, 500 · Хэсгийн гарчиг болон дэд гарчиг. Брэндийн хэв маягийн фонт нь 56 пиксел, зузаан нь -400, үсгийн зай нь -0.05em. Энэхүү геометрийн sans-serif фонтын маш сөрөг үсгийн зай нь үндсэн Domaine фонттой харьцуулахад товч, өөртөө итгэлтэй сэтгэгдэл төрүүлдэг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | зайтай |
| Үндсэн алхам | 16px |
| Товчлуурын радиус | 6px |
| Картын радиус | 16px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 96px |
| Хуудасны өргөн | 1200px |
Хиймэл оюун ухаан таны вэбсайтыг Resend хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Neon — Харанхуй болсны дараах серверийн өрөө. Цэвэр харанхуй, зөвхөн өгөгдөл болон хэрэглэгчийн харилцан үйлчлэлээс гэрэл ирдэг.
- Discord — Тоглоомын ертөнц нь гарч ирэх чат цонхны ард нуугдсан байдаг - хэсэг бүр нь өөрийн гэсэн гэрэлтүүлэг, дүрүүдийн багцтай бие даасан орчин юм.
- Midjourney — Далайн гүн дэх биолюминесцент терминал. Оюун ухаан нь ASCII урсгалд өөрийгөө бий болгодог, удирдлага нь бүдэг гэрэлтсэн хээ мэт харагддаг далайн гүн ертөнц.
- Wope — Вопе бол нил ягаан өнгийн тэнгэрийн хаяатай интерфэйс юм. Шилний доороос нил ягаан гэрэл тусаж буй харанхуй ажиглалтын ширээг төсөөлөөд үз дээ.
- Ori — Шөнө дундын серверийн өрөө хар хоосон, цагаан гэрэлтэй, нэг унтраалга асаалттай байна.
- Amaterasu — Тэнгэрийн оюу өнгийн ариун газар
- Obsidian — Талст мэдлэгийн агуулах. Тодорхой байдал, төвлөрлийг хангах зорилготой, гэрэлтсэн нил ягаан өнгийн харилцан үйлчлэл бүхий тунгалаг, олон талт дижитал орон зай.
- Morphic — Хиймэл оюун ухаанаар ажилладаг түүх өгүүлэхэд зориулсан бараан өнгийн кино зураг. Цэвэр хар өнгө нь ганц аялга болон үүсгэсэн дүрсний гэрэлтэлтээс бусад бүх зүйлийг шингээдэг.
- Valo — Шөнө дундын хар өнгийн ажиглалтын төв—300pt фонттой хэвлэмэл зураг цэвэр хар дэвсгэр дээр хөвж байх бол оюу-ягаан өнгийн ганц градиент нь лазер шугам мэт өрөөгөөр дамжин өнгөрнө.
- JetBrains — Обсидиан дээрх неон мананцар – Нил ягаан-цэнхэр өнгийн градиентууд нь гүн орон зайн дүрс шиг цэцэглэдэг хар дэвсгэр хуудас бөгөөд тод ягаан неон болон бүтээгдэхүүн бүрийн хроматик дүрсүүдтэй холилдсон байдаг.
- beehiiv — Неон плазмтай шөнө дундын ажиглалтын төв
- RainbowKit — Неон өнгийн түрийвчний зохион байгуулагч хар хоосон зайд хөвж, цэнхэр нил ягаан туяа харанхуйг нэвтлэн тусна.