Stripe

د حساب کتاب چې په یخ شوي شیشه باندې په نیلي رنګ لیکل شوی

Stripe د مالي وسایلو لپاره نږدې مونوکروم ژبه کاروي: یو نرم، یخ سپین کینوس چې تیاره نیلي سرلیکونه لري، تقریبا هیڅ آرائشی کروم عناصر نلري، او یو واحد روښانه انډیګو (#533afd) چې په مشروع ډول د تڼۍ، لینک، یا آیکون خاکې په توګه کارول کیدی شي. ټایپوګرافي په استثنایی ډول نری ده، د 300-پوائنټ وزن سره - حتی په 56px کې - کوم چې د ښکاره کارپوریټ پرځای په ډاډ سره کم احساس کوي؛ د لیکونو واټن د اندازې په زیاتیدو سره په چټکۍ سره کمیږي. تڼۍ کوچنۍ، مربع (4px) دي، او ارغواني ډکونه یا تر ټولو پتلی ارغواني خاکې کاروي. سیسټم په بشپړ ډول د سیوري څخه ډډه کوي؛ ژوروالی د شالید رنګونو بدلولو (سپین → #f8fafd → #e5edf5 → ارغواني رنګونو) له لارې ترلاسه کیږي، نه د لوړوالي له لارې. ټول انٹرفیس د محاسبې لیجر یا ټرمینل په څیر چلند کوي: ګڼ معلومات، روښانه کرښې، د برخو ترمنځ کافي ځای، او رنګ یوازې هغه وخت څرګندیږي کله چې عمل ته اړتیا وي.

په سپین کینوس کې د متمرکز منځپانګې کالم لپاره اعظمي عرض ~1320px دی. هیرو په بشپړ اندازې (56px) کې د کیڼ اړخ سره سمون لرونکی متن بلاک دی چې لاندې دوه زنګونه لري، هیڅ هیرو انځور نشته — ټایپوګرافي هیرو ده. برخې په عمودي ډول د مساوي 96px ګټرونو او 1px #e5edf5 ویشونکو سره تنظیم شوي دي؛ هیڅ بدیل تیاره / سپک پټې شتون نلري. هره برخه د تکرار نمونې تعقیبوي: په ټولو کیپونو کې د یوې کوچنۍ برخې سرلیک (لوګی رنګ، 12px)، بیا د 32-48px سرلیک، بیا د 22px پراګراف، بیا د محصول کارتونو گرډ (په ډیسټاپ کې 3 ستنې) یا د بصري هنر سره د 2 کالم متن بلاک. د مراجعینو لوګو په یوه تنګ عمودی پټه کې ښکاري، کیڼ اړخ سره سمون لري. فوټر یو پراخه #f8fafd پټه ده چې د لینکونو څو کالم لیستونه لري. ټول تال ورو، اندازه شوی، او په عمده توګه متن دی — د معلوماتو کثافت ټیټ دی، سره له دې چې اوږد سکرول اوږدوالی لري.

انځورونه محدود او مستند ډوله دي. د بشپړ مخ عکسونه یوازې په هغو برخو کې ښکاري چې د قضیې مطالعې ښیې (د مثال په توګه، د هرټز لپاره د هوایی ترافیک عکس اخیستل)، له پورته څخه یا په ډراماتیک زاویو کې اخیستل شوي، د طبیعي رنګونو په کارولو سره - هیڅ دوه ګونی یا رنګ پروسس نه. د محصول د کارونکي انٹرفیس سکرین شاټونه د فیچر کارتونو دننه کارول کیږي، د تیزو زاویو او روښانه سرحدونو سره وړاندې کیږي، پرته له وسیلې چوکاټونو. د ملګري لوګو په خپلو رنګونو کې ښودل شوي، پرته له کوم کانټینرونو. هیڅ انځور، 3D رینډر، یا آرائشی خلاص ګرافیک عناصر شتون نلري. عکسونه یونیفورم دي: د کرښې وزن 1، د کرښې وزن 2 په سپینه شالید کې، د جیومیټریک کرښې هنر سره (شیورون، تیر، چیک مارک، د سند سمبولونه). پاڼه په عمده توګه د متن او سپینې ځای څخه جوړه ده؛ انځورونه د ټول لید ساحې له 3٪ څخه کم نیسي.

مینیمالیزم مونوکروم

https://stripe.com

پالټ

برانډ

Indigo Ink #533afd — ارغواني رنګ د ډکو تڼیو، غوره شوي نیویګیشن حالتونو، او تمرکز پر بنسټ د تبادلې شیبو لپاره کارول کیږي.
Indigo Hover #7389ff — ارغواني رنګ د لینکونو، ټګونو او لنډو جملو د روښانه کولو لپاره کارول کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي.

بې طرفه

Midnight Ink #061b31 — اصلي سرلیک او د بدن متن یو ژور، تقریبا تور رنګ دی چې یو یخ نیلي رنګ لري، کوم چې د ټول فونټ سیسټم لپاره اساس دی.
Slate #64748d — خړ متن لینکونه، ټګونه، او لنډې جملې روښانه کوي.
Steel #50617a — اضافي متن او ملاتړ کوونکي مواد د فرعي جوازونو کې کارول شوي سلیټ او خاموش ارغواني ټنو ترمنځ موقعیت لري.
Smoke #839bc8 — د لویو سینګار سرلیکونو او ورسره مل متن لپاره، یو خاموش ارغواني سیوري کارول کیږي - هیڅکله په بدن پراګرافونو کې نه.
Pure White #ffffff — د پاڼې کینوس او د کارتونو پورته شوې سطحې؛ هغه ډیفالټ شالید چې په وړاندې یې هرڅه اندازه کیږي.
Mist #f8fafd — د فوټر شاليد او د برخې وېشونکی یو نازک سړه سیوري دی چې د لیدلو وړ پولې پرته سیمې جلا کوي.

ټایپوګرافي

له ۱۲ څخه تر ۵۶ پکسله پورې · ۹ ګامونه

sohne-var — بدیل: Inter Tight (variable · بڼې 300, 400 · په ټول انٹرفیس کې یوازینی فونټ د سرلیکونو، بدن متن، نیویګیشن، تڼیو او لیبلونو لپاره کارول کیږي. د 300 وزن حتی د 56px سکرین اندازې کې غالب دی، کوم چې یو ځانګړی ځانګړتیا ده: سرلیکونه د چیغې پر ځای غږ کوي، د حجم پر ځای د محدودیت له لارې واک رامینځته کوي. د 400 وزن یوازې د نیویګیشن او تڼۍ متن لپاره په 14-16px کې ښکاري، چیرې چې په کوچنیو اندازو کې د لوستلو لپاره اضافي سټروک ته اړتیا ده.

وقفې او بڼه

موخه	معنی
کثافت	پراخه
اساسي ګام	8px
د تڼۍ وړانګې	4px
د کارت وړانګې	4px
سیوري	د سیوري پر ځای هیڅ سرحد نشته
د برخو ترمنځ	96px
د پاڼې پلنوالی	1320px

AI به ستاسو ویب پاڼه په Stripe سټایل کې جوړه کړي او ډکه یې کړي

د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.

په دې سټایل کې ویب پاڼه جوړه کړئ

ورته سټایلونه

Ui — کلینیکي پلان په میټ کاغذ باندې
monopo saigon — د اداریې چوپتیا تر شا یو مایع، ځلیدونکی ځلا — یوه مونوکروم اداری ګالري چې په ویلې شوې رڼا کې تیریږي
Ventriloc — په ګرم کاغذ باندې د معلوماتو یوه اداریه څارنځای - یو واحد نارنجي رنګ چې د مونوکروم دقیقیت روښانه کوي
Hyer Aviation — په کاکپیټ کې ماښام د چرم په سر. د سهار رنګه اسمان د فیوزلیج په اندازه د سیریف لوګو سره مخ کیږي، او یو واحد ګرم خټې تلفظ د مونوکروم محدودیت ماتوي.
Family — د کریمي چرم په اړه د یوې افسانې څخه خپره شوې کیسه
OFF+BRAND. — په ګرمو پوستکو باندې د اورو رنګه کره
Geniestudio — د ورځې د رڼا یو نرم نوټ بوک — هغه ډول چې پراخې څنډې او د قلم یو غټ ټکان لري
xAI — د تورې ګولۍ سره ګرم کریم لابراتوار
Seed — د لابراتوار شیشې لاندې یو ژوندی موجود
Cosmos — د ګالري دیوال چې د کتان پوښل شوی او د پولارایډونو سره ځړول شوی
Cal — مونوکروم عملي والی، یو انساني چلند. یو سیسټم چې د تور او سپین رنګ د سخت پیلټ له لارې وضاحت او فعالیت ته لومړیتوب ورکوي، مګر د دوستانه ټایپوګرافۍ او ګرد شکلونو سره یې نرموي.
T1 Energy — د ګرمو پوستکو په یوه تولیدي مرکز انځور یوه خاموشه، مونوکروم صحنه ده چیرې چې صنعتي پیمانه او نازک ټایپوګرافي ټول برانډ انځوروي.