Ciridae

கனன்று கொண்டிருக்கும் தணல்களின் துடிப்புடன் கூடிய ஒரு வெற்று அறை - துருவின் மெல்லிய கீற்றின் ஓசை மட்டுமே கேட்கும், கிட்டத்தட்ட இருண்ட ஓர் தேவாலயம்; அங்கு ஒவ்வொரு பரப்பும் நிழலால் அல்லாமல் மெல்லிய கோடுகளால் வரையறுக்கப்படுகிறது.

சிரிடே ஒரு வெற்றிடத்தில் இயங்குகிறது: ஒரு #0b0b0b கேன்வாஸ், அரிதாகவே கவனிக்கக்கூடிய வெளிப்புறக் கோடுகளுடன் கூடிய மாத்திரை வடிவக் கட்டுப்பாடுகள், மற்றும் 400 எடையில் பிராக்மேட்டிக்கா காண்ட் (Pragmatica Cond) எழுத்துருவின் பெரிய எழுத்துக்களில் பூட்டப்பட்ட அச்சுக்கலை—தடித்த எழுத்துகள் இல்லை, கலப்பு எழுத்துகள் இல்லை, அலங்காரக் கூறுகள் இல்லை. ஒரே ஒரு வண்ணக் குறிப்பு #cc6437 ஆகும்; இது ஒரு இதமான, கனன்று எரியும் துரு நிறச் சாயல். இது மிக மெல்லிய கோடுகளாகவும் சிறிய உச்சரிப்பு நிறுத்தற்குறிகளாகவும் பயன்படுத்தப்படுகிறது, ஒருபோதும் நிரப்பியாக (fill) பயன்படுத்தப்படுவதில்லை. வரைபடங்கள் 10px ஆரம் மற்றும் நிழல்கள் இல்லாமல் #272a2a-வில் மிதக்கின்றன; இந்த அமைப்பு உயரக் குறியீடுகளைத் தவிர்த்து, வண்ண வேறுபாடு மற்றும் மிக மெல்லிய 1px எல்லைகள் மூலம் பரப்புகளை வரையறுக்கிறது. புகைப்படங்கள் அதிக அளவில் மங்கலாக்கப்பட்டு, திரவ பளிங்கு, புகை, நெருப்பு போன்ற சூழல் சார்ந்தவையாக முழுத்திரை பயன்முறையில் உரைக்குப் பின்னால் வைக்கப்பட்டுள்ளன. இதனால், காட்சிப் படிமங்கள் விளக்கமாகத் தோன்றுவதை விட சூழல் சார்ந்ததாகவே உணரப்படுகின்றன.

பக்க தளவமைப்பு முழு அகலமுடையது, உள்ளடக்கம் அதிகபட்சமாக ~1400px அகலத்திற்குள் மையப்படுத்தப்பட்டுள்ளது. ஹீரோ என்பது ஒரு அடர் நிற, முழு அகலக் கலவையாகும், அதன் மையத்தில் ஒரு விண்மீன் சின்னம் உள்ளது, மேலும் அதன் இடது மற்றும் வலது பக்கங்களில் சிறிய லேபிள்கள் உள்ளன. பிரிவுகள் மாறி மாறி வருகின்றன: அடர் நிற ஹீரோ → அடிப்புறங்களுடன் கூடிய வெளிர் நிறப் பட்டை (எலும்பு நிறம்) → அடர் நிற உருமாற்ற உரை → அடர் நிற அமைப்பு அட்டைகளின் கட்டம் → அடர் நிற அடிக்குறிப்பு. ஒரே ஒரு வெளிர் நிறப் பகுதி, ஒரு தனித்துவமான, கூர்மையான வண்ண மாற்றத்தை உருவாக்குகிறது. அட்டைக் கட்டம் 4 நெடுவரிசைகளைப் பயன்படுத்துகிறது, முதல் அட்டை மற்ற மூன்றை விட ஏறக்குறைய இரு மடங்கு அகலமாக உள்ளது, இது உள்ளடக்கத்திற்கு முக்கியத்துவம் அளிக்கும் ஒரு சமச்சீரற்ற தளவமைப்பை உருவாக்குகிறது. பிரிவுகளுக்கு இடையேயான செங்குத்து இடைவெளி தாராளமாக உள்ளது (80px+). வழிசெலுத்தல் மிகக் குறைவாகவே உள்ளது: மேல் பட்டியில் ஒரு செய்திப் பட்டி + இடதுபுறம் சீரமைக்கப்பட்ட "இப்போது தொடங்கு" மற்றும் வலதுபுறம் சீரமைக்கப்பட்ட "மெனு" ஆகியவை உள்ளன. பக்கவாட்டுப் பட்டி இல்லை, மெகா-மெனு இல்லை.

பக்கத்தின் முழுப் பரப்பையும் ஆக்கிரமித்துள்ள, சூழலை உணர்த்தும் புகைப்படங்கள் முகப்புத் திரையையும் கார்டுகளையும் ஆதிக்கம் செலுத்துகின்றன. இந்தப் படங்கள் அதிக அளவில் மங்கலாக்கப்பட்டுள்ளன (பின்னணி மங்கல் மதிப்புகள் 50px மற்றும் 40px கண்டறியப்பட்டன) மற்றும் அதிக மாறுபாடு கொண்டவை. அவை நீல-சிவப்பு சுழல்களுடன் கூடிய திரவ மார்பிள், புகை, நிலப்பரப்புகளின் இருண்ட நிழல்கள் மற்றும் நெருப்பு/கனல் அமைப்புகளைச் சித்தரிக்கின்றன. புகைப்படங்கள் உயிரோட்டமாக இல்லாமல், மனநிலையை வெளிப்படுத்துவதாகவும் இருண்டதாகவும் உள்ளன—அவை வெற்றுத் திரையிலிருந்து தனித்துத் தெரிவதற்குப் பதிலாக, அதன் அதே வண்ண வரம்பைப் பகிர்ந்து கொள்கின்றன. தயாரிப்புப் புகைப்படங்களோ, மனிதர்களோ, பயனர் இடைமுகத் திரைப்பிடிப்புகளோ இல்லை. இந்தப் படங்கள் விளக்க உள்ளடக்கமாகச் செயல்படுவதற்குப் பதிலாக, ஒரு சூழலை உருவாக்குகின்றன. கார்டு கட்டமானது ஒவ்வொரு அமைப்பையும் ஒரு வெவ்வேறு சூழல் காட்சியுடன் பொருத்துகிறது, இது புகைப்படங்களை நேரடியான தயாரிப்புப் படங்களாகச் செயல்படுவதற்குப் பதிலாக, அருவமான காட்சி அடையாளங்காட்டிகளாகச் செயல்பட அனுமதிக்கிறது.

இருள்தூய சாஸ்அதிக மாறுபாடு

https://www.ciridae.com

வண்ணத் தட்டு

பிராண்ட்

Ember Rust #cc6437 — ஒற்றை வண்ண அமைப்பில், அழுத்தக் கோடுகள், சின்னங்களின் வரிகள் மற்றும் சிறிய எழுத்துகளின் சிறப்பம்சங்கள் மட்டுமே வண்ணமயமாக உள்ளன; அவை வண்ண நிரப்பியாகத் தோன்றுவதை விட, எளிதில் கவனிக்க முடியாத துடிக்கும் புள்ளியாகவே அதிகம் தெரிகின்றன.

நடுநிலை

Void Black #0b0b0b — முதன்மைப் பக்கம் மற்றும் பிரிவுகளுக்கான பின்னணிப் படங்கள்; முழு அமைப்பிற்குமான அடிப்படை.
Charcoal Surface #272a2a — நிழல்கள் இல்லாமல் பரப்புகளைப் பிரித்துக் காட்டுவதற்காக, இருண்ட பகுதிகளில் அட்டை மற்றும் பலகைகளால் செய்யப்பட்ட பின்னணிப் படங்கள், கேன்வாஸை விட ஒரு தொனி இலேசானதாக உள்ளன.
Bone #edebe7 — பின்னணி மற்றும் மேற்பரப்பின் ஒளி மிகுந்த பகுதிகள் கிரீம் நிறத்தில் உள்ளன, அங்கு அமைப்பு இருளிலிருந்து ஒளிக்கு மாறுகிறது.
Bone Darker #dfddd9 — பல அடுக்கு ஒளி மேற்பரப்புகள் மற்றும் வெதுவெதுப்பான, கிட்டத்தட்ட வெள்ளை நிறக் கூறுகளுக்கான “போன்” எனப்படும் ஒரு மென்மையான சாயல்.
Pure White #ffffff — அனைத்து முக்கிய உரைகள், தலைப்புகள், மங்கலான பொத்தான் ஓரங்கள் மற்றும் வழிசெலுத்தல் கூறுகள் ஆகியவை, வெற்று கருப்புப் பின்னணியில் 19.7:1 என்ற மாறுபட்ட விகிதத்துடன் முதன்மை நிறத்தில் அமைந்துள்ளன.
Abyss #050505 — செய்தித் துணுக்குக்கான (மேல் செய்தித் துணுக்கு) உயர்த்தப்பட்ட பின்னணி - துணுக்கு தனித்துத் தெரியும்படி செய்வதற்காக, இது பிரதான கேன்வாஸை விட ஒரு படி அடர் நிறத்தில் அமைக்கப்பட்டுள்ளது.

அச்சுக்கலை

11 முதல் 32px வரை · 5 படிகள்

Pragmatica Cond — மாற்று: Oswald · வெளிப்புறங்கள் 400 · முதன்மை காட்சி மற்றும் பயனர் இடைமுக எழுத்துருவானது, முக்கிய உரைக்கு 14px (அனைத்தும் பெரிய எழுத்துக்களில்), பகுதித் தலைப்புகளுக்கு 20px, மற்றும் பிரதான உரைக்கு 32px என்ற அளவுகளில் ஒரு குறுகிய, அடர்த்தியான எழுத்துருவாகும். மிகவும் குறுகிய எழுத்துரு மற்றும் முக்கிய உரைக்கு 14px (அனைத்தும் பெரிய எழுத்துக்களில்) என்பதே இந்த அமைப்புக்கான மிகவும் சிறப்பியல்புடைய தீர்வாகும்: முக்கிய உரையானது சாதாரண உரைநடையைப் போல இல்லாமல், ஒரு கட்டிடக்கலை எழுத்துருவின் மெல்லிய ஓசையைப் போல வாசிக்கப்படுகிறது. Pragmatica Condensed கிடைக்கவில்லை என்றால், Oswald அல்லது Barlow Condensed-ஐப் பயன்படுத்தவும்.
Pragmatica — மாற்று: Inter · வெளிப்புறங்கள் 400 · நீண்ட உரைப்பகுதிகளுக்குப் பயன்படுத்தப்படும் ஒரு இரண்டாம் நிலை, முதன்மை எழுத்துரு (எ.கா., "AI இயக்க முறைமை" அட்டை விளக்கம் 24px, பத்தி உரை 15px). பெரிய தொகுதிகளில் எளிதாகப் படிப்பதற்காக Pragmatica Cond-ஐ விட சற்றே அகலமானது, ஆனால் 400 எடையிலேயே இருக்கும்—ஒருபோதும் தடித்த எழுத்து (bold) அல்ல. இதற்குப் பதிலாக Inter அல்லது Söhne-ஐப் பயன்படுத்தவும்.
Roboto Mono — மாற்று: Roboto Mono (free · வெளிப்புறங்கள் 400 · செய்தி ஓட்டத்திற்கான ("செய்திகள் • ஜூன் 15, 2026 • க்ரூசிபிள் முன்கூட்டிய அணுகல் இப்போது திறக்கப்பட்டுள்ளது") ஒரு மோனோஸ்பேஸ்டு மைக்ரோஃபான்ட். இந்த மோனோஸ்பேஸ்டு எழுத்துரு இங்கு மட்டுமே பயன்படுத்தப்பட்டுள்ளது, இது ஒரு தெளிவான செயல்பாட்டு வேறுபாட்டை உருவாக்குகிறது: இது கணினித் தரவு, பிராண்டிங் அல்ல.

இடைவெளிகள் மற்றும் வடிவம்

நோக்கம்	பொருள்
அடர்த்தி	சராசரி
அடிப்படை படி	16-20px
பொத்தான் ஆரம்	1440px
அட்டை ஆரம்	10px
நிழல்கள்	நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்	80px
பக்க அகலம்	1400px

செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Ciridae பாணியில் உருவாக்கி, அதை நிரப்பும்.

Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.

இந்த பாணியில் ஒரு வலைத்தளத்தை உருவாக்கவும்

ஒத்த பாணிகள்

Dala — கருப்பு வெல்வெட்டின் மீது மிதக்கும் ஒரு விண்மீன் கூட்டம்
Linear — நள்ளிரவு துல்லியமான கருவி
Resend — ஊதா நியான் நிறத்துடன் கூடிய கருப்பு வெல்வெட்
Dovetail — கருநிலவின் கீழ் ஒரு வரைபடம்—கிட்டத்தட்டத் தெரியாத வரைபடக் கோடுகள், வெள்ளை எழுத்துரு, ஒரு ஊதா நிறப் பொறி.
Neon — இருட்டிய பிறகு ஒரு சர்வர் அறை. முழுமையான இருள், அங்கு தரவுகளிலிருந்தும் பயனர் செயல்பாடுகளிலிருந்தும் மட்டுமே ஒளி வருகிறது.
Discord — விளையாட்டு உலகம் ஒரு பாப்-அப் அரட்டை சாளரத்தின் பின்னால் மறைக்கப்பட்டுள்ளது - ஒவ்வொரு பகுதியும் அதற்கே உரிய ஒளி அமைப்பு மற்றும் கதாபாத்திரங்களைக் கொண்ட ஒரு தன்னிறைவு பெற்ற சூழலாகும்.
Aaru — நள்ளிரவில் துகள் புல ஆய்வகம்
Atlas Card — ஒற்றை நீலக்கல் கதிரைக் கொண்ட மிட்நைட் வால்ட், ஆழ்ந்த மின்னல் நீல நிறம் மட்டுமே முக்கியத்துவம் பெறும் ஓர் கும்மிருட்டுப் பரப்பாகும்.
Midjourney — ஆழ்கடலில் உள்ள ஒரு உயிரிஒளி முனையம். நுண்ணறிவு, ஆஸ்கி (ASCII) தரவுத் தொடர்களில் காட்சிரீதியாகத் தன்னைத்தானே உருவாக்கிக்கொள்ளும், கட்டுப்பாடுகள் மங்கலாக ஒளிரும் வடிவங்களாகத் தோன்றும் ஓர் ஆழ்கடல் உலகம்.
Checkly — ஆழ் சுற்றுப்பாதை திட்டக் கட்டுப்பாட்டு மையம்
Krea — நள்ளிரவில் கேலரி நொயர்
Wope — வோப் என்பது ஒரு ஊதா நிற அடிவான இடைமுகம். கண்ணாடியின் கீழிருந்து ஊதா நிற ஒளி பாய்வது போன்ற ஒரு இருண்ட வானியல் ஆய்வக மேசையைக் கற்பனை செய்து பாருங்கள்.