ThoughtLab
કિરમજી રંગના સિગ્નલ સાથેનું એક ઓબ્સિડીયન સ્મારક. કાળા શૂન્યતાનો કેનવાસ, જ્યાં કેથેડ્રલમાં એકમાત્ર સંતૃપ્ત લાલ વસ્તુ, મોટા સફેદ અક્ષરોમાં છાપેલી, એક રંગીન આકૃતિ છે.
થોટલેબ બ્લેક કેથેડ્રલ ડિઝાઇન ભાષાની જેમ કાર્ય કરે છે: એક ખાલી કાળો કેનવાસ, એક લાલ પલ્સ, અને ટાઇપોગ્રાફી એટલી મોટી છે કે તે આર્કિટેક્ચર તરીકે કાર્ય કરે છે. સિસ્ટમ લગભગ સંપૂર્ણપણે એક્રોમેટિક છે—#cccccc શરીરનું પ્રતિનિધિત્વ કરે છે, #ffffff ડિસ્પ્લેનું પ્રતિનિધિત્વ કરે છે—જેમાં #fc1c46 ફક્ત એક જ પ્રાથમિક ક્રિયા માટે દેખાય છે, ખાલીપણાની પૃષ્ઠભૂમિ સામે તણાવના નિયંત્રિત ઉછાળા તરીકે. હાયરાર્કી રંગ, પડછાયાઓ અથવા ભરણો દ્વારા નહીં, પણ તીવ્ર સ્કેલ જમ્પ્સ (198px → 14px) દ્વારા બનાવવામાં આવે છે. ઘટકો વજનહીન છે: પારદર્શક કાર્ડ્સ, ગોળી આકારના બટનો, પાતળા ઇનપુટ ફીલ્ડ્સ, એલિવેટેડ સ્ટેકીંગનો અભાવ—પૃષ્ઠ કન્ટેનર દ્વારા નહીં, નકારાત્મક જગ્યા અને ગીચતાથી ભરેલા મોટા અક્ષરો દ્વારા શ્વાસ લે છે.
એક ઘેરો કેનવાસ પૃષ્ઠની સમગ્ર પહોળાઈને આવરી લે છે, જેમાં પહોળા આડા માર્જિન (દરેક બાજુ 126px, સામગ્રી કૉલમને લગભગ 1400px સુધી ધકેલે છે) છે. હેડર એક સિંગલ 72px લાઇન છે: ડાબી બાજુ લોગો, મધ્યમાં ટેગલાઇન, ગોળી આકારનું કૉલ-ટુ-એક્શન બટન અને જમણી બાજુ હેમબર્ગર બાર. હીરો એક વિભાજિત રચના છે - ડાબી બાજુના બધા કેપ્સમાં એક મોટા 198px હેડલાઇન જેમાં 18px નીચે સપોર્ટિંગ બોડી કોપી છે, જ્યારે 3D ગોળા મધ્યની જમણી બાજુએ ટેક્સ્ટને ઓવરલેપ કરે છે, જે તેને આંશિક રીતે "ખાઈ જાય છે". હીરોની નીચે, વિભાગો એક વિશાળ ઊભી લયમાં ગોઠવાયેલા છે જેમાં તેમની વચ્ચે 86-108px ગાબડા છે. કાર્યના ઘટકો કાર્ડ્સના ગ્રીડને બદલે, પૃષ્ઠની લગભગ સમગ્ર પહોળાઈ પર કબજો કરતી સૂચિ તરીકે પ્રદર્શિત થાય છે. કોઈ સાઇડબાર નથી, કોઈ મેગા-મેનૂ નથી, કૉલમ ગ્રીડ સાથે કોઈ ફૂટર નથી - ફૂટર કૉપિરાઇટ માહિતી અને સંપર્ક માહિતી #4c4c4c સાથે એક સિંગલ, શાંત લાઇન છે. હેડરથી આગળ નેવિગેશન પૂર્ણ-સ્ક્રીન ઓવરલેમાં હેમબર્ગર મેનૂ તરીકે શરૂ થાય છે.
છબીઓ છૂટાછવાયા અને ઇરાદાપૂર્વક ક્યુરેટ કરેલા છે. મુખ્ય દ્રશ્ય તત્વ ઓબ્સિડીયન પ્રવાહીનો મોટો ગોળો છે, જે WebGL માં રેન્ડર કરવામાં આવ્યો છે - એક ઘેરો, લગભગ કાળો, 3D આકાર જે ધાર પર સૂક્ષ્મ વાદળી અને એમ્બર પ્રતિબિંબ સાથે છે, કાળા પૃષ્ઠભૂમિ સામે તરતો છે અને શીર્ષકને આંશિક રીતે ઓવરલેપ કરે છે. તે ચિત્ર કરતાં બ્રાન્ડ આઇકોનોગ્રાફી તરીકે વધુ કાર્ય કરે છે. પ્રોજેક્ટ થંબનેલ્સ ઊભી સૂચિમાં ફોટા અથવા વિડિઓઝ તરીકે પ્રદર્શિત થાય છે, જે સરહદ વિના ધાર-થી-ધાર રજૂ કરવામાં આવે છે. કોઈ જીવનશૈલી ફોટા નથી, કોઈ સ્ટોક છબીઓ નથી, કોઈ સુશોભન ગ્રેડિયન્ટ નથી. ગોળા અને પ્રકાર એ પૃષ્ઠ પર એકમાત્ર દ્રશ્ય તત્વો છે.
પેલેટ
બ્રાન્ડ
- Crimson Signal
#fc1c46— મુખ્ય ભાર એક લાલ તત્વ પર છે; તે "સંપર્કો" ટેબ પર, બ્રાન્ડ લોગોમાં દેખાય છે, અને બીજે ક્યાંય નહીં. તેની દુર્લભતા ડિઝાઇનની વિશિષ્ટતાઓને કારણે છે.
તટસ્થ
- Void
#000000— પૃષ્ઠની પૃષ્ઠભૂમિ, કેનવાસ, એ સંપૂર્ણ પાયો છે જેના પર અન્ય બધા તત્વો તરતા રહે છે. - Ash
#cccccc— મુખ્ય અને લિંક ટેક્સ્ટ, કાળા કેનવાસ પર ડિફોલ્ટ ટેક્સ્ટ ટોન - ઓપ્ટિકલ ગ્લેરને નરમ કરવા માટે શુદ્ધ સફેદને બદલે પસંદ કરવામાં આવ્યો છે. - Frost
#ffffff— હેડિંગ, બટન ટેક્સ્ટ, ઇનપુટ ફીલ્ડ ટેક્સ્ટ અને માર્કઅપ દર્શાવવું એ સૌથી અગ્રણી સ્તર છે, જે રેખીય સામગ્રી માટે બનાવાયેલ છે. - Graphite
#4c4c4c— કૉપિરાઇટ, મેટા ટૅગ્સ, સહાયક ટેક્સ્ટ - મુખ્ય ટેક્સ્ટ સાથે સ્પર્ધા ન કરવા માટે ઇરાદાપૂર્વક મ્યૂટ કરવામાં આવ્યા છે.
ટાઇપોગ્રાફી
૧૦ થી ૧૯૮ પિક્સેલ સુધી · ૭ પગલાં
- sui — રિપ્લેસમેન્ટ: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · રૂપરેખા 300, 400, 500, 700 · એક જ ફોન્ટ. Sui એ કસ્ટમ-ડિઝાઇન કરેલ ભૌમિતિક સેન્સ-સેરીફ ફોન્ટ છે જેનો ઉપયોગ હેડલાઇન્સ માટે 198px થી લઈને કૅપ્શન્સ માટે 10px સુધીની દરેક વસ્તુ માટે થાય છે. 700 વજન સ્મારક હેડલાઇન્સ અને મોટા ટાઇટલ માટે આરક્ષિત છે; 400 વજનનો ઉપયોગ બાકીના સિસ્ટમ માટે થાય છે. બોલ્ડ અને રેગ્યુલર વચ્ચેનો વિરોધાભાસ એ પ્રાથમિક ફોન્ટ સિસ્ટમ છે; બીજા પરિવારની જરૂર નથી.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 9px |
| બટન ત્રિજ્યા | 9999px |
| કાર્ડ ત્રિજ્યા | 0px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 86-108px |
| પૃષ્ઠ પહોળાઈ | 1400px |
AI તમારી વેબસાઇટ ThoughtLab શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Vivid+Co — ઓબ્સિડીયનમાંથી પ્રિઝમેટિક પ્રકાશ
- Sequel — અંધારાવાળા સિનેમામાં, સાંજ પછી ખાનગી સ્ક્રીનિંગ એ એકમાત્ર ગરમ પ્રકાશ છે.
- Dovetail — કાળા ચંદ્ર નીચે એક બ્લુપ્રિન્ટ - ભાગ્યે જ દેખાતી ગ્રાફ લાઇનો, સફેદ ફોન્ટ, એક જાંબલી ચમક
- MekaVerse — ડિજિટલ કલાકૃતિઓની એક મોનોક્રોમ ગેલેરી - એક ઘન કાળો ખાલી જગ્યા જ્યાં રેન્ડર કરેલી દુનિયા મ્યુઝિયમ પ્રદર્શનની જેમ લટકતી હોય છે, અને આખો યુઝર ઇન્ટરફેસ મેટ બ્લેક ગ્લાસ પર સફેદ શાહીથી બનેલો હોય છે.
- Krea — મધ્યરાત્રિએ ગેલેરી નોઇર
- Factory — મધ્યરાત્રિએ "યુદ્ધ ખંડ" ટર્મિનલ. "ફેક્ટરી" એક કાળા રંગનું કંટ્રોલ પેનલ છે જ્યાં એક જ સફેદ કાર્ડ ફ્લેશલાઇટથી પ્રકાશિત ડિસ્પેચની જેમ ઉતરે છે - રૂમમાં એકમાત્ર વસ્તુ કામ છે.
- basement — સવારે ૩ વાગ્યે ખાલી પ્રિન્ટિંગ પ્રેસ - કાળા રંગમાં વિશાળ, સંકુચિત ફોન્ટ્સ ફેલાયેલા, નેવિગેશન બાર પર નારંગી પ્રકાશનો એક ઝાંખો, બાકીનું બધું સફેદ કે ભૂરા રંગનું.
- Stink Studios — મધ્યરાત્રિએ એક ફિલ્મ સ્ટુડિયો - પ્રોજેક્ટર વાગે છે, ઓરડો અંધારું છે, ફક્ત ફિલ્મ જ પ્રકાશિત છે
- Apple (España) — પ્રકાશિત ફિટિંગ સાથેનું કાળું થિયેટર
- Charlie — મઠના પથ્થરમાંથી ઓબ્સિડીયન પર કોતરેલી ટાઇપોગ્રાફી. એક પોર્ટફોલિયો જેમાં એક જ લાલ દિવાલ બહેરાશભરી શાંતિ બનાવે છે.
- Rive — ઉચ્ચ-ચોકસાઇવાળા નાઇટ વિઝન. ઇન્ટરફેસમાં એક ખાસ લેન્સ છે જે અંધારામાં પ્રવેશ કરે છે અને સંપૂર્ણ સ્પષ્ટતા સાથે તકનીકી વિગતો પર ધ્યાન કેન્દ્રિત કરે છે.
- Datalands — એક જ નિયોન પલ્સ સાથેનું કાળું કેથેડ્રલ. લોગો નેવને ભરી દે છે; બાકીનું બધું નીચે ભાગ્યે જ સાંભળી શકાય તેવું લખાણ છે.