
PostHog
कॉर्क बेस से जुड़ी एक गर्म कागज की मेज एक स्पर्शनीय रूप से सुखद बेज रंग का कार्यक्षेत्र है जहां प्रत्येक इंटरफेस तत्व एक फ्लोटिंग पैनल के बजाय एक मुद्रित छवि है।
पैलेट
ब्रांड
- Signal Blue
#2f80fa - Amber Glow
#eb9d2a - Dark Amber
#cd8407 - Burnished Gold
#b17816
तटस्थ
- Sandy Desk
#e1d7c2 - Paper White
#ffffff - Cream Paper
#fdfdf8 - Soft Linen
#eeefe9 - Pale Stone
#e5e7e0 - Deep Moss
#23251d
टाइपोग्राफी
12 से 36px तक · 7 चरण
- Open Runde — प्रतिस्थापन: Inter Tight · रूपरेखा 400, 500, 600, 700, 800
- IBM Plex Sans Variable — प्रतिस्थापन: IBM Plex Sans · रूपरेखा 400, 500, 600, 700
- ui-monospace — प्रतिस्थापन: SFMono-Regular · रूपरेखा 400
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | घना |
| बुनियादी कदम | 8px |
| बटन त्रिज्या | 4px |
| कार्ड त्रिज्या | 4px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 48px |
| पृष्ठ की चौड़ाई | 958px |
एआई आपकी वेबसाइट को PostHog शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Bevel — क्लाउडलाइट में मॉर्निंग मेट्रिक्स। ऐसी स्क्रीन बनाएं जो चमकदार सफेद स्वास्थ्य डायरी की तरह दिखती हों, और आपके पहनने योग्य डिवाइस पर एक हल्की चमक वाला डैशबोर्ड भी दिखाई दे।
- Mollie — एक कश्मीरी काउंटर, एक गहरे रंग का बहीखाता। काले अक्षरों के चारों ओर संपादकीय डिजाइन के लिए पर्याप्त खाली जगह छोड़ें, फिर गर्म क्रीम, एस्प्रेसो ब्राउन और वास्तविक भुगतान विधियों की स्पर्शनीय तस्वीरों के साथ उत्पाद से संबंधित बिंदुओं को सुदृढ़ करें।
- Baselayer — बेसलेयर आधी रात को एक इलेक्ट्रॉनिक बहीखाता है। इसके इंटरफ़ेस को एक संस्थागत दस्तावेज़ की तरह समझें, जो एक चमकते हुए जोखिम विश्लेषण कंसोल पर खुला हुआ है।
- Devin — ड्राफ्टिंग पेपर पर इलेक्ट्रॉनिक स्याही। लगभग काले रंग का फ़ॉन्ट और हल्की तकनीकी सतहें अधिकांश काम करती हैं, जबकि #2200ff एक जानबूझकर सक्रियण संकेत के रूप में दिखाई देता है।
- 1X NEO — 1X Tech एक शांत होम थिएटर है। संपादकीय पाठ वाला एक हल्का पृष्ठ खुलता है जिसमें लोगों और एक मानवाकार रोबोट के सिनेमाई दृश्य दिखाई देते हैं, जबकि इंटरफ़ेस के तत्व छोटे, दूर-दूर स्थित कैप्शन और हल्के मोनोक्रोम चित्रों तक सीमित हैं।
- B150 — फिल्म ग्रेन की एक भावी मास्टरक्लास। उत्पादों और रचनाकारों की गहरे रंग की, मानव-आकार की छवियों के विपरीत चमकदार, मलाईदार संपादकीय अनुभाग बनाना।
- Captions — धूप से जगमगाता हुआ एडिटिंग डेस्क। एक पारदर्शी, घुमावदार नेविगेशन बार को साफ़, सफ़ेद, थोड़े शोरगुल वाले कार्यक्षेत्र पर रखें, फिर इसे हल्के नीले रंग की कार्य सतहों और फ़ुटेज के क्लोज़-अप शॉट्स से सजाएँ।
- Kagi — एक अलग पठन कक्ष। गहरे भूरे रंग के अक्षरों के चारों ओर एक खुला सफेद स्थान बनाएं, शांति को भंग करने के लिए हल्के बैंगनी रंग के स्पर्श और गर्म पेस्टल सतहों का उपयोग करें।
- Milanote — मिलानोट एक समर्पित क्रिएटिव स्टूडियो है। फ्लोटिंग विजुअल बोर्ड का उपयोग करके संपादकीय गैलरी-शैली के पेज बनाएं: गहरे रंग की फ्रेम वाली दीवारें, सफेद डिस्प्ले स्पेस और स्क्रीनशॉट जो कोमल गहराई के साथ वास्तविक वस्तुओं की तरह दिखते हैं।
- Co2 — सर्दियों की रोशनी में एक जलवायु एटलस। हवाई दस्तावेज़ परिदृश्य की तरह पृष्ठ बनाएं, जहां सेरिफ़ हेडिंग, श्रेणी-कोडित डेटा और बर्फीली छवियां चौड़े सफेद हाशिये को उजागर करती हैं।
- GitButler — पाठ के अंत में फ़िरोज़ी रंग। उच्च-विपरीत सेरिफ़ शीर्षकों का सूक्ष्म तकनीकी ग्रिड, गर्म ग्रेफाइट सतहों और एक सूक्ष्म फ़िरोज़ी लहजे के साथ संयोजन।
- Bee — एक चमकीला, शहद जैसा पीला ताबीज। प्रत्येक स्क्रीन को एक स्पर्शनीय संपादकीय स्प्रेड की तरह बनाएं: कलाई पर पहने जाने वाले उत्पादों की अंतरंग छवियां, बड़े गोल फ्रेम में सजी हुई, पीले या हल्के तटस्थ पृष्ठभूमि पर बोल्ड, लगभग काले अक्षरों के साथ।