Superhuman
గోల్డెన్ అవర్ ఎడిటోరియల్ ప్యానెల్
సూపర్హ్యూమన్ ఎడిటోరియల్ ఫోటోగ్రఫీ మరియు సాఫ్ట్వేర్ UIల సంగమాన్ని అనుసంధానిస్తుంది—వెచ్చని, పార్చ్మెంట్ లాంటి కాన్వాస్ (ఎప్పుడూ స్వచ్ఛమైన తెలుపు కాదు) మెరూన్ బ్రాండింగ్ అంశాలను మరియు ప్రకాశవంతమైన ఊదా రంగు యాక్సెంట్లను ఫ్రేమ్ చేస్తుంది. 460 ఫాంట్లో అమర్చిన హెడ్లైన్లు బిగ్గరగా అరవకుండా మెల్లగా వినిపిస్తాయి, తద్వారా పూర్తి పేజీ సినిమాటిక్ ఫోటోగ్రఫీ తన పనిని తాను చేసుకునేందుకు వీలు కల్పిస్తాయి, అదే సమయంలో పారదర్శకమైన ప్రొడక్ట్ UI కార్డ్లు ఆ చిత్రాల పైన గాజులా తేలియాడుతాయి. చాలా సమయం ఈ పాలెట్ ప్రశాంతంగా మరియు ఎడిటోరియల్గా ఉంటుంది: క్రీమ్ రంగు ఉపరితలాలు, చార్కోల్ రంగు టెక్స్ట్, సూక్ష్మమైన వెచ్చని-బూడిద రంగు బోర్డర్లు, మరియు అంశాల మధ్య విశాలమైన ఖాళీ ఉంటాయి. ఉద్దేశపూర్వక బ్రాండ్ విరామ చిహ్నాల కోసం మాత్రమే రంగును కేటాయించారు—ఒకే మెరూన్ కాల్-టు-యాక్షన్, ఊదా రంగు లింక్లు, లేత లిలాక్ రంగు యాడ్-ఆన్ బటన్ వంటివి. ఈ సిస్టమ్ ఉద్దేశపూర్వకంగా UI ఉపరితలాలపై బలమైన నీడలను మరియు గ్రేడియంట్లను నివారిస్తుంది; స్టాకింగ్ ఎఫెక్ట్ ద్వారా కాకుండా, లేయర్డ్ ఫోటోగ్రఫీ మరియు టైటిల్లో సూక్ష్మమైన బ్యాక్గ్రౌండ్ బ్లర్ ద్వారా డెప్త్ను సాధించారు.
ప్రధాన అంశం అనేది మధ్యలో శీర్షిక (48-64px/460) మరియు వైన్ చిత్రంతో నిండిన ఒకే ఒక్క కాల్ టు యాక్షన్తో కూడిన పూర్తి-వెడల్పు ఫోటోగ్రాఫ్, దీనికి ఎడమ మరియు కుడి అంచులపై తేలియాడే పారదర్శక ఉత్పత్తి UI కార్డ్లు ఓవర్లే చేయబడ్డాయి. ప్రధాన అంశం క్రింద ఒక తెల్లని చారల లోగో స్ట్రిప్ (ప్రతి వరుసకు 6 సెల్లు, గరిష్ట వెడల్పు పరిమితం) ఉంది, ఆ తర్వాత పార్చ్మెంట్ కాన్వాస్పై తెల్లని కార్డ్ ఉపరితలాలతో కూడిన ఒక ట్యాబ్ విభాగం ఉంది. పేజీలో దాదాపు మూడింట రెండు వంతుల దూరం వద్ద ఒక ముదురు టర్కోయిస్ చార లయను విచ్ఛిన్నం చేస్తుంది—పూర్తి-వెడల్పు, రెండు నిలువు వరుసలు (ఎడమవైపు చిత్రం, కుడివైపు టెక్స్ట్)—మీరు స్క్రోల్ చేస్తున్నప్పుడు ఇది ఏకైక టోనల్ కాంట్రాస్ట్ను సృష్టిస్తుంది. దాని తర్వాత ఒక గ్రేడియంట్ అట్మాస్ఫియరిక్ చార వస్తుంది. విభాగాల మధ్య నిలువు అంతరం 64-96px ఉంటుంది. మధ్యలో ఉంచినప్పుడు గరిష్ట కంటెంట్ వెడల్పు ~1200px ఉంటుంది, ప్రధాన అంశం మరియు ముదురు చార వ్యూపోర్ట్ యొక్క పూర్తి వెడల్పును ఆక్రమిస్తాయి. నావిగేషన్ అనేది మసక నేపథ్యంతో కూడిన ఒకే ఒక్క స్థిరమైన హెడర్; సైడ్బార్ లేదు, మెగా మెనూ లేదు. ఫుటర్ అనేది లింక్ల యొక్క బహుళ-నిలువు వరుసల లేఅవుట్తో కూడిన పూర్తి-వెడల్పు బర్గుండి పేజీ. మొత్తం క్రమం ఇలా ఉంటుంది: ప్రధాన ఫ్రేమ్ → ప్రశాంతమైన తెలుపు/క్రీమ్ రంగు కంటెంట్ → ప్రధాన చిత్రంతో కూడిన ముదురు చార → వాతావరణాన్ని తలపించే గ్రేడియంట్ → బర్గండీ ఫుటర్, ఎడిటోరియల్ వేగాన్ని సృష్టించడానికి లేత మరియు ముదురు చారలు ఒకదాని తర్వాత ఒకటి వస్తాయి.
ప్రధాన దృశ్య అంశం సినిమాటిక్ ఫోటోగ్రఫీ: విశాలమైన ఆకాశం నేపథ్యంలో పూర్తి వెడల్పుతో ఉన్న ఒక చిత్రం ప్రధాన ఆకర్షణగా నిలుస్తుంది, పేజీలో కొంచెం కింద రెండవ వాతావరణపు చార ఉంటుంది. ఈ చిత్రం వెచ్చని రంగులతో, సూక్ష్మంగా మసకగా, మరియు పక్క నుండి తీయబడింది, ఇది గోల్డెన్ అవర్ను గుర్తుచేస్తుంది, కార్పొరేట్ అనుభూతి కంటే ఎడిటోరియల్ అనుభూతిని ఎక్కువగా కలిగిస్తుంది. ఆలోచనల్లో మునిగిపోయిన ఒక వ్యక్తి ఫోటోపై, పారదర్శక రేఖాగణిత దీర్ఘచతురస్రాలు మరియు చేతితో రాసిన అక్షరాలతో కూడిన ఒక ముదురు చారను అతికించారు—ఇది ఒకే చిత్రంలా కాకుండా, వివిధ ఉపరితలాల కొలాజ్ లాగా ఉంటుంది. యూజర్ ఇంటర్ఫేస్ వేర్వేరు స్క్రీన్షాట్లుగా కాకుండా, నేరుగా ఫోటోపై అతికించిన తేలియాడే గ్లాస్ కార్డ్ల రూపంలో ప్రదర్శించబడింది. గ్రేడియంట్ వాతావరణపు చార మినహా, ఇందులో స్టాక్ ఇలస్ట్రేషన్లు, 3D రెండర్లు, లేదా నైరూప్య అలంకార రూపాలు ఏవీ లేవు. ఐకాన్లు మినిమలిస్ట్ మోనోక్రోమ్ లైన్ ఐకాన్లు, సుమారు 16-20px వెడల్పుతో ఉంటాయి, వీటి ఒకే వెడల్పు 460 పాయింట్ల టెక్స్ట్ వెయిట్కు అనుగుణంగా ఉంటుంది.
పాలెట్
బ్రాండ్
- Midnight Wine
#421d24— ప్రధాన యాక్షన్ బటన్లు, యాడ్ బ్యానర్ మరియు ఫుటర్ వెచ్చని, దాదాపు నలుపు రంగు బర్గండీలో ఉన్నాయి, ఇది ఎరుపు కంటే సిరా రంగులా ఎక్కువగా అనిపిస్తుంది, రంగుల పాలెట్ను డామినేట్ చేయకుండా స్థిరంగా ఉంచుతుంది. - Royal Violet
#714cb6— లింకులు, ట్యాగ్లు మరియు చిన్న పదబంధాలను హైలైట్ చేయడానికి ఊదా రంగును ఉపయోగిస్తారు. దీనిని కాల్స్ టు యాక్షన్ కోసం ప్రధాన రంగుగా ఉపయోగించకూడదు.
తటస్థ
- Lilac Mist
#d4c7ff— సెకండరీ సర్ఫేస్ ఫిల్, లైట్ ఐకాన్లు మరియు ఘోస్ట్ బటన్ బ్యాక్గ్రౌండ్లు అన్నీ మృదువైన ఊదా రంగును కలిగి ఉంటాయి, ఇది అనవసరమైన దృష్టిని ఆకర్షించకుండా బ్రాండ్ శైలిని సూచిస్తుంది. - Deep Lagoon
#0c4243— ప్రధాన కథాంశంగా ఉపయోగించబడిన ఈ స్ట్రిప్ యొక్క ముదురు నేపథ్యం, ఈ వ్యవస్థలో ఉన్న ఏకైక ముదురు ఉపరితలం, దీనిపై ఒక జ్యామితీయ నమూనా పొందుపరచబడింది. - Warm Parchment
#f2f0eb— పేజీ యొక్క పని చేసే ఉపరితలం ప్రధాన అంశం; తెలుపు రంగుకు బదులుగా వెచ్చని క్రీమ్ రంగును ఆధారంగా వాడటం వల్ల, మొత్తం వ్యవస్థకు ఒక సంపాదకీయ వెచ్చదనం లభిస్తుంది. - Soft Mist
#e3e3e2— సన్నని అంచులు, కార్డు ఆకృతులు, విభజన రేఖలు—పార్చ్మెంట్తో కలిసిపోతూనే అంచులను స్పష్టంగా నిర్వచించే వెచ్చని, లేత బూడిద రంగు. - Ink Charcoal
#292827— బాడీ టెక్స్ట్, హెడ్డింగ్లు, ఐకాన్ అవుట్లైన్లు - కాగితంపై సిరా లాగా అనిపించేంత గోధుమ రంగుతో కూడిన వెచ్చని, దాదాపు నలుపు రంగు, ఎప్పుడూ చల్లగా ఉండదు #000 - Stone Gray
#666666— అనుబంధ పాఠ్యం, సహాయక పాఠాలు, వివేకవంతమైన వివరణలు - ఇవన్నీ ఒకే మధ్యస్థ బూడిద రంగులో, ప్రధాన పాఠ్యంతో ఎన్నడూ పోటీ పడకుండా మితంగా ఉపయోగించబడ్డాయి.
టైపోగ్రఫీ
12 నుండి 64 పిక్సెల్స్ వరకు · 8 దశలు
- Super Sans VF — భర్తీ: Inter (closest open equivalent for variable weight range) · రూపురేఖలు 460, 500, 540, 600, 700 · మొత్తం సిస్టమ్లో ఒకే ఫాంట్ ఉంటుంది. యాక్సిస్ వేరియబుల్స్ 460 (అన్ని పెద్ద హెడ్డింగ్ టెక్స్ట్ కోసం ఒక సిగ్నేచర్, కొద్దిగా క్రాప్ చేయబడిన ఫాంట్), 540 (నొక్కి చెప్పబడిన బాడీ టెక్స్ట్) మరియు 700 (చిన్న, బోల్డ్ క్యాప్షన్లు) వరకు విస్తరించి ఉంటాయి. ప్రత్యేకంగా రూపొందించిన VF, 460-వెయిట్ హెడ్డింగ్లను అస్తవ్యస్తంగా కాకుండా మరింత ఉద్దేశపూర్వకంగా కనిపించేలా చేస్తుంది—48-64px వద్ద మరియు దగ్గరి లెటర్ స్పేసింగ్తో, "కొద్దిగా క్రాప్ చేయబడిన" ప్రభావం పలుచగా కాకుండా ఆత్మవిశ్వాసంతో కూడినదిగా కనిపిస్తుంది.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | దట్టమైన |
| ప్రాథమిక దశ | 8px |
| బటన్ వ్యాసార్థం | 16px |
| కార్డ్ వ్యాసార్థం | 16px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 64-96px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను Superhuman శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- AI for Business — వెచ్చని బూడిద రంగు ఛాయలలో బ్రూటలిస్ట్ ఎడిటోరియల్ షోరూమ్
- Jeton — వార్మ్ మార్బుల్పై ఫిన్టెక్ గురించి ఒక సంపాదకీయం
- Airtable — వివిధ రంగులలో గుర్తించబడిన అధ్యాయాలతో కూడిన ఒక హాయిగొలిపే సెమినార్
- Osmo — గ్రే కాంక్రీట్పై డెవలపర్స్ మ్యూజియం
- Linktr — సంపాదకీయ పోస్టర్లు మిఠాయిల్లా ఒకదానిపై ఒకటి పేర్చబడి ఉన్నాయి. వెబ్సైట్ను రంగుల బ్లాకులలో రూపొందించారు; కోబాల్ట్-నీలం రంగు గోడలపై ప్రకాశవంతమైన ఆకుపచ్చ శీర్షికలు, మరియు బర్గండీ రంగు నేపథ్యాలపై తెల్లటి గుళిక ఆకారపు నావిగేషన్ అంశాలు తేలుతున్నట్లుగా ఉన్నాయి.
- Outsource Consultants — బోన్ పేపర్పై ముద్రించిన ఒక పెద్ద ఫార్మాట్ ఆర్కిటెక్చరల్ షీట్. ఇది ఒక మోనోగ్రాఫిక్ సౌందర్యం, ఇక్కడ వెచ్చని, అక్షరపరంగా అత్యంత ఆడంబరమైన గ్రిడ్కు ఒకే ఒక్క ప్రకాశవంతమైన ఇండిగో రంగు మచ్చ అంతరాయం కలిగిస్తుంది.
- Streamtime — స్పర్శానుభూతినిచ్చే సృజనాత్మక మూడ్ బోర్డ్ - డిజైనర్ స్క్రాప్బుకింగ్ టేబుల్
- Switch-Lit — క్రీమ్ రంగు కాగితంపై సిరాతో ముద్రించిన సంపాదకీయ గ్రిడ్
- HubSpot — ఒకే ఒక్క నారింజ రంగు అలంకరణతో కూడిన వెచ్చని క్రీమ్ రంగు కాగితం. హబ్స్పాట్ మందపాటి కాగితంపై ముద్రించిన ఒక డిజైనర్ మ్యాగజైన్ను పోలి ఉంటుంది—సెరిఫ్ శీర్షికలు, వెచ్చని క్రీమ్ రంగు పేజీలు, మరియు అత్యంత ముఖ్యమైన అంశాలను మాత్రమే హైలైట్ చేసే ఒకే ఒక్క ప్రచండ నారింజ రంగు అలంకరణ.
- Granola — వెచ్చని వెల్లం కాగితంపై రాసిన ఫీల్డ్ నోట్స్—గ్రానోలా చూడటానికి, ఎండ తగిలే బల్లపై తెరిచి ఉంచిన, బాగా వాడిన మోల్స్కిన్ నోట్బుక్ లాగా ఉంటుంది: సెరిఫ్ శీర్షికలు ఒక దృఢత్వాన్ని ఇస్తాయి, మొక్కల ఆధారిత సిరా వంటి సహజమైన ఆకుపచ్చ రంగు ఛాయలు, మరియు కార్డుల అంచులలోని సన్నని గీతలు చేతితో రాసిన నోట్స్ లాగా కనిపిస్తాయి.
- Secure — మృదువైన పగటి వెలుతురులో ఒక యూరోపియన్ కేఫ్లో జరిగే సంభాషణ, వీడియో కాలింగ్కు ఒక హృద్యమైన, స్టైలిష్ రూపాన్ని ఇస్తుంది; ఇక్కడ సెరిఫ్ హెడ్లైన్లు ఒక టెక్ ఉత్పత్తి పేజీలా కాకుండా, ఆలోచనాత్మకమైన మ్యాగజైన్ వ్యాసంలా కనిపిస్తాయి.
- Mockups made easy — తెల్ల కాగితంపై ఎడిటోరియల్ డిజైన్ స్టూడియో