
Duolingo
తెల్ల కాగితంపై ఉల్లాసభరితమైన తరగతి చిహ్నం
డ్యుయోలింగో ఇంటర్ఫేస్ ఒక పిల్లల బొమ్మల పుస్తకంలా రూపొందించబడింది: తెల్లటి కాగితపు కాన్వాస్, బొద్దుగా, గుండ్రంగా ఉండే ఫాంట్, మరియు "సరైన సమాధానం" అని వెంటనే గుర్తుచేసే ఒకే ఒక్క, గాఢమైన ఆకుపచ్చ రంగు. ప్రధాన టెక్స్ట్ ప్రశాంతమైన మధ్యస్థ బూడిద రంగులో ఉంటుంది, దీనివల్ల ఆకుపచ్చ మరియు దాని యాక్సెంట్ నీలం రంగులు భావోద్వేగాలను పండించగలుగుతాయి—పురోగతి మరియు శీర్షికల కోసం ఆకుపచ్చ, క్లిక్ చేయగల లింకులు మరియు అదనపు చర్యల కోసం నీలం. కాంపోనెంట్లు మాత్రల ఆకారంలో లేదా మందపాటి నలుపు లేదా రంగుల అంచులతో, లావుగా, గుండ్రంగా ఉండే మూలల వలె ఉంటాయి, దీనివల్ల ప్రతి బటన్ ఒక సాధారణ UI కంట్రోల్ లా కాకుండా పేజీకి అంటించిన స్టిక్కర్ లాగా అనిపిస్తుంది.
విభాగాలు పేజీ యొక్క పూర్తి వెడల్పును ఆక్రమిస్తాయి మరియు ఒకే కాలమ్లో నిలువుగా అమర్చబడి ఉంటాయి, ప్రతి విభాగం సుమారుగా 800 పిక్సెల్ల ఎత్తు ఉంటుంది. మధ్యలో ఉంచినప్పుడు గరిష్ట కంటెంట్ వెడల్పు సుమారుగా 1 పిక్సెల్ ఉంటుంది. ఎడమవైపు టెక్స్ట్ మరియు కుడివైపు చిత్రాలు ఒకదాని తర్వాత ఒకటి వస్తూ, తగినంత నిలువు ఖాళీని (విభాగాల మధ్య 80 పిక్సెల్లు) అందిస్తాయి. గ్రిడ్ కార్డ్లు లేదా బహుళ-కాలమ్ లేఅవుట్లు లేవు—ప్రతి విభాగం ఒకే టెక్స్ట్ బ్లాక్తో పాటు ఒకే చిత్రంగా ఉంటుంది. నావిగేషన్ అనేది లోగో మరియు భాషా సెలెక్టర్తో కూడిన ఒక మినిమలిస్ట్ టాప్ బార్, ఇది విభాగాల మధ్య ఒక స్థిరమైన బార్గా కనిపిస్తుంది. ఫుటర్ అనేది పేజీ యొక్క పూర్తి వెడల్పును ఆక్రమించే ఒక ఆకుపచ్చ గీత. దీని శైలి ఎడిటోరియల్ పద్ధతిలో ఉంటుంది: శీర్షిక, పేరా, కార్యాచరణకు పిలుపు, చిత్రం, పునరావృతం.
ఈ పుస్తకంలోని చిత్రణ భాషలో చదునైన, ద్విమితీయ మస్కట్ పాత్రలు (డ్యూయెట్ అనే గుడ్లగూబ మరియు వివిధ మానవ రూపాలు) గుండ్రని జ్యామితీయ ఆకారాలు, దట్టమైన నల్లని అవుట్లైన్లు మరియు ఇంటర్ఫేస్లో ఎప్పుడూ కనిపించని గులాబీ, ఊదా, పసుపు, నారింజ, నీలం వంటి పూరక రంగుల పాలెట్తో ఉంటాయి. ఈ చిత్రాలు ప్రతి విభాగంలో కుడి వైపున, టెక్స్ట్ పక్కన, ఎలాంటి కంటైనర్లు లేదా నేపథ్యాలు లేకుండా, స్వచ్ఛమైన తెల్లని నేపథ్యంపై అమర్చబడి ఉంటాయి. ఇందులో ఫోటోగ్రాఫ్లు లేవు—పాత్రలే దృశ్యమాన కంటెంట్గా పనిచేస్తాయి. మస్కట్ల శైలికి అనుగుణంగా, ఐకానోగ్రఫీలో మందపాటి అవుట్లైన్లను ఉపయోగించారు. చిత్రాల సాంద్రత మితంగా ఉంటుంది: ప్రతి విభాగంలో పాత్ర యొక్క ఒక పెద్ద చిత్రం ఉంటుంది, పేజీలోని మిగిలిన భాగం టైపోగ్రఫీ మరియు ఖాళీ స్థలానికి కేటాయించబడుతుంది.
పాలెట్
బ్రాండ్
- Eager Green
#58cc02— లింకులు, ట్యాగ్లు మరియు చిన్న పదబంధాలను హైలైట్ చేయడానికి ఆకుపచ్చ రంగును ఉపయోగిస్తారు. దీనిని కాల్స్ టు యాక్షన్ కోసం ప్రాథమిక రంగుగా ఉపయోగించకూడదు. - Storybook Green
#d7ffb8— లేత రంగు ఉపరితలాలపై మృదువైన హైలైట్లు, ఫుటర్లోని నావిగేషన్ లేబుల్ల వెనుక సూక్ష్మమైన నేపథ్య టోన్లు.
తటస్థ
- Spark Blue
#1cb0f6— లింకులు, ట్యాగ్లు మరియు చిన్న పదబంధాలను హైలైట్ చేయడానికి నీలం రంగును ఉపయోగిస్తారు. దీనిని కాల్స్ టు యాక్షన్ కోసం ప్రాథమిక రంగుగా ఉపయోగించకూడదు. - Fresh Leaf
#a5ed6e— లింకులు, ట్యాగ్లు మరియు చిన్న పదబంధాలను హైలైట్ చేయడానికి ఆకుపచ్చ రంగును ఉపయోగిస్తారు. దీనిని కాల్స్ టు యాక్షన్ కోసం ప్రాథమిక రంగుగా ఉపయోగించకూడదు. - Night Ink
#000437— లింకులు, ట్యాగ్లు మరియు చిన్న హైలైట్ చేయబడిన పదబంధాలు ఊదా రంగులో హైలైట్ చేయబడతాయి. - Paper White
#ffffff— పేజీ కాన్వాస్, కార్డ్బోర్డ్ ఉపరితలాలు, ఆకుపచ్చ/ముదురు నేపథ్యంపై బటన్ టెక్స్ట్. - Charcoal
#4b4b4b— హీరో హెడర్లు మరియు బాడీ టెక్స్ట్ - రంగుల హెడ్లైన్లు ప్రస్ఫుటంగా కనిపించేలా చేసే యూనివర్సల్ డార్క్ టెక్స్ట్. - Pencil Gray
#777777— పాఠ్యంలోని ప్రధాన పేరాలు అంతగా కనపడని అక్షరాలతో హైలైట్ చేయబడతాయి, మరియు ద్వితీయ వివరణాత్మక పాఠ్యం నేపథ్యానికి వెళ్ళిపోతుంది, తద్వారా రంగుల అంశాలు ప్రముఖంగా కనిపిస్తాయి.
టైపోగ్రఫీ
13 నుండి 64 పిక్సెల్స్ వరకు · 7 దశలు
- feather — భర్తీ: Inter · రూపురేఖలు 700 · "ఉచితం. వినోదం. ప్రభావవంతం" మరియు "డ్యుయోలింగో ఇంగ్లీష్ టెస్ట్" వంటి విభాగ శీర్షికలు, బ్రాండ్కు దాని ఉల్లాసభరితమైన, స్నేహపూర్వకమైన, మస్కట్ లాంటి శైలిని అందించేలా, ప్రత్యేకంగా రూపొందించిన గుండ్రని ఫాంట్ను ఉపయోగించి ప్రదర్శించబడతాయి. సరైన వెయిట్లో "ఫెదర్ బోల్డ్" లేదా "నూనిటో బ్లాక్"తో మార్చండి. అక్షరాల మధ్య దూరం: -0.0200em
- duolingo-sans — భర్తీ: Inter · రూపురేఖలు 500 · ప్రధాన పేరాలు మరియు నావిగేషన్ లింక్లు 17px/500 వద్ద ఉంటాయి—ఇది స్పష్టంగా చదవగలిగే ఒక జ్యామితీయ శాన్-సెరిఫ్ ఫాంట్, ఇది 700 లైన్ వెయిట్తో ముఖ్యమైన అంశాలను హైలైట్ చేయడానికి వీలు కల్పిస్తుంది. దీనికి బదులుగా 'DIN Next', 'Inter', లేదా 'Nunito Sans' వాడండి.
- duolingo-sans — భర్తీ: Inter · రూపురేఖలు 700 · అన్ని వెయిట్-700 విలువలు ఉపయోగించబడ్డాయి: నావిగేషన్ లేబుల్స్లోని పెద్ద అక్షరాలు 15px (ls 0.0530em), ఉపశీర్షికలు 19px మరియు 32px, మరియు లింక్ ఎంఫసిస్ 13px. ప్రధాన టెక్స్ట్లోని ఫాంట్నే వాడారు—దృశ్యమాన వ్యత్యాసం వెయిట్లో ఉంటుంది, ఫాంట్ మార్పులో కాదు. అక్షరాల మధ్య దూరం: నావిగేషన్ లేబుల్స్లోని పెద్ద అక్షరాలకు 0.0530em.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | దట్టమైన |
| ప్రాథమిక దశ | 12px |
| బటన్ వ్యాసార్థం | 12px |
| కార్డ్ వ్యాసార్థం | 12px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 80-120px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను Duolingo శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Family — క్రీమ్ పార్చ్మెంట్పై ఒక అద్భుత కథలోని దృశ్యం
- Say Briefly — క్రీమ్ రంగు కాగితంపై క్రియేటివ్ ఏజెన్సీ స్కెచ్బుక్
- Flying Papers — శనివారం ఉదయం కార్టూన్లో ఒప్పుకోలు
- Portrait — క్రీమ్ రంగు కాగితంపై పోలరాయిడ్ ఫోటోలలో బంధించబడిన జ్ఞాపకాల గోడ. ఒక ప్రకాశవంతమైన, క్రీమ్ రంగు స్క్రాప్బుక్, దీనిలో ముదురు నీలం సిరా మాత్రమే అక్షరాలుగా, నిర్మాణ రేఖలుగా, మరియు ఫ్రేమ్ రంగుగా ఉంటుంది—దానిపై చేతితో గీసిన ఒకే ఒక్క ఇంద్రధనస్సు ఉంటుంది, అది కూడా ఒక్కసారి మాత్రమే, 'రిజిస్టర్' బటన్పై మరియు ఇటాలిక్స్లో ఉన్న 'ఫరెవర్' అనే పదంపై కనిపిస్తుంది, ఆ తర్వాత మరెన్నడూ కనిపించదు.
- Karl — ఎండగా ఉన్న రోజున 3D పాప్-అప్ పుస్తకం శైలి డయోరమా
- Navigate — ఒక బోర్డుకు అంటించిన పెద్ద స్టిక్కర్ల సమూహం: పెద్ద వికారమైన ఫాంట్, అన్నీ టాబ్లెట్ల రూపంలో మరియు లోగోలా పునరావృతమయ్యే ఐదు రంగురంగుల చిహ్నాలు.
- Monte — తుప్పు రంగుతో కూడిన తీరప్రాంతంలో ఉదయం
- MotherDuck — క్రీమ్ రంగు కాగితంపై రంగు పెన్సిల్స్తో కోడ్ చేయబడిన టెర్మినల్
- Wise Design — అంతర్జాతీయ వీధిలో ఒక నియాన్ మార్కెట్ స్టాల్—రద్దీగా ఉన్న మార్కెట్లో ఒక ప్రకాశవంతమైన ఆకుపచ్చ సైన్ గట్టిగా అరుస్తుండగా, దాని వెనుక, చక్కగా తీర్చిదిద్దిన ఉత్పత్తి యూజర్ ఇంటర్ఫేస్ వివేకంతో కనిపిస్తుంది.
- Hatch — చేతితో గీసిన, రహస్య ముద్రణ శైలి డిజైన్ను లేత రంగుల మిఠాయి గిన్నెలతో కలిపారు. పుదీనా రంగు అలంకరణలు, కాగితపు చుక్కలు, మరియు చర్యకు పిలుపునిచ్చే గుళికల ఆకారాలతో అలంకరించబడిన లేత క్రీమ్ రంగు కాగితపు కాన్వాస్పై, ఒక పెద్ద, దట్టమైన సెరిఫ్ ఫాంట్ వినోదాన్ని సూచిస్తుండగా, ఒక మూలలో నీలిరంగు చిహ్నం కన్నుగీటుతుంది.
- Superr — మృదువైన మధ్యాహ్నపు వెలుగులో వెచ్చగా ఉన్న ఒక స్కూల్ నోట్బుక్. ఒక క్రీమ్ రంగు పేజీ, మూత లేని ఒక నారింజ రంగు మార్కర్, మరియు ఒలిచి తీయడానికి సిద్ధంగా ఉన్న లామినేటెడ్ పేరు స్టిక్కర్ల కట్ట.
- Mews — తెల్లవారుజామున గులాబీ రంగుతో తడిసి ముద్దయిన ఒక ఆతిథ్య నియంత్రణ కేంద్రం. తెల్లటి గోడలు, సూర్యకాంతితో నిండిన ఈ కార్యస్థలంలో, ప్రతీ స్క్రీన్కు ముదురు నలుపు రంగు అక్షరాలు, వెచ్చని క్రీమ్ రంగు కార్డులు, మరియు ఒకే ఒక్క ముదురు గులాబీ రంగు యాక్షన్ బటన్ ప్రత్యేకతను ఇస్తాయి—ఇది కార్పొరేట్ కట్టుబాట్లకు బదులుగా ఒక ఉల్లాసభరితమైన ఆత్మవిశ్వాసాన్ని ప్రదర్శిస్తుంది.