Superlist
పగడపు నిప్పుకణికలతో కూడిన రాత్రిపూట కార్యస్థలం—ఒక నిశ్శబ్దమైన వంకాయ రంగు యాప్ ఉపరితలం, ఇక్కడ ఒకే ఒక్క వెచ్చని నారింజ రంగు నిప్పురవ్వ ప్రతి చర్యను సూచిస్తుంది.
సూపర్లిస్ట్ అర్ధరాత్రి ఊదా రంగు ఛాయలలో ఉత్పాదకత భాషను ఉపయోగిస్తుంది: ముదురు వంకాయ రంగు, ఏకైక ప్రాథమిక రంగుగా వెచ్చని పగడపు రంగు, మరియు మొత్తం వాతావరణాన్ని సంగ్రహించే పెద్ద శాన్-సెరిఫ్ హెడ్లైన్లు. ఈ ఇంటర్ఫేస్ రాత్రిపూట ఏకాగ్రతతో పనిచేసే అనుభూతిని కలిగిస్తుంది—నిశ్శబ్దంగా, పొరలుగా, మరియు ఆత్మవిశ్వాసంతో ఉంటుంది, ఇందులో చర్యకు పిలుపులు, క్రియాశీల స్థితులు, మరియు కీలక అంశాలపై క్రియాత్మక విరామ చిహ్నాలుగా మాత్రమే రంగును ఉపయోగిస్తారు. ఉపరితలాలు ఊదా రంగు అండర్టోన్తో (#181824 → #26253b) సూక్ష్మమైన ముదురు ఛాయలలో పొరలుగా ఉంటాయి, లోతు నిర్జీవంగా కాకుండా వెచ్చగా అనిపించేలా చేయడానికి స్వచ్ఛమైన నలుపును నివారించారు. కాంపోనెంట్లు విశాలమైన గుండ్రని ఆకారాలను (20px కార్డ్లు, పిల్ బటన్లు), మృదువైన నీడలను కలిగి ఉంటాయి, మరియు బిగుతైన గ్రిడ్లకు బదులుగా సౌకర్యవంతమైన 10-16px ఖాళీల ద్వారా "ఊపిరి పీల్చుకుంటాయి". హెడ్లైన్ యొక్క శైలియే సర్వస్వం: 70-88px వద్ద 600-పాయింట్ వెయిట్ మరియు -0.02em బిగుతైన లెటర్ స్పేసింగ్ టెక్స్ట్ను UIగా కాకుండా టైపోగ్రాఫిక్గా పరిగణిస్తుంది—ఇది SaaS కంటే ఎడిటోరియల్ కాపీకి దగ్గరగా ఉంటుంది.
ముదురు రంగు విభాగాలు పేజీ మొత్తం వెడల్పును ఆక్రమిస్తాయి, మధ్యలో గరిష్ట వెడల్పు గల కంటెంట్ కంటైనర్లతో ఉంటాయి. ప్రధాన విభాగం నిలువుగా మధ్యలో ఉంటుంది మరియు ఇందులో ఒక శీర్షిక, ఉప-వచనం, మరియు చర్యకు పిలుపు (CTA) ఉంటాయి, దాని తర్వాత తర్వాతి విభాగాన్ని కప్పివేసేలా ఒక పెద్ద ఉత్పత్తి స్క్రీన్షాట్ ఉంటుంది. ఆ తర్వాతి విభాగాలు మధ్యలో ఉన్న టెక్స్ట్ బ్లాక్లు మరియు కార్డ్ గ్రిడ్ల మధ్య మారుతూ ఉంటాయి. సమీక్షల విభాగం సమీక్ష కార్డ్లు మరియు 16 గట్టర్లతో మూడు-నిలువు వరుసల గ్రిడ్ను ఉపయోగిస్తుంది. నావిగేషన్ అనేది ఎడమవైపు లోగో, మధ్యలో లింక్లు, మరియు కుడివైపు లాగిన్ చర్యలతో కూడిన ఒకే టాప్ బార్—స్థిరమైన సైడ్బార్ లేదా మెగా-మెనూ ఉండదు. విభాగాల మధ్య గట్టర్లు విశాలంగా (16 గట్టర్లు) ఉంటాయి, ఇది దట్టమైన ఉత్పత్తి గ్రిడ్కు బదులుగా విశాలమైన, సంపాదకీయ లయను సృష్టిస్తుంది.
విజువల్ స్పేస్లో ఉత్పత్తి స్క్రీన్షాట్లే ఆధిపత్యం చెలాయిస్తాయి—అసలు యాప్ ఇంటర్ఫేస్ను ప్రదర్శించే గుండ్రని మూలలతో కూడిన ఒక పెద్ద ఫ్రేమ్, ప్రధాన మరియు ద్వితీయ విభాగాలను నింపేస్తుంది. ఫోటోలు చాలా తక్కువగా ఉంటాయి, వాటిని కేవలం యూజర్ అవతార్లుగా లేదా యాప్లోని మీడియా ప్రివ్యూలుగా మాత్రమే ఉపయోగిస్తారు (ఉదాహరణకు, ఉత్పత్తి మాక్అప్ యొక్క కుడి ప్యానెల్లోని కచేరీ చిత్రం). ట్రస్ట్ బార్పై ఉన్న లోగోలు ఫ్లాట్గా, మసక తెలుపు రంగులో ఉండే టెక్స్ట్ చిహ్నాలుగా ఉంటాయి. ఎలాంటి అలంకారిక చిత్రాలు, అబ్స్ట్రాక్ట్ గ్రాఫిక్స్, 3D రెండర్లు లేవు. ఉత్పత్తిని దాని అసలు పరిమాణంలో ప్రదర్శించడం, టైపోగ్రఫీని భావోద్వేగభరితమైన పని చేయనివ్వడం, మరియు కోరల్ రంగును ఏకైక యాక్సెంట్ కలర్గా ఉపయోగించడం ఇక్కడి విజువల్ వ్యూహం.
పాలెట్
బ్రాండ్
- Coral Ember
#ff4a36— అలంకరణ వివరాల కోసం మరియు అరుదైన సూచనలను హైలైట్ చేయడానికి నారింజ రంగును ద్వితీయ యాక్సెంట్గా ఉపయోగిస్తారు. చర్యకు పిలుపునిచ్చే వాటికి దీనిని ప్రాథమిక రంగుగా ఉపయోగించకూడదు.
తటస్థ
- Aubergine Canvas
#181824— పేజీ నేపథ్యం, అంటే ప్రధాన కాన్వాస్, స్వచ్ఛమైన నలుపు రంగుకు బదులుగా వెచ్చని, ముదురు రంగులో ఉండటం వల్ల, యూజర్ ఇంటర్ఫేస్ చదునుగా కాకుండా పొరలుగా కనిపిస్తుంది. - Elevated Plum
#26253b— కార్డ్ ఉపరితలాలు, ఇన్పుట్ ఫీల్డ్లు, నావిగేషన్ కంటైనర్లు—కనిపించే సరిహద్దు లేకుండా లోతును సృష్టించడానికి కాన్వాస్ కంటే ఒక అడుగు సులభం. - Pure White
#ffffff— ప్రధాన శీర్షికలు, బటన్ టెక్స్ట్ మరియు ఐకాన్ అవుట్లైన్లు—ముదురు కాన్వాస్పై గరిష్ట కాంట్రాస్ట్. - Fog Text
#696f81— ప్రధాన పాఠ్యం, ద్వితీయ శీర్షికలు మరియు మృదువైన అంచులు—వంకాయ రంగు నేపథ్యంపై సౌకర్యవంతంగా చదవడానికి 7:1 కాంట్రాస్ట్ నిష్పత్తి. - Ash Text
#8e8da0— ద్వితీయ UI అంశాలు, విభజనలు మరియు మ్యూటెడ్ లేబుల్ల కోసం తటస్థ రంగుకు మద్దతు ఉంది. దీనిని కాల్స్ టు యాక్షన్ కోసం ప్రాథమిక రంగుగా ఉపయోగించకూడదు. - Mist Highlight
#a3a3a7— సూక్ష్మమైన అంచులు, విభజనలు మరియు నిష్క్రియ నావిగేషన్ అంశాలు కాన్వాస్పై ప్రత్యేకంగా కనిపించే ఒక సూక్ష్మమైన తటస్థ స్వరూపాన్ని సృష్టిస్తాయి.
టైపోగ్రఫీ
12 నుండి 88 పిక్సెల్స్ వరకు · 9 దశలు
- sans-serif — భర్తీ: Inter · రూపురేఖలు 400 · సాన్స్-సెరిఫ్ - సంగ్రహించిన డేటాలో కనుగొనబడింది కానీ AI ద్వారా వివరించబడలేదు.
- Haffer XH SemiBold — భర్తీ: Inter Tight · రూపురేఖలు 400, 600 · డిస్ప్లే మరియు శీర్షికల కోసం ఇది ప్రాథమిక ఫాంట్. హీరో హెడ్డింగ్ల కోసం దీనిని 70–88px సైజులో, -0.02em లెటర్ స్పేసింగ్ మరియు 600 వెయిట్తో ఉపయోగిస్తారు. తక్కువ లెటర్ స్పేసింగ్ మరియు ఎక్కువ లెటర్ హైట్ శీర్షికలకు ఎడిటోరియల్ వెయిట్ను ఇస్తాయి, దీనివల్ల డార్క్ ఇంటర్ఫేస్ డాష్బోర్డ్ కంటే మ్యాగజైన్ కవర్ లాగా కనిపిస్తుంది. దీనికి బదులుగా బోల్డ్ వెయిట్లో ఇంటర్ టైట్ లేదా జనరల్ సాన్స్ను వాడండి.
- Jersey 10 — భర్తీ: Anybody · రూపురేఖలు 400 · యాక్సెంట్ నంబర్లు మరియు హైలైట్ల కోసం ఒక పెద్ద, అలంకార ఫాంట్. టైపోగ్రాఫిక్ యాక్సెంట్లను సృష్టించడానికి చాలా పెద్ద సైజులలో అరుదుగా ఉపయోగిస్తారు. దీనికి బదులుగా ఎనీబడీ లేదా క్యాబినెట్ గ్రోటెస్క్ను ఉపయోగించవచ్చు.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | సగటు |
| ప్రాథమిక దశ | 10-16px |
| బటన్ వ్యాసార్థం | 100px |
| కార్డ్ వ్యాసార్థం | 20px |
| నీడలు | మృదువైన నీడలు |
| విభాగాల మధ్య | 80px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను Superlist శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- DNA — కణ కటకం ద్వారా చూసిన మిడ్నైట్ అబ్జర్వేటరీ
- Abetterlou — సాడిల్ లెదర్పై స్పార్క్స్ - గాఢమైన కాఫీ-నలుపు నేపథ్యంపై మెరుస్తున్న వెచ్చని క్రీమ్ రంగు ఫాంట్, పేజీలోకి వేడి లోహంతో నొక్కినట్లుగా అనిపించే అంబర్-బంగారు రంగు బటన్లతో.
- Galileo-ft — విద్యుత్ నీలి సంకేతాలతో కూడిన లోతైన అంతరిక్ష కమాండ్ డెక్
- Decide AI — అర్ధరాత్రి అబ్జర్వేటరీ - మింట్ సిగ్నల్
- Redis Agency — పనివేళలు ముగిశాక తెరిచి ఉండే ఎడిటోరియల్ వర్క్షాప్ అనేది చిమ్మచీకటి ప్రదేశం, అక్కడ బ్రాండింగ్ పనులన్నీ సెరిఫ్ ఫాంట్లు మరియు ఒకే ఒక్క ఎర్ర ముల్లంగితో చేస్తారు.
- Spellbook — పగడపు సిరాతో వెలిగే అర్ధరాత్రి న్యాయస్థానం—వెచ్చని నారింజ రంగు కలం గీత శబ్దం మాత్రమే వినిపించే ఒక చీకటి సంపాదకీయ ఉపరితలం.
- Linear — మిడ్నైట్ ప్రెసిషన్ ఇన్స్ట్రుమెంట్
- Origin Financial — నిశ్శబ్ద వైభవంతో నిండిన అర్ధరాత్రి గ్యాలరీ. పెద్ద సెరిఫ్ ఫాంట్లు, కొన్ని ప్రకాశవంతమైన రంగుల ప్యానెళ్లు ఆర్థిక శాస్త్రం అనేది జాగ్రత్తగా రూపొందించిన ఒక కళాఖండం అనే భావనను కలిగించే నిశ్శబ్దమైన, దాదాపు చీకటి గది.
- Hyperstudio — ఈ డిజైన్ను అబ్సిడియన్పై చెక్కారు. స్వచ్ఛమైన నల్లని తెల్లని ప్రదేశం చుట్టూ అక్షరాలు, సన్నని గీతలు ఉన్నాయి, మధ్యమధ్యలో దారిని సూచిస్తూ బంగారు దిక్సూచి గుర్తులు కనిపిస్తాయి.
- Air — "గాజు ద్వారా అర్ధరాత్రి ఆకాశం" అనే శిల్పం
- Raycast — మిడ్నైట్ కమాండ్ సెంటర్, కోరల్ నియాన్
- dope.security — ఊదా రంగు బీకాన్లతో అర్ధరాత్రి టెర్మినల్