Ciridae
మండే నిప్పుకణికల చప్పుడుతో నిండిన ఒక ఖాళీ గది - దాదాపు నల్లని ఒక దేవాలయం, అక్కడ వినిపించే ఏకైక వెచ్చని శబ్దం తుప్పు యొక్క సన్నని గీత, మరియు ప్రతి ఉపరితలం నీడకు బదులుగా సన్నని గీతలతో రూపుదిద్దుకుంటుంది.
సిరిడే ఒక శూన్యంలో పనిచేస్తుంది: ఒక #0b0b0b కాన్వాస్, కంటికి కనపడనంత సన్నని అవుట్లైన్లతో గుళిక ఆకారంలో ఉండే కంట్రోల్స్, మరియు 400 వెయిట్తో ప్రాగ్మాటికా కాండ్ ఫాంట్లోని అప్పర్కేస్కు పరిమితమైన టైపోగ్రఫీ—బోల్డ్ లేదు, మిక్స్డ్ కేస్ లేదు, అలంకార అంశాలు లేవు. ఉన్న ఏకైక రంగు #cc6437, ఇది ఒక వెచ్చని, పొగలు కక్కుతున్న తుప్పు రంగు. దీనిని అత్యంత సన్నని స్ట్రోక్స్గా మరియు చిన్న యాక్సెంట్ పంక్చుయేషన్ మార్క్స్గా ఉపయోగిస్తారు, కానీ ఎప్పుడూ ఫిల్గా వాడరు. మ్యాప్లు #272a2a ఫాంట్పై 10px రేడియస్తో మరియు షాడోలు లేకుండా తేలుతున్నట్లుగా ఉంటాయి; ఈ సిస్టమ్ ఎలివేషన్ను విస్మరిస్తుంది, టోనల్ కాంట్రాస్ట్ మరియు అత్యంత సన్నని 1px బోర్డర్ల ద్వారా ఉపరితలాలను నిర్వచిస్తుంది. ఫుల్-స్క్రీన్ మోడ్లో టెక్స్ట్ వెనుక ఉంచబడిన ఫోటోగ్రాఫ్లు—ద్రవ పాలరాయి, పొగ, అగ్ని—చాలా బ్లర్ చేయబడి, వాతావరణాన్ని ప్రతిబింబించేలా ఉంటాయి, కాబట్టి దృశ్య చిత్రాలు వివరణాత్మకంగా కాకుండా వాతావరణాన్ని ప్రతిబింబించేలా అనిపిస్తాయి.
పేజీ లేఅవుట్ పూర్తి వెడల్పుతో ఉంటుంది, కంటెంట్ గరిష్టంగా ~1400px వెడల్పులో మధ్యలో అమర్చబడి ఉంటుంది. హీరో అనేది ముదురు రంగులో, పూర్తి వెడల్పుతో ఉంటుంది, దీని మధ్యలో నక్షత్రరాశి లోగో ఉండి, దానికి ఎడమ మరియు కుడి వైపులా మైక్రో-లేబుల్స్ ఉంటాయి. విభాగాలు ఒకదాని తర్వాత ఒకటి వస్తాయి: ముదురు హీరో → అండర్లేస్తో కూడిన లేత రంగు స్ట్రిప్ (బోన్) → ముదురు రంగు ట్రాన్స్ఫార్మ్ టెక్స్ట్ → సిస్టమ్ కార్డ్ల ముదురు గ్రిడ్ → ముదురు రంగు ఫుటర్. ఒకే లేత రంగు విభాగం ఒకే, స్పష్టమైన టోనల్ మార్పును సృష్టిస్తుంది. కార్డ్ గ్రిడ్ 4 కాలమ్లను ఉపయోగిస్తుంది, మొదటి కార్డ్ మిగిలిన మూడింటి కంటే సుమారుగా రెండింతలు వెడల్పుగా ఉంటుంది, ఇది కంటెంట్పై ప్రాధాన్యతనిచ్చే అసమాన లేఅవుట్ను సృష్టిస్తుంది. విభాగాల మధ్య నిలువు ఖాళీ ఎక్కువగా ఉంటుంది (80px+). నావిగేషన్ చాలా తక్కువగా ఉంటుంది: పైన ఒక న్యూస్ బార్ + టాప్ బార్లో ఎడమవైపున "Start Now" మరియు కుడివైపున "Menu" ఉంటాయి. సైడ్బార్ లేదు, మెగా-మెనూ లేదు.
పేజీ ఉపరితలం మొత్తాన్ని ఆక్రమించిన వాతావరణ ఛాయాచిత్రాలు, హోమ్ స్క్రీన్ మరియు కార్డ్లపై ఆధిపత్యం చెలాయిస్తాయి. ఈ చిత్రాలు బాగా బ్లర్ చేయబడి (50px మరియు 40px బ్యాక్గ్రౌండ్ బ్లర్ విలువలు గుర్తించబడ్డాయి) మరియు అధిక కాంట్రాస్ట్తో ఉన్నాయి. ఇవి నీలం-ఎరుపు సుడులతో కూడిన లిక్విడ్ మార్బుల్, పొగ, ప్రకృతి దృశ్యాల చీకటి సిల్హౌట్లు మరియు అగ్ని/నిప్పురవ్వల ఆకృతులను చిత్రీకరిస్తాయి. ఈ ఛాయాచిత్రాలు ప్రకాశవంతంగా కాకుండా, మూడీగా మరియు చీకటిగా ఉన్నాయి—అవి ఖాళీ కాన్వాస్కు భిన్నంగా ప్రత్యేకంగా కనిపించకుండా, దానితో సమానమైన టోనల్ పరిధిని పంచుకుంటాయి. ఇందులో ఉత్పత్తి ఫోటోలు, వ్యక్తులు, లేదా UI స్క్రీన్షాట్లు లేవు. ఈ చిత్రాలు వివరణాత్మక కంటెంట్గా కాకుండా, ఒక వాతావరణాన్ని సృష్టిస్తాయి. కార్డ్ గ్రిడ్ ప్రతి సిస్టమ్ను వేరొక వాతావరణ దృశ్యానికి మ్యాప్ చేస్తుంది, తద్వారా ఈ ఛాయాచిత్రాలు అక్షరశః ఉత్పత్తి చిత్రాలుగా కాకుండా, నైరూప్య దృశ్య గుర్తింపుదారులుగా పనిచేయడానికి వీలు కల్పిస్తుంది.
పాలెట్
బ్రాండ్
- Ember Rust
#cc6437— మోనోక్రోమ్ సిస్టమ్లో యాక్సెంట్ స్ట్రోక్స్, ఐకాన్ లైన్స్ మరియు చిన్న టెక్స్ట్ హైలైట్స్ మాత్రమే క్రోమాటిక్ కలర్గా ఉంటాయి, ఇవి ఫిల్ లా కాకుండా, కంటికి కనపడనంత సూక్ష్మమైన పల్సింగ్ స్పాట్లా కనిపిస్తాయి.
తటస్థ
- Void Black
#0b0b0b— ప్రధాన పేజీ మరియు విభాగాల కోసం నేపథ్య చిత్రాలు; మొత్తం వ్యవస్థకు ఆధారం. - Charcoal Surface
#272a2a— నీడలు లేకుండా ఉపరితలాల మధ్య విభజనను సృష్టించడానికి, ముదురు ప్రదేశాలలో కార్డ్బోర్డ్ మరియు ప్యానెల్లతో చేసిన నేపథ్య చిత్రాలు కాన్వాస్ కంటే ఒక టోన్ లేతగా ఉంటాయి. - Bone
#edebe7— సిస్టమ్ ముదురు రంగు నుండి లేత రంగుకు మారే చోట, నేపథ్యం మరియు ఉపరితలం యొక్క లేత ప్రాంతాలు క్రీమ్ రంగులో ఉంటాయి. - Bone Darker
#dfddd9— బహుళ పొరల కాంతి ఉపరితలాలు మరియు వెచ్చని, దాదాపు తెల్లని రంగు గల అంశాల కోసం "బోన్" అని పిలువబడే ఒక సున్నితమైన ఛాయ. - Pure White
#ffffff— ప్రధాన టెక్స్ట్ మరియు శీర్షికలు, గోస్ట్ బటన్ బోర్డర్లు మరియు నావిగేషన్ ఎలిమెంట్స్ అన్నీ వాయిడ్ బ్లాక్ బ్యాక్గ్రౌండ్పై 19.7:1 కాంట్రాస్ట్ రేషియోతో ప్రైమరీ కలర్లో ఉన్నాయి. - Abyss
#050505— న్యూస్ స్ట్రిప్ (పై న్యూస్ స్ట్రిప్) కోసం ఉబ్బెత్తుగా ఉండే నేపథ్యం - స్ట్రిప్ ప్రత్యేకంగా కనిపించడం కోసం ప్రధాన కాన్వాస్ కంటే ఒక షేడ్ ముదురు రంగులో ఉంటుంది.
టైపోగ్రఫీ
11 నుండి 32 పిక్సెల్స్ వరకు · 5 దశలు
- Pragmatica Cond — భర్తీ: Oswald · రూపురేఖలు 400 · ప్రాథమిక డిస్ప్లే మరియు యూజర్ ఇంటర్ఫేస్ ఫాంట్ ఒక సన్నని, సంక్షిప్త ఫాంట్. దీనిలో బాడీ టెక్స్ట్ కోసం 14px ఆల్-క్యాప్స్, సెక్షన్ హెడ్డింగ్ల కోసం 20px, మరియు ప్రధాన టెక్స్ట్ కోసం 32px ఉంటాయి. అత్యంత సన్నని ఫాంట్ మరియు బాడీ టెక్స్ట్ కోసం 14px ఆల్-క్యాప్స్ ఈ సిస్టమ్కు అత్యంత విశిష్టమైన పరిష్కారం: దీనివల్ల బాడీ టెక్స్ట్ సాధారణ వచనంలా కాకుండా, ఒక ఆర్కిటెక్చరల్ టైప్ఫేస్ గుసగుసలాడినట్లుగా చదవబడుతుంది. ఒకవేళ Pragmatica Condensed అందుబాటులో లేకపోతే, Oswald లేదా Barlow Condensed తో భర్తీ చేయండి.
- Pragmatica — భర్తీ: Inter · రూపురేఖలు 400 · పొడవైన గద్య భాగాల కోసం ఉపయోగించే ఒక ద్వితీయ, ప్రాథమిక ఫాంట్ (ఉదాహరణకు, "AI ఆపరేటింగ్ సిస్టమ్" కార్డ్ వివరణ 24px, పేరా టెక్స్ట్ 15px). పెద్ద బ్లాకులలో చదవడానికి సులభంగా ఉండేలా ప్రాగ్మాటికా కాండ్ కంటే కొంచెం వెడల్పుగా ఉంటుంది, కానీ ఇప్పటికీ 400 వెయిట్లోనే ఉంటుంది—ఎప్పుడూ బోల్డ్గా ఉండదు. దీనికి బదులుగా ఇంటర్ లేదా సోహ్నెను వాడండి.
- Roboto Mono — భర్తీ: Roboto Mono (free · రూపురేఖలు 400 · వార్తల టిక్కర్ కోసం ఒక మోనోస్పేస్డ్ మైక్రోఫాంట్ ("వార్తలు • జూన్ 15, 2026 • క్రూసిబుల్ ఎర్లీ యాక్సెస్ ఇప్పుడు తెరవబడింది"). ఈ మోనోస్పేస్డ్ ఫాంట్ ఇక్కడ మాత్రమే ఉపయోగించబడింది, ఇది ఒక స్పష్టమైన కార్యాత్మక వ్యత్యాసాన్ని సృష్టిస్తుంది: ఇది సిస్టమ్ డేటా, బ్రాండింగ్ కాదు.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | సగటు |
| ప్రాథమిక దశ | 16-20px |
| బటన్ వ్యాసార్థం | 1440px |
| కార్డ్ వ్యాసార్థం | 10px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 80px |
| పేజీ వెడల్పు | 1400px |
AI మీ వెబ్సైట్ను Ciridae శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Dala — నల్ల వెల్వెట్ మీద తేలుతున్న నక్షత్రరాశి
- Linear — మిడ్నైట్ ప్రెసిషన్ ఇన్స్ట్రుమెంట్
- Resend — నలుపు వెల్వెట్, ఊదా నియాన్ రంగుతో
- Dovetail — నల్లని వెన్నెల కింద ఒక బ్లూప్రింట్—కనిపించని గ్రాఫ్ గీతలు, తెల్లని అక్షరాలు, ఒక ఊదా రంగు మెరుపు
- Neon — చీకటి పడ్డాక సర్వర్ గది. గాఢమైన చీకటి, అక్కడ డేటా మరియు వినియోగదారుల చర్యల నుండి మాత్రమే వెలుగు వస్తుంది.
- Discord — గేమ్ ప్రపంచం ఒక పాప్-అప్ చాట్ విండో వెనుక దాగి ఉంటుంది - ప్రతి విభాగం దాని స్వంత లైటింగ్ మరియు పాత్రలతో కూడిన ఒక ప్రత్యేకమైన వాతావరణం.
- Aaru — అర్ధరాత్రి కణ క్షేత్ర పరిశీలన కేంద్రం
- Atlas Card — మిడ్నైట్ వాల్ట్, దాని ఏకైక నీలమణి కిరణంతో, గాఢమైన విద్యుత్ నీలం రంగుకు మాత్రమే ప్రాధాన్యతనిచ్చే ఒక చిమ్మచీకటి విస్తరణ.
- Midjourney — లోతైన సముద్రంలో ఒక జీవదీప్తి టెర్మినల్. మేధస్సు ASCII ప్రవాహాలలో దృశ్యమానంగా తనను తాను సృష్టించుకునే, మరియు నియంత్రణలు మసకగా మెరుస్తున్న నమూనాలుగా కనిపించే ఒక లోతైన సముద్ర ప్రపంచం.
- Checkly — లోతైన కక్ష్య మిషన్ నియంత్రణ కేంద్రం
- Krea — అర్ధరాత్రి గ్యాలరీ నోయిర్
- Wope — వోప్ అనేది ఒక ఊదా రంగు హోరిజోన్ ఇంటర్ఫేస్. గాజు కింద నుండి ఊదా రంగు కాంతి ప్రసరిస్తున్న ఒక చీకటి అబ్జర్వేటరీ టేబుల్ను ఊహించుకోండి.