Letters
బహిరంగ క్లినిక్లో ఉదయపు అపాయింట్మెంట్—లేత నీలిరంగు పైకప్పు కింద ఒక క్రిమిరహితమైన తెల్లటి బల్ల, దానిపై శస్త్రచికిత్సకు ఉపయోగించే నీలిరంగు పరికరాలు చెల్లాచెదురుగా ఉన్నాయి.
లెటర్స్ అనేది ఒక మెడికల్ లెటర్ రైటింగ్ టూల్. ఇది ప్రశాంతమైన, వైద్యపరమైన వాతావరణాన్ని సృష్టించే మృదువైన, నీలి రంగు చారతో కూడిన గ్రేడియంట్ ఓపెన్-స్కై హెడర్తో ప్రారంభమై, ఆ తర్వాత శుభ్రమైన తెల్లని వర్క్స్పేస్లోకి మారుతుంది. ఈ సిస్టమ్ మోనోక్రోమ్ శైలిలో రూపొందించబడింది: శుభ్రమైన తెల్లని కాన్వాస్, దాదాపు నలుపు రంగు టెక్స్ట్ (#070709), ముదురు రంగు గుళిక ఆకారపు కాల్స్ టు యాక్షన్, మరియు సూక్ష్మమైన నీడలపై తేలియాడే గుండ్రని కార్డ్లు. ఐకాన్లు, మైక్రోగ్రాఫిక్స్, వేవ్ఫార్మ్ ప్లేయర్ల వంటి ఫంక్షనల్ పంక్చుయేషన్ కోసం ఒకే ఒక్క ప్రకాశవంతమైన నీలం రంగు (#2597d0) కేటాయించబడింది, దీనిని బటన్లు లేదా పెద్ద ఫిల్స్ కోసం ఎప్పుడూ ఉపయోగించరు. టైపోగ్రఫీ కోసం ఓపెన్ రుండే అనే జ్యామితీయ హ్యూమనిస్ట్ శాన్-సెరిఫ్ ఫాంట్ను ఉపయోగిస్తారు. ఇది పెద్ద స్క్రీన్ సైజులలో (80px వద్ద -0.04em) అక్షరాల మధ్య తీవ్రమైన నెగటివ్ స్పేసింగ్ను కలిగి ఉండి, హెడర్లను స్పష్టమైన బ్లాక్లుగా కుదిస్తుంది. దీనిలోని భాగాలు ఒక వైద్య పరికరంలా తేలికగా అనిపిస్తాయి: సన్నని బెజెల్స్, ఉదారమైన కార్డ్ స్పేసింగ్, గుళిక ఆకారపు బటన్లు, మరియు ఆకాశం ఆకారపు హెడర్ తన భావోద్వేగాలను వ్యక్తపరిచేలా ఎలివేషన్ను వివేకవంతంగా ఉపయోగించడం వంటివి దీనిలో ఉన్నాయి.
ఆకాశ నీలం రంగు గ్రేడియంట్ హోమ్పేజీ, పేజీ మొత్తం వెడల్పును ఆక్రమించి ఉంటుంది. దీనిలో మధ్యలో శీర్షిక, ఉపశీర్షిక మరియు దాని కింద ఒక కాల్-టు-యాక్షన్ బటన్ ఉంటాయి. ఇది విభాగాల మధ్య విశాలమైన ఖాళీతో (80-120px) కూడిన తెల్లని కంటెంట్ ప్రాంతంలోకి సజావుగా కలిసిపోతుంది. ఫీచర్ విభాగాలలో సమాన నిష్పత్తిలో ఉండే పెద్ద, గుండ్రని కార్డ్లతో (18-32px వ్యాసార్థం) కూడిన రెండు-నిలువు వరుసల గ్రిడ్ను ఉపయోగించారు. విభాగాల శీర్షికలు ఎల్లప్పుడూ కార్డ్ గ్రిడ్కు పైన, ఒకే నిలువు వరుసలో, మధ్యలో ఉంటాయి. నావిగేషన్ అనేది మధ్యలో లింకుల సమూహం మరియు కుడివైపున అమర్చిన లాగిన్ చర్యలతో కూడిన ఒక స్థిరమైన తెల్లని టాప్ బార్. మొత్తం మీద ఒకే, ఆకర్షణీయమైన ప్రధాన గీత, ఆ తర్వాత స్థిరమైన నిలువు ఖాళీతో ఒకదాని తర్వాత ఒకటిగా వచ్చే తెలుపు మరియు #f5f5f5 విభాగాలు దీని లయగా ఉంటాయి. ఇందులో సైడ్బార్ లేదు, మెగా-మెనూ లేదు, అసమాన లేఅవుట్లు లేవు—ఈ పేజీ ఒక ప్రశాంతమైన, సుష్టమైన నిలువు వరుసలా అనిపిస్తుంది.
విజువల్ డిజైన్ దాదాపు పూర్తిగా ఉత్పత్తి యొక్క యూజర్ ఇంటర్ఫేస్పైనే దృష్టి పెట్టింది—లైఫ్స్టైల్ ఫోటోలు లేవు, అబ్స్ట్రాక్ట్ 3D రెండర్లు లేవు. యాప్ యొక్క నేటివ్ ఇంటర్ఫేస్ను ప్రదర్శించే ప్రొడక్ట్ కార్డ్ల చుట్టూ విజువల్ లాంగ్వేజ్ నిర్మించబడింది: డాక్యుమెంట్ల యొక్క "ముందు" మరియు "తర్వాత" పోలిక, చుక్కల అంచుతో కూడిన లోడింగ్ ఏరియా, మరియు వేవ్ఫార్మ్ రూపంలో ఆడియో ప్లేయర్. ప్రధాన చిత్రంలోని స్కై గ్రేడియంట్ మాత్రమే వాతావరణాన్ని ప్రతిబింబించే ఏకైక విజువల్ ఎలిమెంట్. ఐకాన్లు ఫ్లాట్గా, ఒకే రంగులో ఉండే #2597d0 లైన్ ఐకాన్లు (ఎన్వలప్, మైక్రోఫోన్, చెక్మార్క్)గా ఏకరీతి లైన్ వెయిట్లతో, ఫిల్డ్ వేరియేషన్లు లేకుండా ఉన్నాయి. ఇలస్ట్రేషన్ శైలి సంయమనంతో ఉంది: ప్రొడక్ట్ మాకప్లు తెల్లటి బ్యాక్గ్రౌండ్పై ప్రదర్శించబడతాయి, లోతును సృష్టించడానికి కొద్దిగా తిప్పబడి ఉంటాయి, కానీ ఎప్పుడూ తీవ్రంగా వంచబడి ఉండవు. "ముందు" కార్డ్పై ఉన్న క్లినికల్ చేతిరాతను గుర్తుకు తెచ్చేందుకు మాత్రమే ఉపయోగించిన చేతిరాత ఫాంట్ (ది డాక్టర్) మాత్రమే ఇక్కడ ఉన్న ఏకైక ఆర్గానిక్/హ్యాండ్క్రాఫ్టెడ్ ఎలిమెంట్.
పాలెట్
బ్రాండ్
- Surgical Blue
#2597d0— ఐకాన్లు, మైక్రోఫోన్ ఐకాన్, సౌండ్ వేవ్ ప్లేయర్ మరియు చిన్న ఫంక్షనల్ యాక్సెంట్లు ఇంటర్ఫేస్ అంతటా ఒకే క్రోమాటిక్ నోట్ను సృష్టిస్తాయి.
తటస్థ
- Obsidian
#070709— బాడీ కాపీ, నిండిన కాల్-టు-యాక్షన్ బటన్లు మరియు ముదురు UI ఎలిమెంట్స్—తెల్లటి బ్యాక్గ్రౌండ్కు వ్యతిరేకంగా కాంట్రాస్ట్ను మృదువుగా చేయడానికి స్వచ్ఛమైన #000కు బదులుగా దాదాపు నలుపు రంగును ఎంచుకున్నారు. - Paper White
#ffffff— పేజీ నేపథ్యం, కార్డ్ ఉపరితలాలు మరియు బటన్ టెక్స్ట్ అనేవి ప్రధాన ఎలిమెంట్ క్రింద ఉన్న అన్ని విభాగాలకు ప్రధాన కాన్వాస్గా పనిచేస్తాయి. - Cloud Gray
#f5f5f5— అదనపు కార్డ్ ఉపరితలాలు మరియు విభాగాల నేపథ్యాలు క్రియాత్మక బ్లాక్లను ప్రధాన కాన్వాస్ నుండి వేరు చేస్తాయి. - Sky Tint
#d7e6f5— కార్డ్బోర్డ్ ఫ్రేమ్ యొక్క రంగు మరియు ఉపరితలంపై కంటికి కనపడనంత లేత నీలి రంగు, బూడిద రంగుకు బదులుగా ఒక ఆహ్లాదకరమైన వాతావరణాన్ని సృష్టిస్తాయి. - Charcoal
#60606c— ప్రధాన టెక్స్ట్, ద్వితీయ టెక్స్ట్ మరియు మ్యూటెడ్ బోర్డర్లు - శీర్షికేతర కంటెంట్ కోసం ఒక ప్రధాన తటస్థ రంగు. - Slate
#8b8b8b— చిన్న అక్షరాలు మరియు క్రియారహిత సరిహద్దు స్థితులు - స్థానాలను సూచించడానికి మరియు వికలాంగులకు అందుబాటును నిర్ధారించడానికి ఉపయోగించబడతాయి.
టైపోగ్రఫీ
12 నుండి 80 పిక్సెల్స్ వరకు · 8 దశలు
- sans-serif — భర్తీ: Inter · రూపురేఖలు 400, 700 · సాన్స్-సెరిఫ్ - సంగ్రహించిన డేటాలో కనుగొనబడింది కానీ AI ద్వారా వివరించబడలేదు.
- Open Runde — భర్తీ: Inter Tight · రూపురేఖలు 400, 500, 600, 700, 900 · శీర్షికలు మరియు నావిగేషన్ కోసం ప్రాథమిక ఫాంట్ ఒక జ్యామితీయ హ్యూమనిస్ట్, ఇది పెద్ద సైజులలో దగ్గరి అక్షరాల అంతరాన్ని కలిగి ఉంటుంది; 80px వద్ద -0.04em శీర్షికను ఒకే, స్పష్టమైన బ్లాక్గా కుదిస్తుంది. అన్ని శీర్షికలు, నావిగేషన్ మరియు పెద్ద టెక్స్ట్ కోసం ఉపయోగించండి.
- Inter — భర్తీ: system-ui · రూపురేఖలు 400, 500 · ద్వితీయ బాడీ మరియు UI టెక్స్ట్ – మరింత తటస్థ పఠన లయను కోరుకునే చోట చిన్న శీర్షికలు, నావిగేషన్ అంశాలు మరియు ఇన్లైన్ లింక్ల కోసం ఉపయోగించబడుతుంది. క్రమానుగత వ్యత్యాసాన్ని సృష్టించడానికి ఓపెన్ రుండేతో జత కలుస్తుంది.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | దట్టమైన |
| ప్రాథమిక దశ | 12-16px |
| బటన్ వ్యాసార్థం | 100px |
| కార్డ్ వ్యాసార్థం | 18px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 80-120px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను Letters శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Integrated Biosciences — అర్ధరాత్రి బయోలుమినెసెన్స్ ల్యాబ్
- Mintlify — గాజు బల్ల పైన ఒక మేఘాల తోట. చేతితో గీసిన ఆకాశం, డాక్యుమెంటరీ ఒకే ఫ్రేమ్లో ఉన్నాయి—పుట సన్యాసి గదిలాంటి తెలుపు రంగులోకి మాయమయ్యే ముందు, రంగు, భావన రెండూ ఢీకొనే ఏకైక ప్రదేశం ఇదే.
- Gleap — వెచ్చని క్రీమ్ రంగులతో, గ్రాఫైట్ ఛాయలతో అలంకరించబడిన కార్యస్థలం—నార వస్త్ర నిర్మాణంపై మాట్ బ్లాక్ ఇంక్ చుక్కలు తేలుతున్నట్లు కనిపించే ఒక స్టూడియో.
- Render — ఈ డిజైన్ బ్రష్డ్ అల్యూమినియంపై ఉంది. ఇంటర్ఫేస్ ఒక శుభ్రమైన, జ్యామితీయ ఇంజనీరింగ్ డాక్యుమెంట్లా అనిపిస్తుంది—ఖాళీ స్థలం, సన్నని గీతలు, మరియు జరుగుతున్న పనిపై దృష్టిని ఆకర్షించే ఒకే ఒక్క ఊదా రంగు గీతతో.
- Grafbase — చల్లని పాలరాయిపై ఇంజనీరింగ్ డ్రాయింగ్
- Slash — బంగారు పూత పూసిన లెడ్జర్లతో అర్ధరాత్రి ఖజానా
- Modal — చీకటిగా ఉన్న సర్వర్ గదిలో ఒక ఫాస్ఫరసెంట్ టెర్మినల్ - ఏకైక కాంతి మూలం ప్రకాశవంతమైన ఆకుపచ్చ రంగు
- Whimsical — లావెండర్ రంగు నేపథ్యంపై ముదురు ప్లం రంగు సిరా—సాంకేతిక వైట్బోర్డ్గా కూడా ఉపయోగపడే ఒక క్రియేటివ్ స్టూడియో నోట్బుక్.
- AgentQL — రాత్రిపూట టెర్మినల్ పైన ఉత్తర ధ్రువపు కాంతి
- Alveos One — నదీ రాళ్లతో నిర్మించిన హాయినిచ్చే ఆశ్రయం – మృదువైన అంబర్ కాంతిలో ఒకే ఒక్క గ్రాఫైట్ వస్తువు నిలిచివున్న, ప్రశాంతమైన, లేత పసుపు కాంతితో వెలిగే ధ్యాన గది.
- GitHub — జీవ కాంతి నియంత్రణ పాయింట్లతో కూడిన స్పేస్ కమాండ్ ప్యానెల్—ఒక చీకటి, వాతావరణంతో కూడిన కార్యస్థలం, ఇక్కడ ఒకే ఒక్క ఆకుపచ్చ కాంతి ముందుకు దారిని సూచిస్తుంది.
- Buddy — గ్రాఫ్ పేపర్పై గీసిన ఒక ఇంజనీరింగ్ డ్రాయింగ్. తెల్లటి డ్రాయింగ్ ఉపరితలంపై, కంటికి కనపడనంత సన్నని గ్రిడ్ను దాదాపు నల్లటి సిరాతో గీశారు, దానిపై ఫ్లోరోసెంట్ లేత ఆకుపచ్చ గుర్తులు మరియు ఇరిడెసెంట్ గ్రేడియంట్ స్ట్రోకులు ఉన్నాయి.