Calendly
చల్లని పాలరాయిపై ముదురు నీలం సిరా
కాలెండ్లీ ఒక ప్రశాంతమైన, ఆత్మవిశ్వాసంతో కూడిన ప్లానింగ్ వర్క్స్పేస్లా అనిపిస్తుంది: దాదాపు తెల్లటి కాన్వాస్లో విశాలమైన స్థలం, చల్లని బూడిద రంగు బ్యాక్గ్రౌండ్పై తేలియాడుతున్నట్లుగా ఉండే స్పష్టమైన తెల్లటి ప్రొడక్ట్ కార్డ్లు, మరియు స్వచ్ఛమైన నలుపుకు బదులుగా ముదురు నీలం సిరాతో రాసిన టైపోగ్రఫీ. దీనిని నిర్వచించే అంశం ముదురు నీలం రంగు (#0b3558). హెడ్లైన్లు, బటన్లు, ఐకాన్లు, లింక్లు వంటి టెక్స్ట్ కనిపించే ప్రతిచోటా దీనిని ఉపయోగించారు. ఇది మొత్తం ఇంటర్ఫేస్ను మృదువుగా మార్చి, సాధారణ SaaS ల్యాండింగ్ పేజీ కంటే దీనిని మరింత వెచ్చగా మరియు స్టైలిష్గా చేస్తుంది. అన్ని ప్రాథమిక చర్యల కోసం ఒకే ప్రకాశవంతమైన నీలం రంగు (#006bff)ను ఉపయోగించారు, మరియు ప్రొడక్ట్ లేఅవుట్లకు ఆవల విస్తరించి ఉన్న అలంకారమైన గులాబీ మరియు నీలం రంగులు గందరగోళాన్ని సృష్టించకుండా వెచ్చదనాన్ని జోడిస్తాయి. కాంపోనెంట్లు సాదాసీదాగా ఉంచబడ్డాయి: సన్నని 1px బోర్డర్లు, సూక్ష్మమైన నీలం రంగు నీడలు, పెద్ద 24px కార్డ్ రేడియస్లు, మరియు 8px బటన్ కార్నర్లు నిస్తేజంగా కాకుండా ఉద్దేశపూర్వకంగా ఉన్నట్లు అనిపిస్తాయి.
డెస్క్టాప్పై గరిష్ట వెడల్పు 1200px, మధ్యలో, విశాలమైన మార్జిన్లతో ఉంటుంది. ప్రధాన స్క్రీన్ రెండు నిలువు వరుసలుగా విభజించబడింది: ఎడమ నిలువు వరుసలో 80px హెడర్ + బాడీ టెక్స్ట్ + ఒకదానిపై ఒకటి పేర్చిన లాగిన్ బటన్లు ఉంటాయి, అయితే కుడి నిలువు వరుసలో నేపథ్యంలో అలంకరణ అంశాలతో కూడిన బుకింగ్ విడ్జెట్ కార్డ్ ఉంటుంది. ప్రధాన స్క్రీన్ కింద ట్రస్ట్ లోగోతో ఒకే, పూర్తి-వెడల్పు గీత ఉంటుంది. తదుపరి విభాగాలు మధ్యలో ఉన్న హెడర్ బ్లాక్ల (H2 + సబ్టెక్స్ట్ + ఐచ్ఛిక కాల్ టు యాక్షన్) మధ్య మారుతూ ఉంటాయి, ఆ తర్వాత ప్రతి ఉత్పత్తి చిత్రం వెనుక అలంకరణ యాక్సెంట్ అంశాలతో ఫీచర్లను వివరించే రెండు-నిలువు వరుసల బ్లాక్లు (ఎడమవైపు టెక్స్ట్/కుడివైపు ఉత్పత్తి లేదా ఎడమవైపు ఉత్పత్తి/కుడివైపు టెక్స్ట్) ఉంటాయి. కార్డ్ గ్రిడ్లు చాలా అరుదుగా ఉపయోగించబడతాయి—ఈ లేఅవుట్ బహుళ-నిలువు వరుసల గ్రిడ్ల కంటే పక్కపక్కన ఉంచిన జత విభాగాలకు ప్రాధాన్యత ఇస్తుంది. విభాగాల మధ్య అంతరం 48 నుండి 64px వరకు ఉంటుంది. నావిగేషన్ అనేది 64px స్థిరమైన టాప్ బార్, దీనిలో ఎడమవైపు లోగో, మధ్యలో మెనూ మరియు కుడివైపున కాల్స్ టు యాక్షన్ సమూహం ఉంటాయి.
ప్రధాన దృశ్య అంశం ఉత్పత్తి స్క్రీన్షాట్లు—బుకింగ్ క్యాలెండర్ యూజర్ ఇంటర్ఫేస్ యొక్క సాధారణ మాక్అప్లు, వెడల్పాటి, గుండ్రని మూలలతో స్పష్టమైన తెల్లటి కార్డ్లపై ప్రదర్శించబడ్డాయి. అలంకారిక డిజైన్: ప్రతి ఉత్పత్తి కార్డ్ చుట్టూ పగడపు ఊదా (#e55cff) లేదా ఆకాశ నీలం (#0099ff) రంగు యొక్క మృదువైన చుక్క ఉంటుంది, ఇది కొద్దిగా పక్కకు జరిగి, అస్పష్టంగా ఉండి, చదునైన స్క్రీన్షాట్లా కాకుండా ఒక కొల్లాజ్ ప్రభావాన్ని సృష్టిస్తుంది. ఫోటోగ్రాఫ్లు లేవు, లైఫ్స్టైల్ చిత్రాలు లేవు—అన్ని దృశ్య అంశాలు ఉత్పత్తి యూజర్ ఇంటర్ఫేస్, నైరూప్య యాక్సెంట్ ఆకారాలు లేదా ట్రస్ట్ బార్పై ఉన్న మోనోక్రోమ్ భాగస్వామి లోగోలను సూచిస్తాయి. ఐకాన్లు 1.5–2px లైన్ వెడల్పుతో సరళంగా, మోనోక్రోమ్లో, ముదురు నీలం (ఇంక్ నేవీ) లేదా నీలం (సిగ్నల్ బ్లూ) రంగులో ఉంటాయి.
పాలెట్
బ్రాండ్
- Ink Navy
#0b3558— ప్రధాన టెక్స్ట్, శీర్షికలు, ఐకాన్లు, చర్యకు పిలుపుల కోసం ముదురు నేపథ్యం, నావిగేషన్ లింక్లు. - Signal Blue
#006bff— ప్రాథమిక కాల్ టు యాక్షన్ (CTA), యాక్టివ్ నావిగేషన్, లింక్ ప్రాధాన్యత, ఎంచుకున్న రాష్ట్రాలు
తటస్థ
- Carbon
#0a0a0a— పూర్తిగా నలుపు రంగులో టెక్స్ట్ (ఫాల్బ్యాక్), లోగో గ్లిఫ్, ఐకాన్ ఫిల్. - Slate Gray
#476788— అదనపు ప్రధాన పాఠ్యం, సహాయక పాఠ్యం, మ్యూట్ చేయబడిన లేబుల్లు. - Mist Gray
#a6bbd1— నిలిపివేయబడిన టెక్స్ట్, క్రియారహిత ఫంక్షన్ లేబుల్లు, లైట్ ఐకాన్ అవుట్లైన్లు - Cloud
#f8f9fb— పేజీ కాన్వాస్, ఫుటర్ బ్యాక్గ్రౌండ్, అదనపు ఉపరితలం - Paper
#ffffff— కార్డ్ ఉపరితలాలు, ఉబ్బెత్తు ప్యానెల్లు, ముదురు నేపథ్యంపై బటన్ టెక్స్ట్. - Pebble
#f0f3f8— ఐకాన్ల కోసం నేపథ్య చిత్రాలు, ఇన్పుట్ ఫీల్డ్ షేడింగ్, సూక్ష్మమైన సెపరేటర్లు, హోవర్ ఎఫెక్ట్లు.
టైపోగ్రఫీ
12 నుండి 80 పిక్సెల్స్ వరకు · 10 దశలు
- Gilroy — భర్తీ: Manrope · రూపురేఖలు 400, 500, 600, 700 · ఇంటర్ఫేస్లోని మొత్తం టెక్స్ట్. గిల్ రాయ్ అనేది వెడల్పాటి అపెర్చర్లు మరియు ఏకరీతి స్ట్రోక్ కాంట్రాస్ట్తో కూడిన ఒక జ్యామితీయ హ్యూమనిస్ట్ శాన్-సెరిఫ్ ఫాంట్; దీని బోల్డ్ వెయిట్లను (700) శీర్షికల కోసం, 500–600 వెయిట్లను బటన్లు మరియు ఉపశీర్షికల కోసం ఉపయోగిస్తారు. దీనిని మ్యాన్రోప్ లేదా ఇంటర్తో భర్తీ చేయండి.
- Gilroy — భర్తీ: Inter · రూపురేఖలు 400 · బాడీ టెక్స్ట్ మరియు సాధారణ ప్రయోజన UI లేబుల్స్ - 400-పాయింట్ ఫాంట్ వెయిట్, పొడవైన టెక్స్ట్లు బరువుగా అనిపించకుండా స్పష్టంగా చదవగలిగేలా చేస్తుంది.
- Gilroy — భర్తీ: Inter · రూపురేఖలు 500 · ద్వితీయ శీర్షికలు మరియు హైలైట్ చేయబడిన ప్రధాన పాఠ్యం - కార్డ్ శీర్షికలు మరియు ఇన్లైన్ లేబుల్ల కోసం 14/500 ఫాంట్ ప్రధాన సాధనం.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | దట్టమైన |
| ప్రాథమిక దశ | 8-16px |
| బటన్ వ్యాసార్థం | 8px |
| కార్డ్ వ్యాసార్థం | 24px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 48-64px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను Calendly శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- ElevenLabs — వెచ్చని క్రీమ్ రంగు ఛాయలలో, సూక్ష్మమైన శీర్షికలతో కూడిన ఒక ఫోటో వ్యాసం. బాహౌస్-శైలి నోట్బుక్—గుడ్డు పెంకు రంగు కాగితం, నల్ల సిరా, మరియు ఉత్పత్తి ప్రదర్శన కోసం ఒకే ఒక్క ఊదా మరియు నారింజ రంగు అలంకరణ.
- Awesomic — కాన్ఫెట్టిని తలపించే నారింజ రంగు విరామ చిహ్నాలతో కూడిన ఎడిటోరియల్ జింక్ మెష్
- Monad — వెచ్చని పార్చ్మెంట్పై సంపాదకీయ సాంకేతిక పత్రిక
- Dub — లింక్ యొక్క మాట్టే రైస్ పేపర్ కంట్రోల్ ప్యానెల్
- Seline Analytics — వెచ్చని కాగితంపై నిశ్శబ్ద విశ్లేషణాత్మక పట్టిక
- Notion — మధ్యాహ్నపు ఎండలో వెచ్చని కాగితపు నోట్బుక్
- Anthropic — వెచ్చని వెల్లం కాగితంపై ముద్రించిన ఒక శాస్త్రీయ రంగ పత్రిక—ప్రశాంతమైన ఐవరీ రంగు ఉపరితలాలు, సెరిఫ్డ్ సంపాదకీయ శీర్షికలు, మరియు చర్య అవసరమైనప్పుడు మాత్రమే కనిపించే ఒకే ఒక్క మట్టి రంగు అలంకరణ.
- Augen Pro — యాపిల్ యొక్క తెల్లటి ప్రెజెంటేషన్లో, ఏకవర్ణ ప్రదేశంలో స్పష్టమైన, తేలికైన, ఎలక్ట్రిక్ బ్లూ రంగు ఏకైక యాక్సెంట్గా ఉంటుంది.
- Antimetal — క్రీమ్ రంగు కాగితంపై ఒక సంపాదకీయ కథనం—ఒక శాస్త్రీయ పత్రికలో ప్రశాంతమైన ఉదయం, ఇక్కడ సంయమనం విశ్వాసాన్ని తెలియజేస్తుంది మరియు సెరిఫ్లు ప్రధాన పాత్రను పోషిస్తాయి.
- Perk — వెచ్చని పార్చ్మెంట్ కాగితంపై ఎలక్ట్రిక్ లైమ్
- Ditto — సూర్యకాంతి ప్రసరిస్తున్న ఒక కార్యశాలలో అడవి పువ్వుల నమూనాలు తయారవుతున్నాయి. వెచ్చని క్రీమ్ రంగు ఉపరితలాలు, ప్రకాశవంతమైన పసుపు ఆధార రంగు, ముదురు నేవీ బ్లూ సిరా, ఆ కళాఖండం వెనుక వికసిస్తున్న సహజ రంగుల రూపాలు.
- Officevibe — వెచ్చని క్రీమ్ రంగు కాగితంపై ఒక సంపాదకీయ పత్రిక. హెచ్ఆర్ నిర్వహణపై ఒక ఆలోచనాత్మక వ్యాసాన్ని ఊహించుకోండి, అది ఒక ఉత్పత్తి రూపంలో ప్రదర్శించబడింది—ఆధునిక నీలిరంగు ఇంటర్ఫేస్ ద్వారా మెల్లగా వినిపించే కర్సివ్ సెరిఫ్ ఫాంట్.