Huly
మిడ్నైట్ అబ్జర్వేటరీ వద్ద ఉత్తర ధ్రువపు కాంతి - ఇందులో ప్రధాన పాత్ర ఊదా రంగు నిలువు కిరణం, అది పగడపు రంగులోకి మారుతుంది, మరియు దాని కింద ఉన్న ప్రతి నిశ్శబ్ద భాగం కూడా అదే రెండు రంగుల కథను మరింత మృదువైన స్వరంలో చెబుతుంది.
హులీ ఒక విశ్వ కార్యస్థలం యొక్క వాతావరణాన్ని తలపిస్తుంది: దాదాపు నల్లని కాన్వాస్పై ప్రధాన అంశం గుండా ఒకే ఒక ఊదా-పసుపు రంగు కాంతి ప్రసరిస్తూ ఉంటుంది, మరియు దాని కింద, పెరిగిన ఉత్పాదకత కోసం మరింత నిశ్శబ్దమైన గ్రిడ్ ఉంటుంది. ఈ సిస్టమ్ ఒక ఇరుకైన రంగుల పరిధిలో పనిచేస్తుంది—పొరలుగా ఉన్న గ్రాఫైట్ ఉపరితలాలపై ఒక ప్రకాశవంతమైన నీలం మరియు ఒక పగడపు రంగు బ్రాండింగ్ పనిని చేస్తాయి, కాబట్టి డార్క్ మోడ్ ఎప్పుడూ తటస్థంగా అనిపించదు. ఫంక్షనల్ అయిన ప్రతిదానికీ టైపోగ్రఫీ ఇంటర్-స్టైల్లో ఉంటుంది, ముఖ్యమైన పాయింట్ల కోసం 80–84px పిచ్ మరియు తీవ్రమైన నెగటివ్ లెటర్ స్పేసింగ్తో ఒక కస్టమ్ ఫాంట్ (ఎస్బిల్డ్) కేటాయించబడింది. కాంపోనెంట్లు క్యాప్సూల్ ఆకారంలో ఉంటాయి: కంట్రోల్స్పై 9999px రేడియస్, కార్డ్లపై 12px, కనిష్ట షాడో, మరియు ప్రధాన అలంకరణగా మెరుస్తున్న గ్రేడియంట్ లైన్లు ఉంటాయి. పేజీ మొత్తం ముదురు ప్రాంతాలు మరియు ప్రశాంతమైన కాంతి విభాగాల మధ్య మారుతూ ఉంటుంది, కాబట్టి ఏదైనా కొత్త స్క్రీన్ రంగులను ఎంచుకునే ముందు మోడ్ను నిర్ణయించుకోవాలి.
పూర్తి వెడల్పు గల హోమ్పేజీలో ఉత్తర ధ్రువపు కాంతి పుంజం యొక్క నిలువు కిరణం, ఎడమవైపు అమర్చిన శీర్షిక, మరియు కుడి దిగువన ఒక ఉత్పత్తి స్క్రీన్షాట్ ఉంటాయి. హోమ్పేజీ కింద, 1200px గరిష్ట వెడల్పుతో, ముదురు మరియు లేత రంగు చారలు ఒకదాని తర్వాత ఒకటిగా ఉండే కంటెంట్ ప్రాంతం ఉంది. ప్రతి విభాగం ఒకే నిలువు బ్లాక్గా ఉంటుంది: ఒక హెడర్ మరియు 96px ఖాళీలతో వేరు చేయబడిన 3 లేదా 4-కాలమ్ గ్రిడ్ కార్డ్లు. "మెటాబ్రెయిన్" విభాగం, మధ్యలో ఉన్న శీర్షిక మరియు వివిధ పరిమాణాల కార్డ్ల మొజాయిక్తో (ఒక పెద్ద ప్రధాన కార్డ్ మరియు చిన్న సహాయక కార్డ్లు) ఈ గ్రిడ్ను విడగొడుతుంది. SaaS ప్రమాణాలను అనుసరించి, ఈ పేజీలో కంటెంట్ ఎక్కువగా ఉన్నప్పటికీ, ప్రతి విభాగానికి తగినంత స్థలం ఇవ్వడానికి ముదురు మరియు లేత రంగు చారలను ఒకదాని తర్వాత ఒకటిగా ఉపయోగిస్తుంది. నావిగేషన్ అనేది ఒకే పారదర్శక టాప్ బార్, ఇది మీరు స్క్రోల్ చేస్తున్న కొద్దీ అపారదర్శకంగా మారుతుంది.
ప్రధాన అంశం ఫోటోగ్రాఫ్లు లేని స్వచ్ఛమైన అరోరా గ్రేడియంట్. అన్ని దృష్టాంతాలు ఉత్పత్తి యొక్క UI (డార్క్ మోడ్లో కాన్బాన్, ఇన్బాక్స్, క్యాలెండర్) యొక్క వాస్తవ స్క్రీన్షాట్లు, ఇవి సాక్ష్యంగా మరియు అలంకరణగా పనిచేసే కార్డ్ ఫ్రేమ్లలో ఫ్రేమ్ చేయబడ్డాయి. లైఫ్స్టైల్ ఫోటోలు, స్టాక్ చిత్రాలు, 3D రెండర్లు ఏవీ లేవు. UIకి సంబంధం లేని ఏకైక దృశ్య అంశం, అరోరా అడుగుభాగంలో ఉండే వెచ్చని, రేడియల్ సన్బర్స్ట్ గ్లో, ఇది CSS గ్రేడియంట్గా రెండర్ చేయబడింది. ఐకాన్లు #95979 లేదా తెలుపు రంగులో ఉండే మోనోక్రోమ్ లైన్ ఐకాన్లు, ఎప్పుడూ బహుళవర్ణంలో ఉండవు. సిస్టమ్ దాని స్వంత డార్క్ UIని ప్రధాన అంశంగా పరిగణిస్తుంది—ఉత్పత్తి అంటే ఫోటోగ్రాఫ్లే.
పాలెట్
బ్రాండ్
- Electric Iris
#5683da— ప్రధాన నేపథ్యం, చురుకైన నావిగేషన్ సూచిక, మరియు ఆకట్టుకునే నార్తర్న్ లైట్స్ యాక్సెంట్—చిమ్మచీకటి నేపథ్యంపై ప్రకాశవంతమైన ఊదా-నీలి రంగు—కార్పొరేట్ కార్యకలాపాల కన్నా నిమగ్నత అనే భావనను కలిగిస్తాయి. - Ember Pulse
#ff8964— ఒక ద్వితీయ ఆకర్షణ, వెచ్చని ఉత్తర ధ్రువపు కాంతి ప్రాంతం, ఒక సూచనా స్థానం, మరియు ఒక దృష్టాంతపు ముఖ్యాంశం—నీలి రంగు యొక్క గంభీరతను ఛేదించి, కాంతి పుంజానికి వెచ్చదనాన్ని జోడించే ఒక అంబర్ ఛాయ.
తటస్థ
- Obsidian Canvas
#303236— పేజీ నేపథ్యం, అంటే ప్రధాన ఉపరితలం, కొద్దిపాటి వెచ్చదనం ఛాయతో దాదాపు నలుపు రంగులో ఉంటుంది, ఇది అన్ని కంటెంట్కు ప్రామాణిక వాతావరణం. - Void
#090a0c— ప్రధాన స్క్రీన్పై గ్రేడియంట్లు, మోడల్ బ్యాక్గ్రౌండ్లు మరియు కాన్వాస్లో కలిసిపోవాల్సిన ఫ్రేమ్ల కోసం అత్యంత లోతైన ఉపరితల పొర. - Charcoal Card
#111111— కాన్వాస్ కన్నా ఒక మెట్టు పైన అమర్చిన, కార్డ్బోర్డ్ మరియు ప్యానెల్స్తో చేసిన ఉబ్బెత్తు ఉపరితలాలు. - Slate Edge
#4a4b50— ముదురు ఉపరితలాలపై సూక్ష్మమైన అంచులు మరియు విభజనలు - Iron Veil
#6b6c6d— ట్యాగ్లు, జాబితా అంశాల పూరణలు మరియు నిలిపివేయబడిన పూరణల కోసం మసకబారిన నేపథ్యం. - Smoke
#95979e— ఐకాన్ అవుట్లైన్లు, అదనపు టెక్స్ట్ మరియు నిష్క్రియ నియంత్రణలు మధ్యస్థ బూడిద రంగులో ఉండే ప్రాథమిక పని చేసే అంశాలు.
టైపోగ్రఫీ
11 నుండి 80 పిక్సెల్స్ వరకు · 8 దశలు
- Inter — భర్తీ: DM Sans · రూపురేఖలు 300, 400, 500, 600, 700 · యూజర్ ఇంటర్ఫేస్లోని బాడీ టెక్స్ట్, నావిగేషన్, బటన్లు, జాబితా అంశాలు, లేబుల్లు మరియు చిన్న శీర్షికలు వంటి అన్ని ఫంక్షనల్ టెక్స్ట్ను నొక్కి చెప్పడానికి 500–600 ఫాంట్ వెయిట్తో, బాడీ టెక్స్ట్ కోసం 400తో, మరియు అంతగా దృష్టిని మరల్చని మెటాడేటా కోసం అప్పుడప్పుడు 300తో ఉపయోగిస్తారు.
- Esbuild — భర్తీ: Sora · రూపురేఖలు 400, 500, 600 · కేవలం ప్రదర్శన కోసం: స్ప్లాష్ శీర్షికలు, విభాగ శీర్షికలు మరియు మెటాబ్రెయిన్ వ్యాస శీర్షికలు. కుదించబడిన జ్యామితి మరియు దగ్గరి అక్షరాల మధ్య దూరం వల్ల, 84px అనేది SaaS ప్రాజెక్ట్ల కంటే ఎడిటోరియల్ పనికి ఎక్కువగా సరిపోతుందనే అభిప్రాయం కలుగుతుంది. 28px కంటే తక్కువ ఎప్పుడూ ఉపయోగించవద్దు.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | విశాలమైన |
| ప్రాథమిక దశ | 12px |
| బటన్ వ్యాసార్థం | 9999px |
| కార్డ్ వ్యాసార్థం | 12px |
| నీడలు | మృదువైన నీడలు |
| విభాగాల మధ్య | 96px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను Huly శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- monday — పాస్టెల్ స్టిక్కర్లతో కూడిన తెల్లని వర్క్షాప్
- Slack — వేదిక వంకాయ రంగులో ఉండి, తెల్లటి స్పాట్లైట్లతో ఉంది. ముదురు ఊదా రంగు చీకటి ప్రదేశాలలో ఆధిపత్యం వహిస్తుండగా, లేత తెలుపు రంగు కాన్వాస్ పెద్ద, ఆధునిక శీర్షికలు స్వేచ్ఛగా కనపడటానికి వీలు కల్పిస్తుంది.
- Base44 — సూర్యకాంతి పడే నోట్బుక్, నిమ్మపచ్చ రంగు మార్కర్తో
- Supahub — ఊదా రంగు కొండ శిఖరంపై మృదువైన పగటి వెలుగు. ఒకే ఒక్క ప్రకాశవంతమైన ఊదా రంగు సూర్యుని వెలుగులో, చాలావరకు తెల్లగా, గాలిలా తేలికగా ఉన్న ఒక కాన్వాస్; దానిపై అలంకారిక గ్రేడియంట్ గోళాలు ఖాళీ ప్రదేశంలోకి రంగును చిమ్ముతుండగా, విశాలమైన గుండ్రని జ్యామితి ప్రతి ఉపరితలానికి ఒక ఆహ్లాదకరమైన, స్పర్శించదగిన బరువును అందిస్తోంది.
- Raycast — మిడ్నైట్ కమాండ్ సెంటర్, కోరల్ నియాన్
- Dimension — మసక గాజు పలకలతో కూడిన సంధ్యా వెలుగులో ఉన్న వర్క్స్టేషన్
- Wiza — సంధ్యా సమయంలో, లావెండర్ పొగమంచుతో కప్పబడిన ఒక ఖనిజ అన్వేషణ పరిశోధనశాల.
- Paste — తెల్లని పాలరాయిపై అంబర్ లాంతరు—మంచుతో కప్పబడిన భవనంలో వెలుగుతున్న ఏకైక కిటికీలా, ఆ విశాలమైన తెల్లని ప్రదేశంలో బ్రాండ్ యొక్క వెచ్చని గ్రేడియంట్ లోగో తేలుతూ ఉంది.
- Reworkd — ఉత్పత్తి రేఖాచిత్రంలోని మృదువైన పగటి వెలుగు మాత్రమే స్పష్టంగా కనిపిస్తోంది, అది యాక్షన్ బటన్ మరియు దాని పైన ఉన్న గ్రేడియంట్ హెడ్లైన్.
- Reflect Notes — నక్షత్రాలతో నిండిన ఊదా రంగు అంతరిక్షం ఒక చీకటి వేధశాల, అక్కడ దాదాపు నల్లటి నీలిరంగు శూన్యత నేపథ్యంలో స్వరాలు నక్షత్రరాశుల వలె తేలుతూ ఉంటాయి.
- Ameba — అర్ధరాత్రి నియంత్రణ గది – మసక గాజు పలకల లోపల ఒక విద్యుత్ నీలిరంగు స్పందన
- Todoist — సూర్యకాంతి ప్రసరించే కార్యస్థలం, ఒక కాగితపు డైరీతో – వెచ్చని క్రీమ్ రంగు బల్ల, సిరా నోట్సు, ఒక ఎర్ర పెన్ను.