Bpco
بيان طباعي مصنوع من لوح خرساني. مجموعة مواد صحفية بالأبيض والأسود حيث يحاكي خط هيلفيتيكا كبير الحجم صورة فوتوغرافية، والملمس الوحيد هو ورقة واحدة مجعدة أسفل الخط الرئيسي.
يستخدم برنامج Bigpicture نظام تحرير أحادي اللون يُعامل صفحة الويب كما لو كانت ملفًا صحفيًا مطبوعًا على ورق خام. تخلو واجهة المستخدم تمامًا من الألوان، معتمدةً فقط على الحبر الأسود، والمساحات البيضاء، والخطوط الرفيعة، وملمس موحد للورق المجعد لخلق جوٍّ مميز. تُعدّ الطباعة عنصرًا أساسيًا في التصميم: تصل العناوين إلى 274 بكسل بخط Helvetica Neue 700 مع تباعد سلبي حاد بين الأحرف، مما يجعل النص هو العنصر البصري المهيمن على كل شاشة. تعمل التسميات التوضيحية أحادية المسافة ([01-N مقدمة]، إبداعي/وكالة) كتوقيعات مطبوعة، وتُستخدم أيقونات لامعة رباعية الرؤوس كعنصر الزخرفة الوحيد بين الأقسام. يتميز التصميم برحابة المساحة ويُذكّر بالنشر الذاتي - فواصل 72 بكسل بين الأقسام، وهوامش أفقية تتراوح بين 144 و250 بكسل، وكتل صور كاملة العرض بزوايا 288 بكسل تسمح للصفحة بالتنفس كما لو كانت جدارًا فنيًا وليس مجرد برنامج.
يبلغ أقصى عرض حوالي ١٤٤٠ بكسل، مع توسيط الصفحة وهامش أفقي يتراوح بين ٤٠ و١٤٤ بكسل حسب كثافة الأقسام. الصورة الرئيسية عبارة عن صورة بعرض كامل مع نص مُضاف إليها. أسفل الصورة، يتناوب المحتوى بين كتل نصية مُتوسّطة ونصوص مطبوعة تمتد من الحافة إلى الحافة. يشكل الجزء السفلي من الصفحة (٦٠٪) بيانًا طويلًا قابلًا للتمرير، بنص كبير يملأ عرض الشاشة بالكامل سطرًا بسطر، مفصولًا بصفوف من الفواصل اللامعة. شريط التنقل عبارة عن شريط عائم مُتمركز في أعلى الشاشة، وليس لوحة بعرض كامل. أما التذييل فهو عبارة عن شريط واحد ذي حافة رفيعة.
تهيمن الصور الفوتوغرافية على الشاشة الرئيسية، حيث تُعرض صور معمارية وإعلانية خارجية كبيرة (لوحات إعلانية، كسوة مبانٍ، إعلانات على مستوى الشارع) بحجمها الكامل وزواياها الدائرية. وتُغطى الأجزاء السفلية من الصفحة بنسيج ورقي مجعد، مما يُضفي عليها ملمسًا مميزًا ويجعل واجهة المستخدم تُشبه مجلة مطبوعة. ويُعد رمز الكرة الأرضية الصغير، المرسوم بخطوط، العنصر التوضيحي الوحيد. لا توجد مؤثرات ثلاثية الأبعاد، ولا تدرجات لونية تجريدية، ولا نماذج للمنتجات، فالصور وثائقية، ذات طابع صناعي، ومستوحاة من محفظة إعلانات الوكالة الخارجية.
لوحة الألوان
حيادي
- Press Ink
#121212— يستخدم النص الأساسي والخطوط الرفيعة وحدود الأقسام ومخططات الأيقونات ونص التذييل درجة لون داكنة واحدة تحمل 95% من جميع معلومات المقدمة. - Paper White
#ffffff— لوحة الصفحة، أسطح من الورق المقوى، خلفية شريط التنقل، أسطح مزودة بإطارات عناوين. - Newsprint
#f1f1f1— تعبئة سطحية دقيقة، وحدود ناعمة، وفواصل رفيعة، ولون مخفي خلف ملمس الورق المجعد. - Foil Gray
#e1e1e1— إطارات خفيفة، ولمسات جمالية على شكل خطوط خارجية للأيقونات، وفواصل إضافية. - Mute Gray
#c5c5c5— نص ثانوي، حالة الإعاقة، خطوط سطحية منخفضة التباين
الطباعة
من 13 إلى 274 بكسل · 6 خطوات
- Helvetica Neue — الاستبدال: Inter · الخطوط العريضة 400, 500, 700 · أداة شاملة - نص أساسي بحجم 17 بكسل/1.29، عناوين عرض بحجم 75-274 بكسل مع تباعد أحرف -0.04em في أكبر الأحجام، تسميات التنقل بحجم 15 بكسل
- PPSupplyMono — الاستبدال: JetBrains Mono · الخطوط العريضة 400 · تعتبر العلامات الوصفية والعلامات بين قوسين مثل [01-N مقدمة]، بالإضافة إلى علامات الأقسام (الإعلان، الإبداع/الوكالة، التسويق غير المتصل بالإنترنت) هي اللمسات الطباعية الوحيدة التي تكسر رتابة خط هيلفيتيكا.
- PPSupplySans — الاستبدال: Inter · الخطوط العريضة 400 · التنقل الثانوي والنصوص المصغرة في التذييل حيث يلزم استخدام خط sans-serif مختلف.
الفترات والشكل
| غاية | معنى |
|---|---|
| كثافة | متوسط |
| الخطوة الأساسية | 50px |
| نصف قطر الزر | 8px |
| نصف قطر البطاقة | 20px |
| الظلال | لا - حدود بدلاً من الظلال |
| بين الأقسام | 72px |
| عرض الصفحة | 1440px |
سيقوم الذكاء الاصطناعي ببناء موقعك الإلكتروني بأسلوب Bpco وتعبئته.
- املأ حسابك بالمنتجات والمنشورات عبر الرابط - Instagram ، TikTok ، Facebook.
- انقل المحتوى من موقعك القديم - ما عليك سوى تحديد العنوان.
- تصميم عصري على أفضل محرك: React ( Next.js) مع عرض الخادم وتحسين محركات البحث بشكل جاهز للاستخدام.
- تحسين محركات البحث المؤتمت بالكامل لنتائج البحث وتوصيات الشبكة العصبية.
أنماط مشابهة
- Steep — تحليل الخطوط ذات الزوائد على ورق دافئ
- Newformcap — صحيفة افتتاحية في غرفة الملابس
- Claude — قطعة أثرية مطبوعة على رق دافئ - حبر على ورق عظمي، والطين هو نفحة اللون الوحيدة
- 11x– Digital workers — صحراء تحريرية سينمائية – صور بانورامية للمناظر الطبيعية موضوعة على خلفية عناوين ضخمة بخط serif تبدو وكأنها صفحات مجلة فاخرة
- Revolut — عمل تحريري أحادي اللون يعتمد على صورة فوتوغرافية للسحب - حبر أبيض، أزرار على شكل علبة دواء، وشريط أزرق واحد من اللون في عالم رمادي اللون.
- Scheduling — حبر تحريري على ورق كريمي
- Titan — أرشيف أحادي اللون ذو درجات لونية دافئة
- Programa — استوديو تصميم سويسري في منتصف النهار. جدار المعرض الأبيض مضاء بمصباح طاولة أصفر وحيد - كل شيء بدرجات اللون الرمادي حتى يلفت انتباهك زر أو رمز أو عنصر مميز، وعندها يحدد هذا العنصر الأصفر الوحيد الغرفة بأكملها.
- Sana Agents — بريق الليمون على خلفية بيضاء في صورة تحريرية
- Visual — منشور سري دافئ. ورق كريمي، ملصقات ذات حروف مزخرفة، هوامش أحادية اللون، قلم تحديد أصفر واحد.
- Midday — كتيب تحريري مطبوع على ورق شفاف - عنوان رئيسي بخط serif بحجم 72 بكسل على خلفية حجرية دافئة، نص أساسي بخط sans-serif مع مسافات، عناصر تحكم على شكل حبة دواء، بدون ظلال
- Chat for impact — عيادة خضراء داكنة ذات غرف بألوان الباستيل