
ElevenLabs
نرم سرخين سان گرم ڪريم ٽون ۾ هڪ تصويري مضمون. هڪ باهاؤس طرز جي نوٽ بڪ - انڊي شيل رنگ جو ڪاغذ، ڪارو مس، ۽ پراڊڪٽ ڊسپلي لاءِ هڪ واحد جامني ۽ نارنگي تلفظ.
اِليون ليبز هڪ گرم، اڇي گهٽ ۾ گهٽ انداز ۾ ڪم ڪري ٿو: هڪ انڊي شيل رنگ جو ڪينواس (#fdfcfc) ڪارو قسم سان ۽ گرم ٽائوپ سطحن جي هڪ پرت (#f5f3f1). برانڊ جي سڃاڻپ خاموش ۽ پراعتماد آهي - مشڪل سان فرق ڪرڻ وارو والڊنبرگ 300 ٽائيپ فيس انتهائي وضاحت (-0.02em) سان هيڊ لائنز کي نمايان ڪري ٿو، جڏهن ته انٽر 400/500 هر شيءِ کي پرسکون غير جانبداري ڏئي ٿو. ٻه تلفظ رنگ - متحرڪ جامني #0447ff ۽ متحرڪ نارنگي #ff4704 - صرف پراڊڪٽ جي بصري عنصرن (آڊيو اسفيئرز، پراڊڪٽ آئڪن) اندر پاپ ٿين ٿا، ڪڏهن به UI ۾ ڪروم وانگر نه. اجزاء پتلي 1px بارڊرن، ڪارڊن تي ويڪر 20px ريڊي، ۽ مڪمل طور تي ڀريل 9999px بٽڻن سان فليٽ يا ٿورو مٿي رهندا آهن. سسٽم ڪريم پيپر تي باهاؤس اسٽوڊيو جي ياد ڏياريندڙ آهي: محدود، ادارتي ۽ ٽيڪنيڪل طور تي صحيح.
مڪمل ويڪر وارا حصا عمودي طور تي هڪ واحد، وڌ ۾ وڌ ويڪر واري مرڪزي ڪالم ۾ 1280px ٻاهرين گٽر سان ترتيب ڏنل آهن. مکيه حصو غير متناسب آهي: هيڊنگ 48px والڊنبرگ سطح تي کاٻي پاسي سان ترتيب ڏنل آهي، وضاحت جو متن ساڄي پاسي سان ترتيب ڏنل آهي، ۽ ٻه گولي جي شڪل وارا بٽڻ هيڊنگ هيٺ واقع آهن. مکيه حصي جي هيٺان هڪ وڏو ٽيب ٿيل نيويگيشن بار آهي جيڪو پوري مواد جي ويڪر کي پکڙيل آهي. سيڪشن 96-125px جي عمودي گٽر سان گڏ ايگ شيل رنگ ۽ ٽيپ پس منظر جي وچ ۾ متبادل آهن. فوٽر هڪ ڪمپيڪٽ، سنگل پٽي آهي. نيويگيشن هڪ گهٽ ۾ گهٽ ٽاپ بار آهي - ڪو به مقرر ٿيل رويو، ڪو به ميگا مينيو ناهي. مواد جي تال ادارتي انداز سان ملائي ٿي: ڪافي اڇو جڳهه، هر سيڪشن ۾ هڪ مکيه بصري عنصر، ۽ "ٽرسٽ" سيڪشن جي تحت ڪو به ڪارڊ گرڊ ناهي.
بصري ڊيزائن تي رنگن جي اسڪيم جو غلبو آهي: نرم آڊيو اسپيرز جي صورت ۾ وڏا گريڊيئنٽ (200px+ دائرا جامني کان نارنگي ۽ گلابي تائين ريڊيل منتقلي سان) مکيه گرافڪ عنصر طور ڪم ڪن ٿا. "ٽرسٽ" سيڪشن ۾ لوگو هڪ ميٽ ڪينواس پس منظر جي خلاف گهٽ ڪنٽراسٽ گري اسڪيل ۾ پيش ڪيا ويا آهن. فوٽوگرافي گهٽ ۾ گهٽ آهي - ڪابه طرز زندگي يا پراڊڪٽ جون تصويرون نه آهن. آئڪنوگرافي گهٽ ۽ مونوڪروم آهي (ڪارو خاڪو يا ڀريل آئڪن، ڪو به ڪروميٽ آئڪن نه). بصري سسٽم پراڊڪٽ ڪيٽلاگ جي ڀيٽ ۾ ڊيزائن جي اشاعت جي وڌيڪ ياد ڏياريندڙ آهي - ادارتي پابندي مارڪيٽنگ اثر تي غالب آهي.
پيليٽ
برانڊ
- Violet Spark
#0447ff— پراڊڪٽ بصري زور - صرف آڊيو اسپير جي تصويرن ۽ آرائشي پراڊڪٽ آئڪن ۾ ظاهر ٿئي ٿو؛ انٽرفيس عنصرن لاءِ ڪڏهن به استعمال نه ڪيو ويندو آهي.
غير جانبدار
- Eggshell
#fdfcfc— صفحي جي ڪينواس، بٽڻ جي مٿاڇري، ۽ ڪارڊ جي مٿاڇري گرم، ٿوري ڪريمي آهن، سخت اڇي جي بدران، ڊجيٽل چمڪ کان بچڻ ۽ سائيٽ کي ڪاغذ جي سڪون ڏيڻ لاءِ. - Warm Taupe
#f5f3f1— ورهائيندڙ پٽيون، آرائشي ڪارڊ ۽ هڪ اضافي مٿاڇري جي سطح - ميٽ مٿاڇري کان هڪ قدم وڌيڪ اونهي - هڪ خاموش، بي سرحد علحدگي پيدا ڪن ٿا. - Stone
#ebe8e4— پتلي سرحدون، ورهائيندڙ، ۽ آئڪن پس منظر هڪ گرم ڀوري رنگ جا آهن جيڪي ٿڌ محسوس ڪرڻ کان سواءِ ٽائپ ۽ وچولي ڀوري رنگ جي وچ ۾ هوندا آهن. - Ink
#000000— ڇا اهو باڊي ٽيڪسٽ هجي، ڀريل بٽڻ هجن، نيويگيشن هجن، يا لنڪس هجن، خالص ڪارو رنگ گرم رنگ جي پيليٽ لاءِ بنياد طور ڪم ڪري ٿو ۽ سسٽم ۾ واحد تيز برعڪس پيدا ڪري ٿو. - Graphite
#44403b— باڊي ٽيڪسٽ، سيڪشن هيڊنگز - هڪ نفيس گرم ڳاڙهو گرين رنگ متن لاءِ جيڪو ڪاري جي سختي کان سواءِ سخت هجڻ گهرجي. - Smoke
#777169— مکيه متن، محتاط وضاحتون، ۽ ڪيپشن وچولي گرم ڀوري رنگ ۾ آهن؛ ڪارڊن ۽ موضوعي متنن جو غالب، پڙهڻ لائق، پر پرسکون انداز.
ٽائپوگرافي
10 کان 48 پکسلز تائين · 8 مرحلا
- Waldenburg — متبادل: Inter (300) or Söhne Light · خاڪا 300 · صرف عنوانن ۽ ڊيزائن جي عنصرن لاءِ. 300 جي فونٽ وزن سان 48/36/32px فارميٽ ۾ استعمال ڪيو ويندو آهي - هڪ الٽرا لائيٽ فونٽ غير روايتي آهي؛ گهڻيون ويب سائيٽون 600-700 استعمال ڪنديون آهن؛ هي نفيس فونٽ پابندي ذريعي اختيار پهچائيندو آهي. -0.02em جو تنگ اکرن جو فاصلو وڏي سائيز ۾ اکرن جي وچ ۾ هڪ ويجهو فٽ پيدا ڪري ٿو. متبادل: 300 وزن ۾ "انٽر" يا هڪ پريميئم متبادل طور هلڪي وزن ۾ "Söhne".
- Inter — متبادل: Inter or system-ui · خاڪا 400, 500 · اسڪرين کان ٻاهر سڀ ڪجهه: باڊي ٽيڪسٽ، نيويگيشن، بٽڻ، لنڪس، ليبل، ان پٽ فيلڊ، ڪارڊ. 400 ڊفالٽ وزن آهي؛ 500 بٽڻن ۽ نمايان ٿيل لنڪس لاءِ مخصوص آهي. سائيز 10 کان 10 تائين آهن، گهٽ لائين اسپيسنگ (1.47–1.6) سان، پيراگراف کي سانس وٺڻ لاءِ جاءِ ڏئي ٿي. 14 کان 3 جي سائيز تي +1 (2) جو ننڍڙو اکر اسپيسنگ ننڍي سائيز تي پڙهڻ جي صلاحيت کي بهتر بڻائي ٿو.
- Geist Mono — متبادل: JetBrains Mono or IBM Plex Mono · خاڪا 400 · ڪوڊ يا ٽيڪنيڪل ٽيڪسٽ جي ڀرسان مائڪرو ٽيڪسٽ، 13px تي رکيل - ٽيڪنيڪل ليبلز يا ميٽا ڊيٽا لاءِ گهٽ استعمال ٿيندڙ (فريڪونسي = 28). سنگل پرت، 1.69 جي وڏي لائن جي اوچائي.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 8-16px |
| بٽڻ جو ريڊيس | 9999px |
| ڪارڊ جو ريڊيس | 20px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 96-125px |
| صفحي جي ويڪر | 1280px |
AI توهان جي ويب سائيٽ ElevenLabs انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Awesomic — نارنگي اوقاف جي نشانين سان ايڊيٽوريل زنڪ ميش جيڪو ڪنفيٽي جي ياد ڏياري ٿو
- Monad — گرم پارچمينٽ تي ايڊيٽوريل ٽيڪنيڪل جرنل
- Dub — لنڪ جو ميٽ رائس پيپر ڪنٽرول پينل
- Seline Analytics — گرم ڪاغذ تي هڪ خاموش تجزياتي ٽيبل
- Notion — منجهند جي سج ۾ هڪ گرم ڪاغذ جي نوٽ بڪ
- Anthropic — گرم ويلم تي هڪ سائنسي فيلڊ جرنل - پرسڪون هٿي دانت جون مٿاڇريون، سيرف ٿيل ادارتي عنوان، ۽ هڪ واحد مٽيءَ جو تلفظ جيڪو صرف تڏهن ظاهر ٿئي ٿو جڏهن عمل جي ضرورت هجي.
- Calendly — ٿڌي سنگ مرمر تي ڳاڙهي نيري مس
- Augen Pro — ايپل جي اڇي پيشڪش ۾ هڪ مونوڪروم اسپيس ۾ واحد تلفظ جي طور تي هڪ ڪلينڪل، بي وزن، برقي نيرو رنگ شامل آهي.
- Antimetal — ڪريم پيپر تي هڪ ادارتي تاريخ - هڪ سائنسي جرنل ۾ هڪ خاموش صبح، جتي ضبط اعتماد جو اظهار ڪري ٿو ۽ سيريف ڳرو ڪم ڪن ٿا.
- Perk — گرم پارچمينٽ پيپر تي اليڪٽرڪ ليم
- Ditto — سج جي روشني ۾ جهنگلي گلن جا نمونا ٺاهيندڙ ورڪشاپ. گرم ڪريم مٿاڇريون، هڪ متحرڪ پيلو بنيادي رنگ، گہرے نيري رنگ جي مس، ٽڪري جي پويان ڦٽي رهيا نامياتي رنگ جون شڪلون.
- Officevibe — گرم ڪريم رنگ جي ڪاغذ تي هڪ ادارتي رسالو. تصور ڪريو HR مئنيجمينٽ تي هڪ سوچيندڙ مضمون، هڪ پراڊڪٽ جي طور تي پيش ڪيو ويو آهي - هڪ ڪرسيو سيريف فونٽ هڪ جديد نيرو انٽرفيس ذريعي سرگوشي ڪري رهيو آهي.