Column

थंडगार पहाटेच्या प्रकाशात एक गडद निळ्या रंगाचे खातेवही

कॉलम जवळजवळ पांढऱ्या पार्श्वभूमीवर गडद, संस्थात्मक नेव्ही ब्लू रंगाचा वापर करते: हे पेज प्रथम एका मजबूत बँकिंग उत्पादनाचा पृष्ठभाग आणि नंतर डेव्हलपरसाठी एक खेळाचे मैदान असल्यासारखे वाटते. ब्रँडचा रंग एकच नाही, तर एक समन्वित जोडी आहे—गंभीर संरचनेसाठी नेव्ही ब्लू #111a4a, डेटा आणि कोडसाठी मिंट ग्रीन #44b48b—आणि ब्रेक्स कार्डसारख्या उच्च-तीव्रतेच्या ॲक्सेंट पृष्ठभागांसाठी एक उबदार नारंगी रंग (#ec652b) राखून ठेवला आहे. टायपोग्राफीमध्ये स्विसइंटल (SuisseIntl) या भौमितिक सॅन्स सेरिफ फॉन्टचे वर्चस्व आहे, जो 300 (लिंक्स) ते 600 (डिस्प्ले) पर्यंतच्या संपूर्ण वेट रेंजमध्ये वापरला गेला आहे, ज्यामुळे सिस्टमला एक परिष्कृत, संपादकीय शैली मिळते, जी बहुतेक फिनटेक कंपन्यांमध्ये नसते. कार्ड्स मोठ्या पांढऱ्या पृष्ठभागांवर सूक्ष्म, स्तरित सावल्यांसह तरंगतात; बहुतेक इंटरफेस घटक सपाट आहेत, आणि जिथे कार्ड भौतिक वस्तूसारखे वाटावे (ट्रान्झॅक्शन विजेट्स, प्रॉडक्ट मॉकअप्स) तिथेच खोली दिसते. कोड आणि आर्थिक डेटा मोनोक्रोम, सीफोम-रंगात सादर केला आहे—हा एक दृश्य संकेत आहे की ही बँक अभियंत्यांनी अभियंत्यांसाठी तयार केली आहे.

पृष्ठाची रचना पूर्ण-रुंदीची असून, ती मध्यभागी आहे आणि तिला रुंद बाजूचे मार्जिन (डेस्कटॉपवर ६४-१५ सेमी) आहे. मुख्य स्क्रीन एक विभाजित मांडणी (स्प्लिट लेआउट) आहे: मथळा आणि कृतीसाठी आवाहन (कॉल टू ॲक्शन) डावीकडे २५ सेमीवर संरेखित आहेत, तर एक तरंगते व्यवहार विजेट (फ्लोटिंग ट्रान्झॅक्शन विजेट) उजवीकडे ५५ सेमीवर हाफटोन नकाशाच्या पार्श्वभूमीवर ठेवलेले आहे. मुख्य स्क्रीनच्या खाली, विभाग पांढऱ्या (४ सेमी) आणि हलक्या कॅनव्हास (५ सेमी) रंगांमध्ये एकाआड एक येतात, ज्यात ६ सेमीचे उभे गटर आहेत. मजकूर एकाच ६-स्तंभीय ग्रिडनुसार मांडलेला आहे: मजकुराचे ब्लॉक्स ४ स्तंभांमध्ये (७ सेमी) आहेत, तर प्रतिमा/उत्पादन कार्ड्स ५-६ स्तंभांमध्ये आहेत, जे ग्रिडपासून हेतुपुरस्सर थोडे बाजूला सरकलेले आहेत. वैशिष्ट्यांचे वर्णन करणारे विभाग २-स्तंभीय मांडणी वापरतात: डावीकडे मजकूर, उजवीकडे उत्पादन. विश्वासाच्या आकडेवारीचा विभाग पृष्ठाच्या संपूर्ण रुंदीवर ४-स्तंभीय ग्रिडमध्ये विभागलेला आहे. ग्राहकांचे लोगो ४८ पिक्सेलच्या गटरसह एकाच मध्यभागी असलेल्या ओळीत आहेत. फुटरमध्ये संक्षिप्त दोन-स्तंभीय मांडणी आहे. नेव्हिगेशन ही मुख्य स्क्रीनच्या वर असलेली एक स्थिर, ६२ पिक्सेल उंच, पारदर्शक टॉप बार आहे, जिची पार्श्वभूमी अस्पष्ट असून तुम्ही स्क्रोल करता तेव्हा ती पांढरी होत जाते. यात साईडबार किंवा मेगा-मेनू नाही—ड्रॉपडाउन हे साधे बाण-आकाराचे मेनू आहेत.

व्हिज्युअल शैली मिनिमलिस्ट आणि फंक्शनल आहे—कॉलमने स्टॉक फोटोग्राफी पूर्णपणे टाळली आहे. व्हिज्युअल लँग्वेज तीन स्रोतांवर आधारित आहे: (१) SVG डेटा इलस्ट्रेशन्स, विशेषतः एक डॉटेड हाफटोन जगाचा नकाशा, जो इंडिगो ते नारंगी ते फिरोजी रंगाच्या ग्रेडियंटमध्ये रेंडर केलेला आहे, ज्यामुळे मुख्य घटकाच्या मागे जागतिक स्तराचे वातावरण तयार होते; (२) प्रॉडक्ट कार्ड लेआउट्स—अकाउंट बॅलन्स, ट्रान्सफर तपशील आणि JSON कोड स्निपेट्स दर्शवणारे फ्लोटिंग विजेट्स, जे नाट्यमय सावल्या असलेल्या पांढऱ्या कार्ड्समध्ये दिसतात; (३) चार्ट व्हिज्युअलायझेशन्स—ट्रस्ट/स्टॅटिस्टिक्स विभागात वापरलेले पातळ जोडणाऱ्या रेषा असलेले फिरोजी रंगाचे कॅंडलस्टिक किंवा बार चार्ट. हाफटोन नकाशा हा एक सिग्नेचर व्हिज्युअल घटक आहे—त्याचा ग्रेडियंट #d65620 (नारंगी) पासून व्हायलेट, निळा, अझूर, फिरोजी आणि पिवळ्या रंगांमधून जातो, ज्यामुळे एक असा स्पेक्ट्रम तयार होतो जो संपूर्ण ब्रँड पॅलेटला एकाच सजावटीच्या पृष्ठभागावर एकत्र आणतो. आयकॉन्सची आउटलाइनची जाडी #232730 किंवा #a9acb6 व्हेरिएंटमध्ये १.५–२px एकसमान आहे, आणि सक्रिय स्थितींसाठी त्यात फिल दिलेला आहे. जीवनशैलीचे फोटो नाहीत, अमूर्त 3D रेंडर्स नाहीत—उत्पादन आणि माहितीवर लक्ष केंद्रित करण्यासाठी हा संयम हेतुपुरस्सर ठेवण्यात आला आहे.

शुद्ध SaaS संपादकीय प्रीमियम

https://column.com

पॅलेट

ब्रँड

Indigo Navy #111a4a — ब्रँडचा मुख्य रंग भरलेल्या कॉल टू ॲक्शन, सक्रिय नेव्हिगेशन स्थिती, हेडर आणि लोगोसाठी वापरला जातो. गडद जांभळा-निळा रंग साइटला एक ठोस पण समृद्ध काळी छटा देतो; पांढऱ्या मजकुरासोबत तो साइटवरील सर्वात प्रभावी बटण तयार करतो.
Seafoam 600 #44b48b — कोड आणि डेटा कलर हा कोड स्निपेट्समधील JSON कीज, आयडेंटिफायर्स आणि आर्थिक मूल्यांसाठी ब्रँड कलर आहे. याचा वापर चार्ट्स आणि ग्रोथ व्हिज्युअलायझेशनमधील डेटा पॉइंट्ससाठी देखील केला जातो.
Seafoam 700 #167e6c — डेटा संदर्भातील बाह्यरेखा, चार्ट रेषा आणि आयकॉन ॲक्सेंटसाठी सीफोमची गडद छटा वापरली आहे. यामुळे गडद पार्श्वभूमीवर सीफोम स्केल ठळकपणे दिसतो.
Seafoam 400 #94efb7 — हायलाइट केलेल्या कोडच्या तुकड्यात कोड ब्लॉक्सच्या आत स्ट्रिंग व्हॅल्यूज, यूआरएल आणि एपीआय एंडपॉइंट्स आहेत. सर्वात हलका सीफोम रंग हिरवट छटा असलेल्या मोनोस्पेस्ड फॉन्टसारखा दिसतो.
Deep Sea #023247 — चार्टची सजावटीची बाह्यरेषा आणि ॲक्सेंट कलर हा सीफोम कलर स्केलसह, SVG इलस्ट्रेशन्स आणि डेटा व्हिज्युअलायझेशनमध्ये वापरला जाणारा गडद फिरोजी रंग आहे.

तटस्थ

Midnight Ink #011821 — गडद पृष्ठभाग आणि ठळक केलेला मजकूर – प्रॉडक्ट कार्डची पार्श्वभूमी, उच्च-कॉन्ट्रास्ट असलेला मुख्य मजकूर. राखाडी रंगाच्या जवळचा, ज्यात निळसर-हिरव्या रंगाची सौम्य छटा आहे; जेव्हा एखादा भाग उलट करायचा असतो, तेव्हा डार्क मोडसाठी आधार म्हणून वापरला जातो.
Slate Ink #3b3e47 — दुय्यम शीर्षक आणि मुख्य मजकूर 'मिडनाईट इंक' पेक्षा थोडे अधिक उबदार आहेत, आणि जिथे फिकट कॅनव्हासवर शुद्ध काळा रंग खूपच तीव्र वाटेल तिथे त्यांचा वापर केला आहे.
Steel #7c7f88 — मुख्य मजकूर आणि लिंकच्या मजकुरात एका सौम्य रंगाचे प्राबल्य आहे (जो मुख्य मजकुरात २४५ वेळा वापरला आहे). हा एक तटस्थ राखाडी-निळा रंग आहे, जो शांत वाटतो आणि कधीही फिका वाटत नाही.
Fog #a9acb6 — आयकॉनच्या बाह्यरेषा, तृतीयक सीमा आणि प्लेसहोल्डर मजकूर. एक मध्यम राखाडी रंग जो मजकुराशी स्पर्धा न करता त्याला वेगळे करतो.
Mist #cbcccf — मुख्य मजकूर—स्वाक्षऱ्या, अस्वीकरणे आणि लहान अक्षरातील मजकूर—पांढऱ्या पार्श्वभूमीवर वाचनीय आहे, परंतु तो दृष्यतः कमी लक्षवेधी आहे.
Silver Lining #e3e4e8 — कार्डच्या कडा, इनपुट फील्डच्या कडा, विभाजक रेषा. जिथे सावली न पडता दोन पृष्ठभाग वेगळे करायचे असतात, तिथे या रचनात्मक, सूक्ष्म रंगाचा वापर केला जातो.

टायपोग्राफी

१० ते ६० पिक्सेल · १० पायऱ्या

SuisseIntl — बदली: Inter · रूपरेषा 300, 400, 500, 600 · प्राथमिक फॉन्ट – सर्व शीर्षके, मुख्य मजकूर, बटणे, नेव्हिगेशन, लिंक्स आणि कार्ड मजकुरासाठी वापरला जातो. हा अद्वितीय भौमितिक सॅन्स सेरिफ फॉन्ट 'कॉलम'ला एक विशिष्ट संपादकीय शैली देतो, ज्यामुळे तो केवळ 'इंटर-ओन्ली' फॉन्ट वापरणाऱ्या इतर फिनटेक कंपन्यांपेक्षा वेगळा ठरतो. शीर्षकांसाठी ५२-६०px वर याचे वेट ६००, उपशीर्षकांसाठी ५००, मुख्य मजकुरासाठी ४०० आणि कमी-महत्वाच्या लिंक्ससाठी ३०० आहे.
SuisseIntlMono — बदली: JetBrains Mono · रूपरेषा 400 · SuisseIntl सारखाच एक मोनोस्पेस्ड फॉन्ट, जो तांत्रिक लेबल्स, API आयडेंटिफायर्स आणि UI घटकांमधील एम्बेडेड डेटासाठी वापरला जातो. तो SuisseIntl प्रमाणेच प्रमाण राखतो, त्यामुळे मोनोस्पेस्ड आणि प्रमाणबद्ध मजकूर मिश्र संदर्भांमध्ये योग्यरित्या संरेखित होतात.
SFMono — बदली: Fira Code · रूपरेषा 400 · कोड स्निपेट प्रदर्शन – JSON उदाहरणे आणि API डॉक्युमेंटेशन ब्लॉक्समध्ये प्रदर्शित केले जाते. कोडला UI मजकुरापासून दृष्यदृष्ट्या वेगळे करण्यासाठी सीफोम शेडचा वापर केला जातो.

अंतर आणि स्वरूप

उद्देश	अर्थ
घनता	सरासरी
मूलभूत पायरी	8px
बटण त्रिज्या	8px
कार्ड त्रिज्या	8px
सावल्या	सावल्यांऐवजी सीमा नाहीत
विभागांच्या दरम्यान	72px
पृष्ठाची रुंदी	1200px

एआय तुमची वेबसाईट Column स्टाईलमध्ये तयार करेल आणि ती भरेल.

लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.

या शैलीत वेबसाइट तयार करा

समान शैली

dope.security — जांभळ्या दिव्यांसह मध्यरात्रीचे टर्मिनल
Leonardo — एक उलटी संपादकीय गॅलरी. काळ्या भिंतींचे एक संग्रहालय, जिथे जांभळ्या रंगाची शीर्षके भिंतीवरील कलाकृतींप्रमाणे दिसतात आणि खाली एआय-निर्मित व्यक्तिचित्रे एका दाट जाळीत टांगलेली आहेत.
VEED — निऑन हिरव्या रंगाच्या लाईट बटणांसह पांढरी गॅलरी वॉल
Craft Docs — स्क्रॅपबुकिंगसाठी एक डिजिटल कोलाज. ही रचना एका विचारपूर्वक तयार केलेल्या, स्पर्शानुभवी स्क्रॅपबुकसारखी आहे, जिथे सुव्यवस्थित डिजिटल नोंदी मऊ, नैसर्गिक पोतांसोबत एकत्र येतात.
Letter — संग्रहातील चमकणाऱ्या कलावस्तू प्रदर्शित करणारी एक खाजगी गॅलरी. काळ्या भिंती असलेली एक प्रदर्शन जागा, जिथे गॅलरीच्या रंगीत भिंतींवरील क्रोम शिल्पांवर सेरिफ अक्षरांतील मथळे तरंगत आहेत.
Railway — कॉस्मिक मिडनाईट एक्सप्रेस. स्पष्ट संकेतांच्या मार्गदर्शनाखाली, अंधाऱ्या, तारकांनी भरलेल्या अवकाशातून होणारा एक शांत, रोमांचक प्रवास.
Garden Eight — क्रीम रंगाच्या कागदावरील एक भव्य संपादकीय. उबदार चर्मपत्रावर २१५ पिक्सेलचा सेरिफ मथळा एकटाच उठून दिसतो, ज्याच्या सभोवताली तरंगणारे शिल्पसदृश आकार आणि समुद्राच्या हवेची आठवण करून देणारी मोकळी जागा आहे—हे पान डॅशबोर्डपेक्षा एखाद्या कलाविषयक ग्रंथाच्या मुखपृष्ठासारखे अधिक वाटते.
Steep — उष्ण कागदावर सेरिफ फॉन्टचे विश्लेषण
ElevenLabs — उबदार क्रीम रंगांच्या छटा असलेला आणि सुस्पष्ट मथळे असलेला एक छायाचित्र-निबंध. बाऊहाउस-शैलीची एक वही—अंड्याच्या कवचाच्या रंगाचा कागद, काळी शाई, आणि उत्पादने प्रदर्शित करण्यासाठी जांभळ्या व नारंगी रंगाचा एकच ठळक वापर.
Awesomic — कॉन्फेटीची आठवण करून देणाऱ्या नारंगी विरामचिन्हांसह संपादकीय झिंक जाळी
Monad — उबदार चर्मपत्रावरील संपादकीय तांत्रिक नियतकालिक
AI for Business — उबदार राखाडी रंगछटांमधील ब्रुटॅलिस्ट संपादकीय शोरूम