
Linear
మిడ్నైట్ ప్రెసిషన్ ఇన్స్ట్రుమెంట్
లీనియర్ డిజైన్ సిస్టమ్ అనేది దాదాపు నలుపు రంగు ఉపరితలాలపై (#08090a) నిర్మించబడిన ఒక రాత్రిపూట కమాండ్ సెంటర్ లాంటిది. ఇందులో స్పష్టమైన తెలుపు రంగు అక్షరాలు మరియు ఒకే ఒక్క లేత ఆకుపచ్చ యాక్సెంట్ (#e4f222) ఉంటాయి. ఈ యాక్సెంట్ ఒక ఫంక్షనల్ ఫ్లాష్లైట్లా పనిచేస్తుంది—ఇది చిన్నదిగా, అధిక కాంట్రాస్ట్తో ఉండి, చర్యలను సూచించడానికి అరుదుగా ఉపయోగించబడుతుంది. ఈ ఇంటర్ఫేస్ చీకటిని ఒక థీమ్గా కాకుండా పునాదిగా పరిగణిస్తుంది: టెక్స్ట్ స్పష్టమైన తెలుపు రంగులో, తక్కువ లెటర్-స్పేసింగ్తో (-0.022em) ఉంటుంది, ఫాంట్ వెయిట్స్ బోల్డ్గా కాకుండా 400–510 తక్కువ శ్రేణిలో ఉంటాయి, మరియు సాధారణంగా నీడలు చేసే పనిని జ్యామితి చేయడానికి వీలుగా బోర్డర్లు చాలా సన్నగా (0.5px) ఉంటాయి. కాంపోనెంట్లు చాలా ఖచ్చితంగా రూపొందించినట్లు అనిపిస్తాయి—6px మరియు 12px రేడియస్లు, కాంపాక్ట్ 8–12px మార్జిన్లు, మరియు అలంకరణ అంశాలు దాదాపు పూర్తిగా లేకపోవడం—ఇవన్నీ ప్రశాంతమైన ఈ సిస్టమ్లో ప్రొడక్ట్ UI (టాస్క్ కార్డ్లు, కాన్బాన్ బోర్డ్లు, AI ఏజెంట్ ప్యానెల్లు) మాత్రమే ఏకైక విజువల్ టెక్చర్గా ఉండేలా చేస్తాయి.
ఈ లేఅవుట్ గరిష్టంగా సుమారు 1200px వెడల్పుతో, మధ్యలో ఉంటుంది మరియు వ్యూపోర్ట్ అంచుల వరకు విస్తరించి ఉన్న ముదురు రంగు బ్యాక్గ్రౌండ్ను కలిగి ఉంటుంది. ప్రధాన అంశం ఒక పెద్ద హెడ్లైన్, ఇది ఎడమవైపు అమర్చబడి ఉంటుంది (64–72px). దీనికి జతగా కుడివైపు అమర్చబడిన కాల్ టు యాక్షన్ (CTA), ఆ తర్వాత గరిష్ట వెడల్పును కొద్దిగా దాటి విస్తరించి ఉన్న ఒక పెద్ద ఉత్పత్తి స్క్రీన్షాట్ ఉంటాయి. విభాగాల అమరిక, ఎడమవైపు టెక్స్ట్ మరియు కుడివైపు ఇమేజ్తో కూడిన రెండు-కాలమ్ కూర్పులకు, మరియు 96px నిలువు గట్టర్లతో వేరు చేయబడిన పూర్తి-వెడల్పు ఉత్పత్తి ప్రదర్శన స్ట్రిప్లకు మధ్య మారుతూ ఉంటుంది. క్లయింట్ లోగో ఉన్న స్ట్రిప్ ఒకే అడ్డ వరుసగా ఉంటుంది. ఈ పేజీ ఎప్పుడూ మూడు-కాలమ్ కార్డ్ గ్రిడ్లను లేదా టైల్డ్ నిర్మాణాలను ఉపయోగించదు—సమాచార సాంద్రత తక్కువగా ఉంటుంది, చాలా విభాగాలు తగినంత ఖాళీ స్థలాన్ని మరియు స్క్రీన్పై ఒకే ఒక ప్రధాన అంశాన్ని ఉపయోగిస్తాయి. నావిగేషన్ అనేది సైడ్బార్ లేదా మెగా-మెనూ లేకుండా, ఎడమవైపు అమర్చబడిన లోగో మరియు కుడివైపు అమర్చబడిన లింక్లతో కూడిన ఒక స్థిరమైన టాప్ బార్ను కలిగి ఉంటుంది.
లీనియర్ యొక్క దృశ్య భాష ఉత్పత్తి స్క్రీన్షాట్లపై ఆధారపడి ఉంటుంది: ప్రారంభంలో మరియు విభాగాలలో ఉన్న దృష్టాంతాలు, లీనియర్ యాప్ యొక్క యూజర్ ఇంటర్ఫేస్ యొక్క నిజమైన చిత్రాలు. వీటిని గరిష్ట వివరాలతో చిత్రీకరించారు — టాస్క్ కార్డ్లు, కాన్బాన్ బోర్డ్లు, AI ఏజెంట్ డాష్బోర్డ్లు, కమాండ్ పాలెట్లు వంటివి — వీటిని పలుచని ఫ్రేమ్లలో ఉంచారు. ఇందులో స్టాక్ ఫోటోలు, లైఫ్స్టైల్ చిత్రాలు, లేదా నైరూప్య దృష్టాంతాలు లేవు. కస్టమర్ల కోసం లోగోలు ఒకే పరిమాణంలో ఉండే తటస్థ బూడిద రంగు చారగా (#8a8f98) ప్రదర్శించబడతాయి. ఐకాన్లు మోనోక్రోమాటిక్ గ్రే స్కేల్లో ఉండే మినిమలిస్ట్ లీనియర్ SVG చిత్రాలు. పేజీ పైభాగంలో ఉన్న స్క్రీన్షాట్, సూక్ష్మమైన లీనియర్ గ్రేడియంట్ (ముదురు నుండి లేత వరకు) పై తేలుతూ, నిజమైన ప్రకృతి దృశ్యాలను ఉపయోగించకుండానే వాతావరణపు లోతును సృష్టిస్తుంది. ప్రతి దృశ్య అంశం ఉత్పత్తి యొక్క ఒక క్రియాత్మక అంశమే.
పాలెట్
బ్రాండ్
- Acid Lime
#e4f222— ప్రధాన నియంత్రణ బటన్లు మరియు యాక్టివ్ నావిగేషన్ సూచికలు, ఏకవర్ణ రంగుల పథకాన్ని విచ్ఛిన్నం చేసే ఒక ప్రకాశవంతమైన ఆకర్షణగా ఉన్నాయి.
తటస్థ
- Mist
#d0d6e0— ద్వితీయ శీర్షికలు, ముదురు ఉపరితలాలపై బటన్ టెక్స్ట్ - Void
#08090a— పేజీ కాన్వాస్, పూర్తి-వెడల్పు నేపథ్య చిత్రం - అప్రమేయంగా, అన్ని అంశాలు ఈ నేపథ్యంపై ఉంచబడతాయి. - Carbon
#0f1011— కార్డుల లోపల కంటెంట్ను ఉంచడానికి, కార్డ్ సర్ఫేస్లు, అంటే నావిగేషన్ బార్లు, కాన్వాస్ కంటే ఒక మెట్టు పైన ఉంటాయి. - Obsidian
#161718— ఉబ్బిన ఉపరితలాలు, లోతైన కార్డ్బోర్డ్ ప్యానెల్లు - Graphite
#23252a— సూక్ష్మమైన అంచులు, విభజనలు, సూక్ష్మమైన బటన్ ఆకృతులు – తక్కువ కాంట్రాస్ట్ గల ఆకృతి అంచులు - Smoke
#383b3f— గ్రాఫైట్ - సెక్షన్ సెపరేటర్ల కంటే సన్నని అంచులు అధిక కాంట్రాస్ట్ను కలిగి ఉంటాయి.
టైపోగ్రఫీ
13 నుండి 72 పిక్సెల్స్ వరకు · 8 దశలు
- Inter Variable — భర్తీ: Inter (variable) · రూపురేఖలు 300, 400, 510, 590 · ప్రాథమిక UI మరియు హెడర్ ఫాంట్ - నావిగేషన్, బాడీ టెక్స్ట్, హెడ్డింగ్లు, బటన్లు మరియు కార్డ్లలో ఉపయోగించబడుతుంది.
- Berkeley Mono — భర్తీ: JetBrains Mono · రూపురేఖలు 400 · కోడ్కు ప్రక్కన ఉన్న UI టెక్స్ట్ - విడుదల ఐడెంటిఫైయర్లు (ENG-2703), కీబోర్డ్ షార్ట్కట్లు, మోనోస్పేస్ ఫాంట్ మెటాడేటా
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | విశాలమైన |
| ప్రాథమిక దశ | 8px |
| బటన్ వ్యాసార్థం | 6px |
| కార్డ్ వ్యాసార్థం | 12px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 96px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను Linear శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Aaru — అర్ధరాత్రి కణ క్షేత్ర పరిశీలన కేంద్రం
- Atlas Card — మిడ్నైట్ వాల్ట్, దాని ఏకైక నీలమణి కిరణంతో, గాఢమైన విద్యుత్ నీలం రంగుకు మాత్రమే ప్రాధాన్యతనిచ్చే ఒక చిమ్మచీకటి విస్తరణ.
- Checkly — లోతైన కక్ష్య మిషన్ నియంత్రణ కేంద్రం
- Savee — విజువల్ క్యూరేటర్ల కోసం బ్లాక్ కాన్వాస్
- Inngest — పరికరాలతో పనిచేయడానికి సన్నద్ధమైన, ఒకే ఒక్క పసుపు రంగు పైలట్ లైట్తో వెలుగుతున్న ఒక చీకటి, నిశ్శబ్దమైన వేధశాల.
- Dala — నల్ల వెల్వెట్ మీద తేలుతున్న నక్షత్రరాశి
- Origin Financial — నిశ్శబ్ద వైభవంతో నిండిన అర్ధరాత్రి గ్యాలరీ. పెద్ద సెరిఫ్ ఫాంట్లు, కొన్ని ప్రకాశవంతమైన రంగుల ప్యానెళ్లు ఆర్థిక శాస్త్రం అనేది జాగ్రత్తగా రూపొందించిన ఒక కళాఖండం అనే భావనను కలిగించే నిశ్శబ్దమైన, దాదాపు చీకటి గది.
- Hyperstudio — ఈ డిజైన్ను అబ్సిడియన్పై చెక్కారు. స్వచ్ఛమైన నల్లని తెల్లని ప్రదేశం చుట్టూ అక్షరాలు, సన్నని గీతలు ఉన్నాయి, మధ్యమధ్యలో దారిని సూచిస్తూ బంగారు దిక్సూచి గుర్తులు కనిపిస్తాయి.
- Air — "గాజు ద్వారా అర్ధరాత్రి ఆకాశం" అనే శిల్పం
- Resend — నలుపు వెల్వెట్, ఊదా నియాన్ రంగుతో
- Raycast — మిడ్నైట్ కమాండ్ సెంటర్, కోరల్ నియాన్
- Dimension — మసక గాజు పలకలతో కూడిన సంధ్యా వెలుగులో ఉన్న వర్క్స్టేషన్