Figma

வண்ணக் குழப்பத்திற்கான ஒற்றை வண்ண சேசிஸ்

இந்த இடைமுகம், பயனரால் உருவாக்கப்பட்ட உள்ளடக்கத்திற்கு முழுமையான காட்சி ஆதிக்கத்தை வழங்கும் ஒரு கண்டிப்பான, உயர்-மாறுபாடு கொண்ட கட்டமைப்பு கொள்கலனாகச் செயல்படுகிறது. இதன் அடிப்படை, #000000 முதல் #ffffff வரையிலான ஒரு கண்டிப்பான வண்ணத் தொகுப்பாகும். இது, முதன்மை எல்லைகள் மற்றும் உரைக்கு முழுமையான அதிகபட்ச மாறுபாட்டிற்காக, நுட்பமான சாம்பல் நிற நிழல்களைத் தவிர்க்கிறது. எழுத்துரு படிநிலையானது, வண்ண வேறுபாடுகளை விட, பெரும்பாலும் அளவு மற்றும் தீவிரமான எதிர்மறை எழுத்து இடைவெளியை அடிப்படையாகக் கொண்டது. இது, பெரிய உரை வரிகளை அடர்த்தியான வரைகலைத் தொகுதிகளாக மாற்றுகிறது. எல்லை ஆரத்தின் தர்க்கம் ஒரு தெளிவான இருமையை உருவாக்குகிறது: உலகளாவிய வழிசெலுத்தல் கூறுகளுக்கான 50px வெளிப்புற "நகங்கள்", உள்ளடக்கக் கொள்கலன்களின் தெளிவான 0px மூலைகளுடன் வேண்டுமென்றே முரண்படுகின்றன.

காட்சிப் பகுதியை மையப்படுத்தும் மிக அதிகபட்ச அகலமுள்ள (அதிகபட்சம் 1440px) ஓரங்களை அடிப்படையாகக் கொண்டு கட்டமைப்புகள் உருவாக்கப்பட்டுள்ளன. மேலும், இவை தாராளமான மேக்ரோ-ஸ்பேஸால் (பிரிவுகளுக்கு இடையில் 96-120px வெற்று இடம்) பிரிக்கப்பட்ட அடர்த்தியான உள்ளடக்கக் கொத்துக்களை உள்ளடக்கியுள்ளன. இந்த "ஹீரோ" ஆர்க்கிடைப், மிதக்கும் மற்றும் கச்சிதமாக மையப்படுத்தப்பட்ட ஒரு UI பிளாக்கின் கீழ், மாறும் தன்மையுடன் நிலைநிறுத்தப்பட்ட சமச்சீரற்ற படத்தொகுப்பைப் பெரும்பாலும் பயன்படுத்துகிறது. திரையின் கீழ்ப்பகுதியில், தகவல்கள் உடனடியாக ஓரங்கள் இல்லாத ஒரு கண்டிப்பான நான்கு-நெடுவரிசைக் கட்டத்திற்கு இணங்குகின்றன. இது மீண்டும் மீண்டும் வரும் கார்டுகளின் கொத்துக்களுக்கு ஒரு சட்டகத்தை அமைத்து, சட்டகத்திலிருந்து ஓரங்களை நீக்கி, பொருட்களின் அடர்த்தியை அதிகப்படுத்துகிறது.

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

அதிக மாறுபாடு மோனோக்ரோம்

https://figma.com

வண்ணத் தட்டு

பிராண்ட்

Context Action Violet #4d49fc — துணைப் பேனல்களுக்குள் உள்ளூர்மயமாக்கப்பட்ட முதன்மைச் செயல் அழைப்பு - கவனத்தை ஈர்க்கும் ஒற்றை நிறம் மையப் புள்ளியை வரையறுக்கிறது.

நடுநிலை

Absolute Canvas #ffffff — பக்கப் பின்னணி, மிதக்கும் கருவிப்பட்டைகள், உயர்த்தப்பட்ட பேனல் தளங்கள்.
Structural Ink #000000 — அடிப்படை எழுத்துரு, திடமான பொத்தான் பின்னணி, பொத்தான் வெளிக்கோடுகள்.
Graphite Metadata #595959 — துணை ஆசிரியர் உரை, உள்ளூர்மயமாக்கப்பட்ட உட்பொருள் உரை, இடம்பிடிக்கும் மதிப்புகள்
Boundary Frame #e2e2e2 — நுட்பமான பிரிப்பான்கள் மற்றும் செயலற்ற உள்ளீட்டுப் புல எல்லைகள்.
Angular Teal #33dfdf — அலங்கார விளைவுகள், ஏற்றுதல் குறிகாட்டிகள் மற்றும் செயலில் உள்ள கர்சர் காட்சிப்படுத்தல்.

அச்சுக்கலை

12 முதல் 72px வரை · 6 படிகள்

figmaSans — மாற்று: Inter · வெளிப்புறங்கள் 320, 330, 340, 400, 450, 480, 520, 700 · காட்சித் தலைப்புகள் முதல் வழிசெலுத்தல் லேபிள்கள் வரை அனைத்தையும் நிர்வகிக்கும் ஒரு உலகளாவிய கருவி. இது ஆப்டிகல் நெகடிவ் டிராக்கிங்கை மாற்றுவதன் மூலம் ஒரு தனித்துவமான தோற்றத்தை உருவாக்குகிறது.
figmaMono — மாற்று: JetBrains Mono · வெளிப்புறங்கள் 400 · உள்ளடக்கமாகச் செயல்படுவதை விட, பயனர் இடைமுகக் கூறுகளாகவே அதிகம் செயல்படும் நுண்குறிச்சொற்கள், ஆள்கூறு கண்காணிப்பு மற்றும் தொழில்நுட்ப சாயல்கள்.

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

நோக்கம்	பொருள்
அடர்த்தி	அடர்த்தியான
அடிப்படை படி	24px
பொத்தான் ஆரம்	8px
அட்டை ஆரம்	12px
நிழல்கள்	நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்	96-120px
பக்க அகலம்	1440px

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

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

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

ஒத்த பாணிகள்

Caldera — வெதுவெதுப்பான சுண்ணாம்புக்கல்லில் நெருப்பை மூட்டுங்கள். இதன் பின்னணி, பக்குவப்படுத்தப்படாத வெதுவெதுப்பான சாந்துப்பூச்சாகும்; அதில் உள்ள ஒவ்வொரு ஆரஞ்சு நிறக் கூறுகளும், மேற்பரப்பில் அழுத்தப்பட்ட கனன்று கொண்டிருக்கும் தணல்களைப் போலத் தோன்றுகின்றன.
Vercel — வெள்ளைக் காகிதத்தில் அச்சிடப்பட்ட முனையம்
Dylanbrouwer — சூரிய அஸ்தமனத்தில் ப்ரூட்டலிஸ்ட் வார்ப்பகம்
Headspace — வெதுவெதுப்பான காகிதத்தில் ஒரு பிரகாசமான நல்வாழ்வு மூலை
WHOOP — நள்ளிரவில் செயல்திறன் ஆய்வகம் - கருமையான நாடக வெற்றிடத்தின் கீழ் வெள்ளை மருத்துவ ஆய்வக மேசைகள், மின்சாரத்தின் ஒற்றை ஊதாத் துடிப்பு
(dot)connect — ஒற்றை கரித்துண்டைக் கொண்டு வரையப்பட்ட ஒரு சுவிஸ் பொறியியல் வரைபடம்.
Together AI — பனிப்பாறைத் தாளில் ஆராய்ச்சி கன்சோல்
Vivid+Co — அப்சிடியன் வழியாகப் பாயும் பட்டக ஒளி
Sequel — மற்றபடி இருண்டு கிடக்கும் ஒரு திரையரங்கில், இருட்டிய பிறகு நடக்கும் ஒரு தனிப்பட்ட காட்சி மட்டுமே இதமான ஒளியாக இருக்கிறது.
v0 by Vercel — கடைசல் வரைபடம். துல்லியமும் செயல்பாட்டுத் திறனும் முதன்மையானவை; ஒவ்வொரு உறுப்பும் தூய்மையான, தொழில்நுட்ப ரீதியாகக் குறைபாடற்ற மேற்பரப்பில் ஒரு தெளிவான நோக்கத்தைப் பூர்த்தி செய்கிறது.
ThoughtLab — செந்நிற அடையாளத்துடன் கூடிய ஒரு கருங்கற் நினைவுச்சின்னம். கருமையின் வெறுமை நிறைந்த ஒரு திரை; அங்கு, பேராலயத்தில் உள்ள ஒரே செறிவான சிவப்புப் பொருளாக, பெரிய வெள்ளை எழுத்துக்களில் அச்சிடப்பட்ட ஒரு ஒற்றை வண்ண உருவம் விளங்குகிறது.
Dovetail — கருநிலவின் கீழ் ஒரு வரைபடம்—கிட்டத்தட்டத் தெரியாத வரைபடக் கோடுகள், வெள்ளை எழுத்துரு, ஒரு ஊதா நிறப் பொறி.