Modal
చీకటిగా ఉన్న సర్వర్ గదిలో ఒక ఫాస్ఫరసెంట్ టెర్మినల్ - ఏకైక కాంతి మూలం ప్రకాశవంతమైన ఆకుపచ్చ రంగు
చీకటిగా ఉన్న సర్వర్ గదిలోని ఫాస్ఫరసెంట్ టెర్మినల్ లాగా మోడల్ పనిచేస్తుంది: దాదాపు నల్లటి కాన్వాస్, లేత ఆకుపచ్చ రంగు అక్షరాలు, మరియు LED స్టేటస్ ఇండికేటర్గా పనిచేసే ఒకే ఒక్క ప్రకాశవంతమైన నిమ్మ-ఆకుపచ్చ రంగు యాక్సెంట్. దీని డిజైన్ లాంగ్వేజ్ డెవలపర్ను దృష్టిలో ఉంచుకుని రూపొందించబడింది—ట్రాఫిక్ లైట్ డాట్స్తో కూడిన మోనోస్పేస్డ్ కోడ్ విండోలు, సిగ్నేచర్ గ్రీన్ రంగులో ఐసోమెట్రిక్ 3D ఐకాన్లు, మరియు పుష్కలంగా వైట్ స్పేస్ ఉండటం వల్ల, ప్రతి సెక్షన్లోని ఒక ఎలిమెంట్ ప్రకాశిస్తుంది. టైపోగ్రఫీని హెడ్డింగ్ల కోసం కస్టమ్ ఫాంట్ (గోగా) మరియు అన్ని UI ఎలిమెంట్ల కోసం వేరియబుల్ ఫాంట్ (ఇంటర్)గా విభజించారు, ఈ రెండింటినీ నారో నెగటివ్ ట్రాకింగ్తో సెట్ చేశారు. రంగులు సమానంగా పంపిణీ చేయబడ్డాయి: చాలా స్క్రీన్లు అక్రోమాటిక్గా ఉంటాయి, మరియు ప్రకాశవంతమైన నిమ్మ-ఆకుపచ్చ రంగు కేవలం కీలకమైన చర్యలు, లోగో, 3D ఇలస్ట్రేషన్లు, మరియు ప్రాధాన్యత ఉన్న సందర్భాలలో మాత్రమే కనిపిస్తుంది. కాంపోనెంట్లు ఫ్లాట్గా మరియు ఫ్రేమ్లెస్గా ఉంటాయి, నీడలకు బదులుగా సూక్ష్మమైన ఆకుపచ్చ అంచులు మరియు బ్యాక్గ్రౌండ్ బ్లర్ ద్వారా డెప్త్ సృష్టించబడుతుంది.
కంటెంట్కు సరిపోయేలా ఈ మోడల్ గరిష్టంగా 1280px వెడల్పుతో పూర్తి-వెడల్పు గల ముదురు రంగు లేఅవుట్ను ఉపయోగిస్తుంది. హీరో విండో మధ్యలో ఉంటుంది: టైటిల్ (లేత ఆకుపచ్చ రంగులో మొదటి వాక్యం), ఒక ఉపశీర్షిక, రెండు కాల్స్ టు యాక్షన్, మరియు సైడ్బార్ నుండి లేఅవుట్ను వేరు చేయకుండా దృశ్యపరమైన యాంకర్గా ఒకే 3D ఆబ్జెక్ట్ ఉంటాయి. కంటెంట్ విభాగాలు ఒకే క్రమాన్ని అనుసరిస్తాయి: ఐబ్రో ట్యాగ్ (పెద్ద అక్షరాలు, మాస్ 70) → గోగా టైటిల్ → మ్యూటెడ్ బాడీ టెక్స్ట్, ఆ తర్వాత ఫీచర్ వివరణతో కూడిన రెండు-కాలమ్ లేఅవుట్ (టెక్స్ట్ + కోడ్/విజువల్ కార్డ్) లేదా కార్డ్లతో కూడిన మూడు-కాలమ్ గ్రిడ్ ఉంటుంది. విభాగాల మధ్య గట్టర్లు విశాలంగా—80px ఉంటాయి. పేజీ ముదురు ఖాళీ (#000000) మరియు కొద్దిగా లేత రంగు బ్యాక్గ్రౌండ్ (#181818) చారల మధ్య మారుతూ ఉంటుంది, పేజీ మధ్యలో దృశ్యపరమైన విరామం కోసం ఒక లేత రంగు విభాగం (#def0dd) కనిపిస్తుంది. నావిగేషన్లో బ్లర్డ్ బ్యాక్గ్రౌండ్తో ఒకే, స్థిరమైన టాప్ బార్ ఉంటుంది—సైడ్బార్ లేదా మెగా-మెనూ ఉండదు. ఫుటర్ కాంపాక్ట్గా, ముదురు రంగులో ఉండి, మ్యూటెడ్ గ్రీన్ లింక్ కాలమ్లను కలిగి ఉంది. టెక్స్ట్ సాంద్రత సౌకర్యవంతంగా ఉంది: ప్రతి విభాగానికి తగినంత స్థలం ఇవ్వబడింది మరియు కార్డ్ గ్రిడ్లు మూడు కాలమ్ల కంటే ఎక్కువ ఉపయోగించవు.
మోడల్ యొక్క దృశ్య భాష రెండు రీతులుగా విభజించబడింది: 3D మెరిసే ఉత్పత్తి రెండర్లు మరియు ముదురు కోడ్ విండో మాక్అప్లు. ప్రధాన ఆకర్షణ ఒకే 3D క్యూబ్, ఇది మార్కెటింగ్ గ్రేడియంట్ (లేత ఆకుపచ్చ నుండి పచ్చ వరకు) ఉపయోగించి రెండర్ చేయబడింది. ఇది రేడియల్ గ్రేడియంట్ హాలోలో అమర్చబడి, ఖాళీ ప్రదేశాన్ని ఆకుపచ్చ కాంతితో నింపుతుంది—ఇది బ్రాండ్ యొక్క ప్రత్యేక దృశ్య శైలి. వర్క్లోడ్ కార్డ్లలో ఐసోమెట్రిక్ 3D ఐకాన్లు (ఒక వైర్ఫ్రేమ్ క్యూబ్, ఒక దృఢమైన మెట్లదారి, లేయర్లు) ఉంటాయి, ఇవి ముదురు నేపథ్యంపై అదే లేత ఆకుపచ్చ రంగులో రెండర్ చేయబడ్డాయి. కోడ్ మరియు బెంచ్మార్క్ ఫలితాలు ట్రాఫిక్ లైట్ చుక్కలు, ఫాస్ఫరసెంట్ పాలెట్లో మోనోస్పేస్డ్ సింటాక్స్ హైలైటింగ్ మరియు మ్యూటెడ్ గ్రీన్ బోర్డర్తో కూడిన టెర్మినల్ విండో కార్డ్లుగా ప్రదర్శించబడతాయి—ఇవి నిజమైన కమాండ్-లైన్ ఇంటర్ఫేస్ యొక్క స్క్రీన్షాట్లను పోలి ఉంటాయి. క్లయింట్ లోగోలు ఒకే, తక్కువ-కాంట్రాస్ట్ వరుసలో డీశాచురేటెడ్ ఆకుపచ్చ-బూడిద రంగు లేబుల్లుగా ప్రదర్శించబడతాయి, ఇది దృశ్య పోటీ లేకుండా విశ్వాసాన్ని సూచిస్తుంది. మొత్తం సాంద్రత తక్కువగా ఉంటుంది—చాలా పేజీలలో ప్రధానంగా టెక్స్ట్ ఉంటుంది, మరియు చిత్రాలు ఫోటోల గ్రిడ్లుగా కాకుండా వ్యక్తిగత ప్రధాన ఆకర్షణలుగా ప్రదర్శించబడతాయి. ఫోటోగ్రాఫ్లు ఏవీ లేవు; మొత్తం దృశ్య వ్యవస్థ రెండర్ చేయబడింది, జ్యామితీయంగా మరియు ప్రకాశవంతంగా ఉంటుంది.
పాలెట్
బ్రాండ్
- Lime Pulse
#7fee64— కార్పొరేట్ గుర్తింపు యొక్క ప్రధాన అంశాలు లోగో, ప్రధాన కాల్ టు యాక్షన్ (CTA), ట్యాగ్ ఫిల్లింగ్, యాక్టివ్ స్టేట్స్ మరియు ఇలస్ట్రేషన్ యొక్క ప్రాథమిక రంగు.
తటస్థ
- Phosphor White
#ddffdc— ప్రధాన టెక్స్ట్, టైటిల్ రంగు, ఐకాన్ అవుట్లైన్ మరియు నింపిన బటన్ టెక్స్ట్ అనేవి ప్రధానంగా చదవగలిగే ఉపరితలం. - Void Black
#000000— పేజీ కాన్వాస్, అత్యంత లోతైన నేపథ్య పొర - Ground Iron
#181818— ప్రధాన బటన్ ఫిల్, చీకటి ప్రదేశాలలో కార్డ్ ఉపరితలాలు, యూజర్ ఇంటర్ఫేస్ యొక్క ఆధార ఉపరితలం. - Carbon Veil
#212525— ఎత్తైన ఉపరితలాలు, నావిగేషన్ నేపథ్యం, నేల కంటే కొంచెం లేత రంగు. - Circuit Border
#485346— అవుట్లైన్/ఘోస్ట్ యాక్షన్ ఫ్రేమ్, అంటే ప్రధాన ఇంటరాక్టివ్ సన్నని గీత, మసక ఆకుపచ్చ-బూడిద రంగులో ఉంటుంది. - Phosphor Blue-Black
#1f2a33— ముదురు చారల మధ్య గీతలను విభజించే ద్వితీయ సన్నని గుర్తింపు రేఖలు.
టైపోగ్రఫీ
12 నుండి 64 పిక్సెల్స్ వరకు · 8 దశలు
- Goga — భర్తీ: Inter Tight or Space Grotesk · రూపురేఖలు 400, 500 · శీర్షిక మరియు ఉపశీర్షిక ఫాంట్ – అన్ని H1–H4 శీర్షికలు మరియు కార్డ్ల కోసం ఉపయోగించబడుతుంది. గోగా అనేది ఇరుకైన అపెర్చర్లు మరియు కొద్దిగా చతురస్రాకార టెర్మినల్స్తో కూడిన ఒక కస్టమ్ జ్యామితీయ శాన్-సెరిఫ్ ఫాంట్. కార్డ్-స్థాయి శీర్షికలను హైలైట్ చేయడానికి మీడియం వెయిట్ (500) కేటాయించబడింది; హీరో మరియు సెక్షన్ శీర్షికల కోసం నార్మల్ వెయిట్ (400) ఉపయోగించబడుతుంది. మోడల్ యొక్క గుర్తింపును నిర్వచించే ప్రత్యామ్నాయ గ్లిఫ్ ఆకృతులను యాక్సెస్ చేయడానికి, దాని 'ss01' స్టైలిస్టిక్ సెట్ను తప్పనిసరిగా ఎనేబుల్ చేయాలి. నెగటివ్ లెటర్ స్పేసింగ్ 48px వద్ద -0.007em నుండి 21px వద్ద -0.017em వరకు క్రమంగా తగ్గుతుంది.
- Inter Variable — భర్తీ: Inter · రూపురేఖలు 400, 500 · యూజర్ ఇంటర్ఫేస్ మరియు బాడీ కాపీ – నావిగేషన్, బటన్లు, బాడీ కాపీ, లేబుల్స్, ఫుటర్. ఇంటరాక్టివ్ ఎలిమెంట్స్ మరియు నావిగేషన్ కోసం డిఫాల్ట్గా మీడియం వెయిట్ (500) ఉపయోగించబడుతుంది; పేరాగ్రాఫ్ల కోసం నార్మల్ (400) ఉపయోగించబడుతుంది. చిన్న సైజులలో కూడా లెటర్ స్పేసింగ్ గమనించదగ్గ విధంగా తగ్గించబడింది (14px వద్ద -0.026em, 16px వద్ద -0.022em), ఇది ఇంటర్ఫేస్కు సంక్షిప్తమైన, టెర్మినల్ డెన్సిటీని ఇస్తుంది. ప్రత్యామ్నాయ విరామ చిహ్నాల కోసం, 'cv11' క్యారెక్టర్ వేరియంట్ను చేర్చాలి. బాడీ కాపీ డెన్సిటీని బ్యాలెన్స్ చేయడానికి, 12px వద్ద ఆల్-క్యాప్స్ లేబుల్స్ +0.05em లెటర్ స్పేసింగ్ను ఉపయోగిస్తాయి.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | సగటు |
| ప్రాథమిక దశ | 20px |
| బటన్ వ్యాసార్థం | 12px |
| కార్డ్ వ్యాసార్థం | 8px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 80px |
| పేజీ వెడల్పు | 1280px |
AI మీ వెబ్సైట్ను Modal శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Slash — బంగారు పూత పూసిన లెడ్జర్లతో అర్ధరాత్రి ఖజానా
- AgentQL — రాత్రిపూట టెర్మినల్ పైన ఉత్తర ధ్రువపు కాంతి
- GitHub — జీవ కాంతి నియంత్రణ పాయింట్లతో కూడిన స్పేస్ కమాండ్ ప్యానెల్—ఒక చీకటి, వాతావరణంతో కూడిన కార్యస్థలం, ఇక్కడ ఒకే ఒక్క ఆకుపచ్చ కాంతి ముందుకు దారిని సూచిస్తుంది.
- Doppler — అర్ధరాత్రి వేళ ఖజానాలోని ఊదా రంగు దీపాల వెలుగు. దాదాపు నల్లగా ఉన్న ఆ కాన్వాస్ ఒకే ఒక్క లావెండర్ సంకేతంతో, ఒక ఆకుపచ్చ నిర్ధారణ కాంతితో మెరుస్తోంది; దాని ప్రతి ఉపరితలం పట్టుకోవడానికి వీలుగా వంపుగా ఉంది.
- Basedash — మాట్ ఫాంట్తో కూడిన అర్ధరాత్రి డేటా టెర్మినల్. ఒక చీకటి పరిశీలనశాల, అక్కడ కొలమానాలు ఊదా, ఆకుపచ్చ రంగులలో మెరుస్తుంటాయి, గందరగోళం పైన సెరిఫ్ శీర్షికలు తేలియాడుతుంటాయి, మరియు మృదువైన నల్లని ఉపరితలాలున్న గదిలో తెల్లటి గుళిక ఆకారపు బటన్లు మాత్రమే ప్రకాశవంతంగా ఉంటాయి.
- Superwhisper — అర్ధరాత్రి గాజుపై ఉత్తర ధ్రువపు కాంతి కరిగిపోతుంది
- Better Stack — మిడ్నైట్ SRE కన్సోల్
- Langbase — అర్ధరాత్రి ఉత్తర ధ్రువపు కాంతి కన్సోల్
- Astro — నిహారిక నుండి వెలువడే ఒకే ఒక్క ఊదా రంగు కాంతితో డీప్ స్పేస్ మిషన్ కంట్రోల్
- Wayfinder — ఒక లైవ్ ఇలస్ట్రేషన్ పైన, చాలా అస్పష్టంగా వినిపించే టైటిల్తో కూడిన నల్లటి మూవీ స్క్రీన్. ఇంటర్ఫేస్ అనేది కంట్రోల్ ప్యానెల్ కాకుండా, బ్రైట్నెస్ స్లైడర్గా ఉంటుంది.
- HashiCorp — అర్ధరాత్రి ఊదా నియాన్ వెలుగులతో ఉన్న కంట్రోల్ రూమ్ ఒక చీకటి సాంకేతిక ఉపరితలం, ఇక్కడ మెరుస్తున్న షట్కోణ ఘనం మాత్రమే రంగు సూచనగా పనిచేస్తుంది.
- Umbrel — రాత్రిపూట సర్వర్ గదిలో హాయినిచ్చే అగ్నిగుండం—అదొక చీకటి గది, అక్కడ ఒకే ఒక్క లేత గులాబీ రంగు కాంతి నిజంగా ముఖ్యమైనదాన్ని ప్రస్ఫుటం చేస్తుంది.