Authkit
అర్ధరాత్రి ఫ్రాస్టెడ్ గ్లాస్ కేథడ్రల్
ఆథ్కిట్ ఒక రాత్రిపూట ఉత్పత్తి ప్రదర్శన సౌందర్యాన్ని సృష్టిస్తుంది: మసక గాజు ఉపరితలాలు, కంటికి కనపడనంత సన్నని గీతల గ్రిడ్, మరియు గాజు పొర ద్వారా ప్రకాశిస్తున్నట్లు కనిపించే మెరిసే అక్షరాలతో కూడిన దాదాపు నల్లటి కాన్వాస్. ముదురు నేపథ్యంపై అక్షరాలు దాదాపు పూర్తిగా తెలుపు రంగులో ఉంటాయి, ఏకైక క్రియాత్మక అంశంగా ఒకే ఒక్క ప్రకాశవంతమైన ఊదా రంగు యాక్సెంట్ ఉంటుంది—ప్రతి ఇంటరాక్టివ్ ఉపరితలంపై దృఢమైన ఫ్రేమ్కు బదులుగా, చల్లని నీలి-తెలుపు రంగులో ఒక మృదువైన, సన్నని గీత ఉంటుంది. కాంపోనెంట్లు పారదర్శక పొరలపై, చుట్టూ ప్రకాశించే కాంతిపై అమర్చబడి ఉంటాయి, మరియు కార్డ్లు కాగితపు ప్యానెల్స్లా కాకుండా, కింద నుండి ప్రకాశించే గాజు పలకల వలె కనిపిస్తాయి. అక్షరాల మధ్య ఖాళీ విశాలంగా మరియు లయబద్ధంగా ఉంటుంది; సాంప్రదాయ స్ప్లిట్-స్క్రీన్ లేఅవుట్కు బదులుగా, పేజీ మొత్తం వెడల్పును ఆక్రమించిన ఒకే ఒక్క ప్రకాశవంతమైన లోగో, దాని చుట్టూ తేలియాడే గాజు కార్డ్లు ఉండటమే ప్రధాన అంశం.
మధ్యలో కంటెంట్ కంటైనర్తో కూడిన పూర్తి-వెడల్పు, ముదురు కాన్వాస్, గరిష్టంగా 1200px వెడల్పు. ప్రధాన అంశం ఒక చిన్న కనుబొమ్మ ఆకారపు టెక్స్ట్ కింద మధ్యలో ఉన్న, ప్రకాశవంతమైన ఒకే ఒక్క లోగో ("AuthKit" గ్రేడియంట్ ఫాంట్లో). దాని వెనుక/కింద లాగిన్ ఫారమ్తో కూడిన మూడు తేలియాడే గ్లాస్ కార్డ్లు విస్తరించి ఉంటాయి (ఎడమ కార్డ్ ఎడమవైపుకు వంగి, మధ్య కార్డ్ గరిష్టంగా, కుడి కార్డ్ కుడివైపుకు వంగి ఉంటాయి). ప్రధాన అంశం కింద మధ్యలో ఒక లైట్/డార్క్ థీమ్ టోగుల్ ఉంటుంది. ఫీచర్ రో అనేది వృత్తాకార ఐకాన్ల మధ్య సన్నని అనుసంధాన రేఖలతో కూడిన 6 ఐకాన్ల క్షితిజ సమాంతర టైమ్లైన్. సెక్షన్ రిథమ్: ప్రతి సెక్షన్ మసకబారుతున్న క్షితిజ సమాంతర రేఖలచే చుట్టబడిన మధ్యలో ఉన్న కనుబొమ్మ ఆకారపు టెక్స్ట్తో మొదలవుతుంది, దాని తర్వాత మధ్యలో ఒక పెద్ద టైటిల్ (44-48px), దాని తర్వాత మసకబారిన బాడీ కాపీ యొక్క ఒకే ఒక్క లైన్ (16-18px) ఉంటుంది, గరిష్ట వెడల్పు ~640px. కస్టమైజ్ విభాగం, ఒక డిజైన్ టూల్స్ వర్క్స్పేస్ లాగా, కాన్వాస్ మూలల్లో తేలియాడే UI ఇన్స్పెక్టర్ ప్యానెల్స్ (కలర్ పాలెట్లు, రేడియస్ స్లైడర్లు, లోగో ఐకాన్ సెలెక్టర్, బటన్ టెక్స్ట్ ఫీల్డ్, పేజీ బ్యాక్గ్రౌండ్ ఫీల్డ్) చుట్టూ మధ్యలో లాగిన్ కార్డ్ ఉన్న బ్రౌజర్ విండో యొక్క నమూనాను ప్రదర్శిస్తుంది.
విజువల్ డిజైన్లో "గ్లాస్ మార్ఫాలజీ" శైలిలో రూపొందించిన లాగిన్ ఫారమ్ మాక్అప్లు (ఈమెయిల్/పాస్వర్డ్ ఇన్పుట్ ఫీల్డ్లు, సోషల్ మీడియా లాగిన్ బటన్లు, పాస్వర్డ్-రహిత కోడ్ ఎంట్రీ) ఆధిపత్యం వహిస్తాయి. ఇవి అర్ధరాత్రి కాన్వాస్పై తేలియాడే, పారదర్శక కార్డుల వలె ప్రదర్శించబడతాయి. ఫీచర్ ఐకాన్లు గుండ్రని, మాట్ టైల్స్లోపల #d1e4fa రంగులో ఉన్న మోనోక్రోమ్ లీనియర్ గ్లిఫ్లుగా ఉంటాయి. ఒక సూక్ష్మమైన గ్రిడ్ (rgba(186,215,247,0.06)లో 1px లైన్లు) పేజీ మొత్తాన్ని కప్పి, ఒక వాతావరణాన్ని సృష్టిస్తుంది, అదే సమయంలో ప్రధాన ఎలిమెంట్ పైభాగంలో ఒక శంఖాకార గ్రేడియంట్ స్పాట్లైట్ మెరుస్తుంది. ఫోటోలు లేవు, లైఫ్స్టైల్ చిత్రాలు లేవు, ఉత్పత్తి స్క్రీన్షాట్లు లేవు—ఉత్పత్తియే ఇక్కడ విజువల్ ఎలిమెంట్: ఒక చీకటి స్టూడియోలో గాజు నమూనాల వలె అమర్చబడిన లాగిన్ ఫీల్డ్లు.
పాలెట్
బ్రాండ్
- Void Violet
#663af3— కాల్-టు-యాక్షన్ (CTA) బటన్ యొక్క ప్రాథమిక రంగు, లాగిన్ ఫారమ్లలోని "కొనసాగించు/సమర్పించు" బటన్ కోసం ప్రత్యేకంగా ఉపయోగించే ఏకైక యాక్సెంట్ రంగు; దాదాపు నలుపు నేపథ్యంపై ప్రకాశవంతమైన ఊదా రంగు, ఏకవర్ణ రంగుల పథకానికి అంతరాయం కలిగించకుండా తక్షణ అవసరాన్ని సూచిస్తుంది.
తటస్థ
- Midnight Canvas
#05060f— పేజీ నేపథ్యం, కార్డు యొక్క లోతైన ఉపరితలం, బ్యాడ్జ్ లోపలి భాగం—మిగతావన్నీ తేలియాడే దాదాపు నల్లని ఆధారం. - Steel Plate
#2f343e— ఉబ్బెత్తు ఉపరితలం, ఫాంటమ్/సెకండరీ యాక్షన్ బటన్లు, కనిపించని ప్యానెల్ బ్యాకింగ్. - Fog Veil
#9da7ba— ప్రధాన పాఠ్యం, అంటే కార్డుపై ఉన్న పాఠ్యం, చదవడానికి వీలుగానే ఉంది, కానీ శీర్షికలతో పోలిస్తే అది నేపథ్యానికి నెట్టివేయబడింది. - Moon Mist
#c7d3ea— ప్రధాన పాఠ్యం, అదనపు లేబుల్లు, మ్యూట్ చేయబడిన సహాయక పాఠ్యం - Frost Glow
#d1e4fa— బాడీ మరియు లింక్ టెక్స్ట్, ఐకాన్ టెక్స్ట్ మరియు ఐకాన్ ఫిల్ కోసం ప్రాథమిక ఫిల్ రంగు డిఫాల్ట్ గ్లోయింగ్ ఫోర్గ్రౌండ్. - Ice Highlight
#d8ecf8— ముదురు ఉపరితలాలపై లేత రంగు టెక్స్ట్, తలక్రిందులుగా ఉన్న లేబుల్స్ మరియు అధిక కాంట్రాస్ట్ హెడ్లైన్లు. కాల్స్ టు యాక్షన్ కోసం దీనిని ప్రాథమిక రంగుగా ఉపయోగించవద్దు; ఆథ్కిట్ లోగో మరియు కీలక హెడ్లైన్లలో హెడ్లైన్ గ్రేడియంట్—పై నుండి క్రిందికి లేత నీలం నుండి మృదువైన నీలం రంగులోకి మారే సున్నితమైన పరివర్తన—ఉపయోగించబడుతుంది.
టైపోగ్రఫీ
12 నుండి 48 పిక్సెల్స్ వరకు · 8 దశలు
- Untitled Sans — భర్తీ: Inter · రూపురేఖలు 400, 500, 600, 700 · ప్రధాన టెక్స్ట్, యూజర్ ఇంటర్ఫేస్, బటన్లు, ఇన్పుట్ ఫీల్డ్లు, ఐకాన్లు, చిన్న శీర్షికలు - క్రియాత్మకమైన ప్రతిదానికీ ఒకే సార్వత్రిక ఫాంట్.
- aeonikPro — భర్తీ: Space Grotesk · రూపురేఖలు 400, 500 · ఆథ్కిట్ బ్రాండింగ్, విభాగాల శీర్షికలు మరియు ప్రధాన పాఠ్యం వంటి శీర్షికలను మాత్రమే ప్రదర్శిస్తూ, 44-48px వద్ద 500-పాయింట్ల ఫాంట్ వెయిట్, బ్రాండింగ్కు ఆడంబరమైన అలంకరణలా కాకుండా విశాలమైన, నిరాడంబరమైన రూపాన్ని ఇస్తుంది.
- dotDigital — భర్తీ: JetBrains Mono · రూపురేఖలు 400 · అన్ని అక్షరాలు పెద్దవిగా ("Introducing," "Expandable Design," "Shine Bright") ఉంటాయి - 0.10em అంతరంతో ఉండే ఈ మోనోస్పేస్డ్ ఆల్-క్యాప్స్ టెక్స్ట్, బాడీ టెక్స్ట్ మరియు హెడ్డింగ్ మధ్య సూక్ష్మమైన విభజకాలుగా పనిచేస్తుంది.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | విశాలమైన |
| ప్రాథమిక దశ | 16px |
| బటన్ వ్యాసార్థం | 999px |
| కార్డ్ వ్యాసార్థం | 16px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 120px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను Authkit శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Resend — నలుపు వెల్వెట్, ఊదా నియాన్ రంగుతో
- Gsap — డిజైన్ స్టూడియోలో ఒక యానిమేటెడ్ వైట్బోర్డ్. దాదాపు నల్లగా ఉన్న గోడ, వెచ్చని క్రీమ్ రంగు సుద్ద, మరియు ఐదు రంగుల మార్కర్లు—యానిమేషన్ యొక్క ప్రతి విభాగానికి ఒకటి.
- Slash — బంగారు పూత పూసిన లెడ్జర్లతో అర్ధరాత్రి ఖజానా
- Raycast — మిడ్నైట్ కమాండ్ సెంటర్, కోరల్ నియాన్
- Dimension — మసక గాజు పలకలతో కూడిన సంధ్యా వెలుగులో ఉన్న వర్క్స్టేషన్
- Modal — చీకటిగా ఉన్న సర్వర్ గదిలో ఒక ఫాస్ఫరసెంట్ టెర్మినల్ - ఏకైక కాంతి మూలం ప్రకాశవంతమైన ఆకుపచ్చ రంగు
- Reflect Notes — నక్షత్రాలతో నిండిన ఊదా రంగు అంతరిక్షం ఒక చీకటి వేధశాల, అక్కడ దాదాపు నల్లటి నీలిరంగు శూన్యత నేపథ్యంలో స్వరాలు నక్షత్రరాశుల వలె తేలుతూ ఉంటాయి.
- LaunchDarkly — నియాన్ కంట్రోల్ రూమ్ అనేది ఒక చీకటి కాక్పిట్, ఇక్కడ చిక్కటి నల్లని ప్యానెళ్ల గుండా ఊదా రంగు సంకేతాలు ప్రసరిస్తాయి.
- Ameba — అర్ధరాత్రి నియంత్రణ గది – మసక గాజు పలకల లోపల ఒక విద్యుత్ నీలిరంగు స్పందన
- AgentQL — రాత్రిపూట టెర్మినల్ పైన ఉత్తర ధ్రువపు కాంతి
- Neon — చీకటి పడ్డాక సర్వర్ గది. గాఢమైన చీకటి, అక్కడ డేటా మరియు వినియోగదారుల చర్యల నుండి మాత్రమే వెలుగు వస్తుంది.
- N8n — అర్ధరాత్రి వర్క్ఫ్లో ఇంజిన్ – చీకటి సర్వర్ గదిలో, స్టేటస్ ఇండికేటర్లు మరియు డేటా స్ట్రీమ్ల వెలుగులో, రియల్-టైమ్ ఆటోమేషన్ కాన్వాస్పై ఉన్న అనుభూతి