Subframe
په ګرمو پارچمنټونو باندې یو ګرافیک انځور. ډیزاینر کاغذ، چیرې چې هر سټروک یا ګرافیټ یا پاکونکی وي، هیڅکله رنګ نه کیږي - ژوروالی د کرښې ضخامت او سپک سیرفونو له لارې ترلاسه کیږي.
فرعي چوکاټ د یو مونوکروم ډیزاینر کاري ځای دی: یو ګرم، کریمي کینوس، ګرافایټ تور رنګ، او د کروماتیک تلفظونو بشپړ نشتوالی. ټول انٹرفیس د یو واحد موادو په توګه لیدل کیږي - کاغذ، پنسل، او سیوري - د یو زړور ټایپوګرافیک لمس سره: یو اصلاح شوی سیرف (د وسیلې سیرف) د یو منظم سان سیرف (انټر) په وړاندې تنظیم شوی، چې سرلیکونو ته د اداری جاذبه ورکوي. سطحې د پورته کولو پرځای فلیټ او چوکاټ شوي دي؛ ژوروالی د #e5e7eb کې د پتلو ویشونکو له لارې ترلاسه کیږي او د سیوري پرځای په تیاره کنټرولونو کې د لوړوالي څرګندونه کوي. کثافت سخاوتمند دی: پراخه عمودی تال (د برخو ترمنځ د تشو 48-64px)، متمرکز، بشپړ عرض ترتیب، او د متن شاوخوا سخاوتمند سپین ځای. یوازینی رنګ د نږدې سپین او نږدې تور ترمنځ توپیر دی، چې تیاره تڼۍ په هر پاڼه کې ترټولو حیرانونکی عنصر جوړوي، او د ملګري برانډ لوګو پټه په خړ رنګونو کې یوازینی آرائشی بصري عنصر جوړوي.
مرکز شوي، بشپړ پلنوالی ترتیبونه (۱۲۰۰ پکسله) د یو سخاوتمند عمودی تال سره. اصلي عنصر یو واحد، متمرکز بلاک دی: په سر کې یو تیاره، قطع شوی کنټرول، یو لوی "انټر" سرلیک، یو واحد کرښه فرعي سرلیک، او دوه نږدې تڼۍ (ډک + شفاف) - هیڅ اړخ عکس، هیڅ ترتیب ماتول نشته. د اصلي عنصر لاندې د مرکز شوي خړ پیمانه لوګو پټه ده. هره راتلونکې برخه ورته نمونه تعقیبوي: د کیڼ اړخ سره سمون لرونکی سرلیک او فرعي سرلیک بلاک، بیا د بشپړ پلنوالی محصول نندارې چوکاټ د برخو ترمنځ د 48-64 پکسله ګټر ځای سره. نیویګیشن لږترلږه دی: د مرکز شوي لینکونو او ښي اړخ سره سمون لرونکي عملونو سره یو پورتنۍ بار، هیڅ اړخ پټه، هیڅ میګا مینو نشته. پاڼه د مرکز شوي بیانونو لړۍ په توګه له پورته څخه ښکته لوستل کیږي، هر یو ته کافي ځای ورکړل شوی - ترتیب د بوخت محصول پاڼې په پرتله د اداری پورټ فولیو په څیر احساس کوي.
بصري ډیزاین لږترلږه او فعال دی. سیسټم دوه بصري حالتونه کاروي: (1) چوکاټ شوي محصول سکرین شاټونه او د UI موک اپونه چې په 24px-شعاع چوکاټونو کې تړل شوي دي - دوی د انٹرفیس اصلي برخې (میزونه، تڼۍ، فورمې) ښیې چې په ورته مونوکروم پیلټ کې وړاندې شوي، سکرین شاټونه په بې ساري ډول په پاڼه کې مدغم شوي ښکاري؛ (2) د خړ پیمانه ملګري لوګو یوه پټه د ټولنیز ثبوت په توګه کار کوي، فلیټ وړاندې شوی، پرته له رنګ یا کانټینرونو. د ژوند طرز عکسونه، خلاصې تدریجي، یا 3D رینډرونه شتون نلري. یوازینی توضیحي عنصر یو تیاره محصول "ټایل" دی، چې د برانډ آیکون سره په ګرم خړ پس منظر کې متمرکز دی - دا د محصول مظاهرې په توګه پیژندل کیږي، نه د سینګار. ټول انځورونه د متن پر بنسټ ترتیب نیسي، چیرې چې بصري وزن د متن لخوا لیږدول کیږي.
پالټ
بې طرفه
- Page Canvas
#fafafa— د پاڼې شالید، په کینوس کې پوسټ کارډ، په تیاره سطحو کې روښانه متن - یو ګرم سپین رنګ چې د ټول مونوکروم سیسټم بنسټ جوړوي. - Hairline Border
#e5e7eb— ویشونکي، د کارتونو پولې، د انځور چوکاټونه، د آیکون بڼې - په سیسټم کې تر ټولو ډیر کارول شوی ډول بڼې، فضايي جوړښت تعریفوي. - Card Surface
#ededed— د کارتونو لپاره پورته شوی شالید، یو اضافي سطح - د کینوس څخه یو ګام پورته موقعیت لري، پرته له سیوري څخه یو ګروپ جوړوي. - Divider Mid
#dadada— د برخو ترمنځ د منځ ټون ویشونکي او لیږدونه - Graphite
#242424— په روښانه سطحو کې د لومړني تڼیو لپاره لوړ برعکس نیوټرل ډکول. - Ink Black
#171717— د بدن متن، سرلیکونه، د عکس بڼې - د ګرافایټ په پرتله یو څه سړه، د سطحو پرځای د ټایپوګرافۍ لپاره کارول کیږي.
ټایپوګرافي
له ۱۲ څخه تر ۱۲۸ پکسله پورې · ۷ ګامونه
- Inter — بدیل: Inter (Google Fonts) · بڼې 500, 600, 700 · د سنز سیریف سیسټم انٹرفیس — نیویګیشن، د بدن متن، تڼۍ، فرعي سرلیکونه، او د برخې سرلیکونه. وزن: د بدن متن او کنټرولونو لپاره 500، د فرعي سرلیکونو او د نیویګیشن تلفظونو لپاره 600، او د برخې سرلیکونو لپاره 700. قوي منفي لیک فاصله په هر اندازې کې جیومیټریک شکلونه فشاروي، چې انٹرفیس ته یو متمرکز، تخنیکي بڼه ورکوي.
- Instrument Serif — بدیل: Playfair Display · بڼې 400 · د سیرف ټایپفیس په ځانګړي ډول د سرلیکونو او اداریي مینځپانګې لپاره ډیزاین شوی. د دې 400 وزن او -0.025em لیکونو فاصله یو ښکلی، ایټالیک شوی لید رامینځته کوي چې د انټر صنعتي جیومیټري سره توپیر لري — د لاسلیک تخنیک: د سیرف یو واحد کلمه یا جمله د سان سیرف پاڼې دننه، د سرلیک سټایل پرځای د بصري ټکي په توګه کار کوي.
- Fragment Mono — بدیل: JetBrains Mono · بڼې 400 · د انلاین کوډ په څیر عناصرو، ټګ لیبلونو، او تخنیکي کال آوټونو لپاره اکسنټ مونو. په کمه توګه کارول کیږي، دا د فعالیت لیستونو او انلاین تشریحاتو کې ښکاري چیرې چې د ډیزاین وسیله غواړي "دا د ماشین محصول دی" په ګوته کړي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | اوسط |
| اساسي ګام | 8px |
| د تڼۍ وړانګې | 16px |
| د کارت وړانګې | 24px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 64px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Subframe سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- monopo saigon — د اداریې چوپتیا تر شا یو مایع، ځلیدونکی ځلا — یوه مونوکروم اداری ګالري چې په ویلې شوې رڼا کې تیریږي
- Hyer Aviation — په کاکپیټ کې ماښام د چرم په سر. د سهار رنګه اسمان د فیوزلیج په اندازه د سیریف لوګو سره مخ کیږي، او یو واحد ګرم خټې تلفظ د مونوکروم محدودیت ماتوي.
- OFF+BRAND. — په ګرمو پوستکو باندې د اورو رنګه کره
- Seed — د لابراتوار شیشې لاندې یو ژوندی موجود
- Eindhoven Design District — په سپین کاغذ کې اداری وحشت د ښاروالۍ د ډیزاین منشور دی، چې په لوی ډول اجرا کیږي، لږترلږه عکس اخیستنه او بشپړ محدودیت سره.
- Miranda — په سپک کریمي پس منظر کې کلاسیک پراخه بڼه ډول — د ډیجیټل دور لپاره د ورځپاڼې اداریه
- Monocle — په کریم رنګ کاغذ باندې د لوړ کیفیت، پراخه بڼه ورځپاڼه. په احتیاط سره ترتیب شوی اداریه، چیرې چې هر کالم د خپل ځای مستحق دی، او په پاڼه کې یوازې یو معنی لرونکی رنګ ښکاري.
- Agencja brandingowa — په سپینو رنګونو کې د اداری ګالري چې په تور رنګ کې ټایپوګرافي شوې ده
- Websmith Studio — د سهار رڼا په کریم کاغذ
- Aspelin Reitan — د کینډل لائټ لخوا د معمارۍ آرشیف - پاڼه د جوړ شویو ځایونو د پورټ فولیو په څیر ښکاري، د ګرم کریم دیوال سره نښلول شوي، د سپین متن یوه کرښه د هر عکس څخه پورته د پاڼې په بشپړ عرض کې تیریږي.
- Public — په سړه مرمر باندې یو مونوکروم اداریه - تقریبا یو مونوکروم کینوس، د 300 ټکو سیریف فونټ او یو واحد ارغواني تلفظ سره چې ټول رنګ کار کوي.
- Motto — په کاغذ باندې یو ټایپوګرافیک واحد - یو واحد، ډاډمن غږ چې ځان د واورې سپین کاغذ باندې څرګندوي