
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— اصلي متن، محتاط توضیحات، او سرلیکونه په منځني ګرم خړ رنګ کې دي؛ د کارتونو او موضوعي متنونو غالب، د لوستلو وړ، مګر ارام سټایل.
ټایپوګرافي
له ۱۰ څخه تر ۴۸ پکسله پورې · ۸ ګامونه
- Waldenburg — بدیل: Inter (300) or Söhne Light · بڼې 300 · یوازې د سرلیکونو او ډیزاین عناصرو لپاره. د 300 فونټ وزن سره په 48/36/32px بڼو کې کارول کیږي — یو الټرا سپک فونټ غیر دودیز دی؛ ډیری ویب پاڼې 600-700 کاروي؛ دا فرعي فونټ د محدودیت له لارې واک لیږدوي. د -0.02em سخت لیک واټن په لویو اندازو کې د لیکونو ترمنځ نږدې فټ رامینځته کوي. بدیلونه: "انټر" په 300 وزن کې یا "سوهني" په سپک وزن کې د پریمیم بدیل په توګه.
- 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.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Awesomic — د نارنجي ټکي نښو سره د اداری زنک میش چې د کنفټي یادونه کوي
- Monad — د ګرمو پوستکو په اړه د تخنیکي مجلې اداریه
- Dub — د لینک میټ وریجو کاغذ کنټرول پینل
- Seline Analytics — په ګرم کاغذ باندې یو خاموش تحلیلي میز
- Notion — د غرمې په لمر کې د ګرم کاغذ کتابچه
- Anthropic — د ګرمو ویلم په اړه یو ساینسي ساحوي ژورنال — د عاج آرامه سطحې، سیریف شوي اداری سرلیکونه، او یو واحد خټې تلفظ چې یوازې هغه وخت څرګندیږي کله چې عمل ته اړتیا وي.
- Calendly — په سړه مرمر باندې تیاره نیلي رنګ
- Augen Pro — د ایپل سپین پریزنټشن په یوه مونوکروم ځای کې د یوازینۍ تلفظ په توګه کلینیکي، بې وزنه، بریښنایی نیلي رنګ وړاندې کوي.
- Antimetal — په کریم کاغذ کې یوه اداریه کیسه - په یوه ساینسي ژورنال کې یوه خاموشه سهار، چیرې چې زغم باور څرګندوي او سیرفونه دروند کار کوي
- Perk — په ګرمو پارچمنټ کاغذ باندې برقي لیمو
- Ditto — د لمر وړانګو ورکشاپ چې د ځنګلي ګلونو نمونې جوړوي. ګرمې کریمي سطحې، یو متحرک ژیړ اساس رنګ، ژور سمندري نیلي رنګ، د ټوټې تر شا د عضوي رنګ بڼې غوړیږي.
- Officevibe — په ګرم کریم رنګ کاغذ باندې یوه اداری مجله. د HR مدیریت په اړه یوه فکري مقاله تصور کړئ، چې د محصول په توګه وړاندې کیږي - یو کرسیو سیریف فونټ چې د عصري نیلي انٹرفیس له لارې غږیږي.