టెలిగ్రామ్, WhatsApp+380637610482
వాలెరీ డానియుక్
వాలెరీ డానియుక్డెవలపర్వ్యాపారాల కోసం AI సాధనాలను అభివృద్ధి చేయడం. అధిక నాణ్యత. సరసమైన ధర.Telegramలో వ్రాయండి
Substack — ఈ శైలిలో ఒక సైట్ యొక్క ప్రివ్యూ

Substack

సంపాదకీయ కార్యాలయంలోని బల్లపై నారింజ రంగు సిరా

సబ్‌స్టాక్ ఒక పాత న్యూస్‌రూమ్ డాష్‌బోర్డ్ లాగా కనిపిస్తుంది—ఒక తెల్లటి కాన్వాస్, వెచ్చని, దాదాపు నల్లటి టెక్స్ట్, మరియు కంటెంట్ సృష్టిలోని ప్రతి దశను సూచించే ఒకే ఒక్క ప్రకాశవంతమైన నారింజ రంగు యాక్సెంట్. దీని విజువల్ హైరార్కీ అలంకరణ కంటే సాంద్రతపై ఆధారపడి ఉంటుంది: సన్నని బూడిద రంగు గీతలు ఫీడ్ ఎలిమెంట్లను వేరు చేస్తాయి, అవతార్లు చిన్నవిగా ఉంటాయి, మెటాడేటా మ్యూట్ చేయబడి ఉంటుంది, మరియు చదివేవారి కన్ను నారింజ రంగు కాల్ టు యాక్షన్, నారింజ రంగు లోగో, నారింజ రంగు "సబ్‌స్క్రైబ్" లింక్, మరియు నారింజ రంగు "క్రియేట్" బటన్‌పై దృష్టి పెట్టేలా అలవాటు చేయబడింది. సర్ఫేస్‌లు ఫ్లాట్‌గా మరియు అనియంత్రితంగా ఉంచబడ్డాయి—కార్డ్ షాడోలు లేవు, క్రోమ్ ప్యానెల్ ఎలిమెంట్స్ లేవు—దీనివల్ల ఎడిటోరియల్ భారాన్ని టైపోగ్రఫీ (ఒక కాంపాక్ట్ క్రోమ్ సిస్టమ్ UI ఎలిమెంట్‌ను కస్టమ్ సెరిఫ్ హెడ్‌లైన్ ఫాంట్‌తో జత చేయడం) మోస్తుంది. నియంత్రిత క్రోమ్ ఎలిమెంట్స్ మరియు శక్తివంతమైన, ఒకే రంగు పాప్స్ దీని ప్రత్యేక శైలి: ఇది ఒక పబ్లిషింగ్ టూల్ లాగా అనిపించే రీడింగ్ యాప్.

మూడు-కాలమ్ డెస్క్‌టాప్ లేఅవుట్: ఒక స్థిరమైన ఎడమ సైడ్‌బార్ (~200px, ఐకాన్‌లు మరియు లేబుల్‌లతో కూడిన నావిగేషన్, స్టిక్కీ), ఒక సెంటర్ ఫీడ్ (గరిష్ట వెడల్పు ~600px, నిలువుగా స్క్రోల్ అయ్యే పోస్ట్‌ల జాబితా), మరియు ఒక స్థిరమైన కుడి సైడ్‌బార్ (~300px, సెర్చ్ + సిఫార్సులు + రిజిస్ట్రేషన్). సెంటర్ ఫీడ్ అనేది ఎడిటోరియల్ కోర్—ఎటువంటి కార్డ్‌లు ఉండవు, కేవలం పోస్ట్‌లు ఒకదానిపై ఒకటి పేర్చబడి, సన్నని డివైడర్‌లతో మరియు విభాగాల మధ్య 32px ఖాళీలతో ఉంటాయి. ప్రధాన బ్యానర్ ఫీడ్ పైన ఒకే పూర్తి-వెడల్పు కార్డ్‌గా ఉంటుంది. ఎడమ సైడ్‌బార్‌లో బ్రాండ్ లోగో (గీతలతో కూడిన నారింజ రంగు గుర్తు), ఆరు నావిగేషన్ అంశాలు, మరియు దిగువన పూర్తి-వెడల్పు నారింజ రంగు "క్రియేట్" బటన్ ఉంటాయి. కుడి సైడ్‌బార్‌లో ఒక సెర్చ్ ఫీల్డ్, ఒక రిజిస్ట్రేషన్ కార్డ్, మరియు చదవడానికి "అప్ నెక్స్ట్" జాబితా ఉంటాయి. నావిగేషన్ చాలా తక్కువగా ఉంటుంది—టాప్ బార్ లేదు, బ్రెడ్‌క్రంబ్స్ లేవు; సైడ్‌బారే నావిగేషన్‌గా పనిచేస్తుంది. కంటెంట్ సాంద్రత ఎక్కువగా ఉంటుంది: పోస్ట్‌లు 12-13px మెటాడేటాను మరియు 15-19px బాడీ టెక్స్ట్‌ను ఉపయోగిస్తాయి, ఇది మార్కెట్‌ప్లేస్ కార్డ్ గ్రిడ్ అనుభూతికి బదులుగా వార్తాపత్రిక లాంటి లయను సృష్టిస్తుంది.

ఫోటోలు అనేవి వినియోగదారు-సృష్టించిన కంటెంట్ (రచయిత అవతార్‌లు, పోస్ట్ థంబ్‌నెయిల్‌లు, పోస్ట్ చిత్రాలు)—సబ్‌స్టాక్ దాని స్వంత అలంకార ఫోటోలను అందించదు. ప్రధాన కార్డ్ నేపథ్యంగా, టర్కోయిస్ నుండి ఆకుపచ్చ రంగులోకి మారే గ్రేడియంట్‌ను, నైరూప్య చిత్రణ అంశాలతో (జ్యామితీయ ఆకారాలు, పెన్నులు మరియు నోట్స్ వంటి శైలీకృత వస్తువులు) ఉపయోగిస్తుంది. కుడి సైడ్‌బార్‌లోని పోస్ట్ థంబ్‌నెయిల్‌లు చిన్నవిగా (64px) ఉండి, 8px వ్యాసార్థంలో అమర్చబడి, రీడింగ్ జాబితా యొక్క ప్రివ్యూగా పనిచేస్తాయి. మొత్తం దృశ్య భాష టెక్స్ట్-ఆధారితమైనది: ఇంటర్‌ఫేస్ ఒక రీడింగ్ కాన్వాస్, మరియు చిత్రాలు వాతావరణాన్ని సృష్టించడానికి బదులుగా చిన్న దృశ్య లంగర్లుగా పనిచేస్తాయి.

పాలెట్

బ్రాండ్

  • Signal Orange #ff6719 — అలంకరణ వివరాల కోసం మరియు అరుదైన సూచనలను హైలైట్ చేయడానికి నారింజ రంగును ద్వితీయ యాక్సెంట్‌గా ఉపయోగిస్తారు. చర్యకు పిలుపునిచ్చే వాటికి దీనిని ప్రాథమిక రంగుగా ఉపయోగించకూడదు.

తటస్థ

  • Ink #363737 — బాడీ టెక్స్ట్—ప్రధాన పాఠ్యం, శీర్షికలు, పోస్ట్ శీర్షికలు, టైమ్‌స్టాంప్‌లు మరియు రచయితల పేర్లు; సులభంగా చదవడానికి స్వచ్ఛమైన #000 రంగుకు బదులుగా వెచ్చని, దాదాపు నలుపు రంగులో ఉంటుంది.
  • Paper #ffffff — పేజీ కాన్వాస్, కార్డ్ ఉపరితలాలు, ఇన్‌పుట్ ఫీల్డ్‌లు మరియు నావిగేషన్ బ్యాక్‌గ్రౌండ్ అనేవి ఇంటర్‌ఫేస్‌లో అత్యధిక భాగాన్ని ఆక్రమించే ప్రధాన ఉపరితలాలు.
  • Charcoal #232525 — అధిక ఎంపిక స్థాయిలతో అదనపు టెక్స్ట్ మరియు లింక్‌ల కోసం హోవర్ స్టేట్; కోడ్ బ్లాక్‌లు మరియు ఎంపిక బ్లాక్‌ల కోసం ఇంక్ మోడ్ కంటే లోతైనది.
  • Stone #777777 — ద్వితీయ UI అంశాలు, విభజనలు మరియు మ్యూటెడ్ లేబుల్‌ల కోసం తటస్థ రంగుకు మద్దతు ఉంది. దీనిని కాల్స్ టు యాక్షన్ కోసం ప్రాథమిక రంగుగా ఉపయోగించకూడదు.
  • Ash #b6b6b6 — సన్నని అంచు గీతలు, బటన్ అవుట్‌లైన్‌లు, ఐకాన్ అవుట్‌లైన్‌లు, డిసేబుల్ చేయబడిన కంట్రోల్స్‌పై అంచులు.
  • Mist #c8c8c8 — విభజన రేఖలు, ఐకాన్‌లకు అంతరాయం కలిగించని నేపథ్యం, అస్థిపంజరం రూపంలో ఖాళీ గడులను నింపడం.

టైపోగ్రఫీ

12 నుండి 32 పిక్సెల్స్ వరకు · 5 దశలు

  • system-ui — భర్తీ: -apple-system · రూపురేఖలు 400, 500, 600 · యూజర్ ఇంటర్‌ఫేస్ మరియు బాడీ టెక్స్ట్ కోసం ప్రాథమిక ఫాంట్‌ను నావిగేషన్ లేబుల్స్, బటన్లు, సందేశ టెక్స్ట్, మెటాడేటా, ఇన్‌పుట్ ఫీల్డ్‌లు మరియు అన్ని ఇంటర్‌ఫేస్ ఎలిమెంట్స్ కోసం ఉపయోగిస్తారు. మెటాడేటా కోసం 12-13px మరియు బాడీ టెక్స్ట్ కోసం 15-19px కాంపాక్ట్ సైజులు ఒక దట్టమైన న్యూస్ ఫీడ్ అనుభూతిని కలిగిస్తాయి. బాడీ టెక్స్ట్ కోసం వెయిట్ 400, నావిగేషన్ ఎలిమెంట్స్ మరియు బటన్ లేబుల్స్ కోసం 500, మరియు హైలైట్ చేసిన సందేశ శీర్షికలు మరియు సెక్షన్ హెడ్డింగ్‌ల కోసం 600గా ఉంటుంది.
  • Cahuenga — భర్తీ: Charter · రూపురేఖలు 500 · ఉత్పత్తి స్థాయి శీర్షికల (సైడ్‌బార్ శీర్షికలు, రిజిస్ట్రేషన్ కార్డ్ శీర్షికలు, ప్రధాన పాఠ్యం) కోసం ఒక ప్రత్యేకమైన అలంకారిక సెరిఫ్ ఫాంట్. దీని మధ్యస్థ బరువు మరియు కొద్దిపాటి లైన్ ఎత్తు, ఇది స్థూలంగా అనిపించకుండా ఒక విశిష్టమైన రూపాన్ని ఇస్తాయి; నారింజ రంగుతో పాటు, సబ్‌స్టాక్ గుర్తింపును సూచించే ఏకైక ఫాంట్ ఇదే.
  • Spectral — భర్తీ: Charter · రూపురేఖలు 400 · సుదీర్ఘమైన పోస్ట్‌ల కోసం ఒక సెరిఫ్ ఫాంట్ — సంపాదకీయ విషయాల పఠనీయతను మెరుగుపరచడానికి రీడింగ్ రూమ్‌లలో మరియు న్యూస్‌ఫీడ్ కంటెంట్‌లో దీనిని ఉపయోగిస్తారు. కొద్దిగా దగ్గరగా ఉండే లైన్ స్పేసింగ్ (1.20), న్యూస్‌రూమ్‌లకు విలక్షణమైన సంక్షిప్తతను కొనసాగిస్తూనే, పేరాగ్రాఫ్‌లను సౌకర్యవంతంగా చదవడానికి వీలు కల్పిస్తుంది.

విరామాలు మరియు రూపం

ఉద్దేశ్యంఅర్థం
సాంద్రతదట్టమైన
ప్రాథమిక దశ8px
బటన్ వ్యాసార్థం9999px
కార్డ్ వ్యాసార్థం12px
నీడలునీడలకు బదులుగా అంచులు లేవు
విభాగాల మధ్య32px
పేజీ వెడల్పు1200px

AI మీ వెబ్‌సైట్‌ను Substack శైలిలో నిర్మించి, దానిని నింపుతుంది

  • ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్‌లతో నింపండి - Instagram, TikTok, Facebook.
  • మీ పాత సైట్ నుండి కంటెంట్‌ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
  • అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్‌తో వస్తుంది.
  • శోధన ఫలితాలు మరియు న్యూరల్ నెట్‌వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.

సారూప్య శైలులు

  • ElevenLabs — వెచ్చని క్రీమ్ రంగు ఛాయలలో, సూక్ష్మమైన శీర్షికలతో కూడిన ఒక ఫోటో వ్యాసం. బాహౌస్-శైలి నోట్‌బుక్—గుడ్డు పెంకు రంగు కాగితం, నల్ల సిరా, మరియు ఉత్పత్తి ప్రదర్శన కోసం ఒకే ఒక్క ఊదా మరియు నారింజ రంగు అలంకరణ.
  • Awesomic — కాన్ఫెట్టిని తలపించే నారింజ రంగు విరామ చిహ్నాలతో కూడిన ఎడిటోరియల్ జింక్ మెష్
  • Monad — వెచ్చని పార్చ్‌మెంట్‌పై సంపాదకీయ సాంకేతిక పత్రిక
  • Dub — లింక్ యొక్క మాట్టే రైస్ పేపర్ కంట్రోల్ ప్యానెల్
  • Seline Analytics — వెచ్చని కాగితంపై నిశ్శబ్ద విశ్లేషణాత్మక పట్టిక
  • Notion — మధ్యాహ్నపు ఎండలో వెచ్చని కాగితపు నోట్‌బుక్
  • Anthropic — వెచ్చని వెల్లం కాగితంపై ముద్రించిన ఒక శాస్త్రీయ రంగ పత్రిక—ప్రశాంతమైన ఐవరీ రంగు ఉపరితలాలు, సెరిఫ్డ్ సంపాదకీయ శీర్షికలు, మరియు చర్య అవసరమైనప్పుడు మాత్రమే కనిపించే ఒకే ఒక్క మట్టి రంగు అలంకరణ.
  • Calendly — చల్లని పాలరాయిపై ముదురు నీలం సిరా
  • Augen Pro — యాపిల్ యొక్క తెల్లటి ప్రెజెంటేషన్‌లో, ఏకవర్ణ ప్రదేశంలో స్పష్టమైన, తేలికైన, ఎలక్ట్రిక్ బ్లూ రంగు ఏకైక యాక్సెంట్‌గా ఉంటుంది.
  • Antimetal — క్రీమ్ రంగు కాగితంపై ఒక సంపాదకీయ కథనం—ఒక శాస్త్రీయ పత్రికలో ప్రశాంతమైన ఉదయం, ఇక్కడ సంయమనం విశ్వాసాన్ని తెలియజేస్తుంది మరియు సెరిఫ్‌లు ప్రధాన పాత్రను పోషిస్తాయి.
  • Perk — వెచ్చని పార్చ్‌మెంట్ కాగితంపై ఎలక్ట్రిక్ లైమ్
  • Ditto — సూర్యకాంతి ప్రసరిస్తున్న ఒక కార్యశాలలో అడవి పువ్వుల నమూనాలు తయారవుతున్నాయి. వెచ్చని క్రీమ్ రంగు ఉపరితలాలు, ప్రకాశవంతమైన పసుపు ఆధార రంగు, ముదురు నేవీ బ్లూ సిరా, ఆ కళాఖండం వెనుక వికసిస్తున్న సహజ రంగుల రూపాలు.