Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukutviklerUtvikling av AI-verktøy for bedrifter. Høy kvalitet. Rimelig.Skriv på Telegram
Ciridae — en forhåndsvisning av et nettsted i denne stilen

Ciridae

Et tomt rom med pulseringen av ulmende glør – en nesten svart katedral der den eneste varme lyden er en tynn rustlinje, og hver overflate er definert av fine linjer snarere enn skygge.

Ciridae opererer i et tomrom: et #0b0b0b-lerret, pilleformede kontroller med knapt merkbare konturer, og typografi låst inn i store bokstaver i Pragmatica Cond med vekt 400 – ingen fet skrift, ingen blandet store og små bokstaver, ingen dekorative elementer. Den eneste kromatiske tonen er #cc6437, en varm, ulmende rustfarge som brukes som de tynneste strøkene og små aksenttegn, aldri som fyll. Kart flyter på #272a2a med en radius på 10 piksler og ingen skygger; systemet unngår elevasjon, og definerer overflater gjennom tonekontrast og de fineste 1 piksel-kantene. Fotografier er sterkt uskarpe og atmosfæriske – flytende marmor, røyk, ild – plassert bak teksten i fullskjermmodus, slik at det visuelle bildet føles mer atmosfærisk enn illustrerende.

Sideoppsettet er i full bredde, med innhold sentrert innenfor en maksimal bredde på ~1400 piksler. Heltfiguren er en mørk komposisjon i full bredde med en sentrert konstellasjonslogo flankert av mikroetiketter på venstre og høyre side. Seksjoner veksler: mørk heltfigur → lys stripe med underlag (bein) → mørk transformert tekst → mørkt rutenett med systemkort → mørk bunntekst. Den enkle lyse seksjonen skaper en enkelt, skarp toneovergang. Kortrutenettet bruker fire kolonner, der det første kortet er omtrent dobbelt så bredt som de tre andre, noe som skaper et asymmetrisk oppsett med vekt på innhold. Den vertikale avstanden mellom seksjonene er generøs (80 piksler+). Navigasjonen er minimal: en toppnyhetslinje + en venstrejustert "Start nå" og en høyrejustert "Meny" i topplinjen. Ingen sidefelt, ingen megameny.

Atmosfæriske fotografier, som opptar hele sideoverflaten, dominerer startskjermen og kortene. Bildene er sterkt uskarpe (bakgrunnsuskarphetsverdier på 50 piksler og 40 piksler ble oppdaget) og har høy kontrast, og viser flytende marmor med blårøde virvler, røyk, mørke silhuetter av landskap og ild-/glødende teksturer. Fotografiene er stemningsfulle og mørke, ikke livlige – de deler samme toneområde som det blanke lerretet i stedet for å skille seg ut mot det. Det er ingen produktbilder, ingen personer, ingen skjermbilder av brukergrensesnittet. Bildene skaper atmosfære i stedet for å tjene som illustrerende innhold. Kortrutenettet kartlegger hvert system til en annen atmosfærisk scene, slik at fotografiene kan fungere som abstrakte visuelle identifikatorer i stedet for bokstavelige produktbilder.

Palett

Merke

  • Ember Rust #cc6437 — Aksentstrøk, ikonlinjer og små tekstuthevinger er den eneste kromatiske fargen i et monokromt system, og fremstår mer som en knapt merkbar pulserende flekk enn et fyll.

Nøytral

  • Void Black #0b0b0b — Bakgrunnsbilder for hovedsiden og seksjonene; grunnlaget for hele systemet.
  • Charcoal Surface #272a2a — Bakgrunnsbilder laget av papp og paneler på mørke områder er én tone lysere enn lerretet for å skape en separasjon av overflater uten skygger.
  • Bone #edebe7 — De lyse områdene i bakgrunnen og overflaten er kremfarget, der systemet bytter fra mørkt til lyst.
  • Bone Darker #dfddd9 — En delikat nyanse kalt «Bone» for flerlags lyse overflater og elementer i en varm, nesten hvit farge.
  • Pure White #ffffff — All hovedtekst og overskrifter, skyggelagte knappekanter og navigasjonselementer er i primærfargen med et kontrastforhold på 19,7:1 på en svart bakgrunn med tom skrift.
  • Abyss #050505 — Hevet bakgrunn for nyhetsstripen (øverste nyhetsstripe) – én nyanse mørkere enn hovedlerretet for å få stripen til å skille seg ut.

Typografi

fra 11 til 32 piksler · 5 trinn

  • Pragmatica Cond — erstatning: Oswald · omriss 400 · Den primære visnings- og brukergrensesnittfonten er en smal, kondensert skrifttype med 14 piksler store bokstaver for brødtekst, 20 piksler for seksjonsoverskrifter og 32 piksler for hovedtekst. En ekstremt smal skrifttype og 14 piksler store bokstaver for brødtekst er den mest karakteristiske løsningen for systemet: brødtekst leses som hviskingen i en arkitektonisk skrifttype i stedet for vanlig prosa. Erstatt med Oswald eller Barlow Condensed hvis Pragmatica Condensed ikke er tilgjengelig.
  • Pragmatica — erstatning: Inter · omriss 400 · En sekundær, primær skrifttype som brukes for lengre prosapassasjer (f.eks. er kortbeskrivelsen «AI-operativsystem» 24 piksler, avsnittstekst er 15 piksler). Litt bredere enn Pragmatica Cond for enklere lesing i større blokker, men fortsatt med vekt på 400 – aldri fet skrift. Erstatt med Inter eller Söhne.
  • Roboto Mono — erstatning: Roboto Mono (free · omriss 400 · En mikrofont med ensartet linjeavstand for en nyhetstikker («NYHETER • 15. JUNI 2026 • CRUCIBLE EARLY TILGANG NÅ ÅPEN»). Monospaced-fonten brukes kun her, noe som skaper et tydelig funksjonelt skille: dette er systemdata, ikke merkevarebygging.

Intervaller og form

HensiktBetydning
Tetthetgjennomsnittlig
Grunnleggende trinn16-20px
Knapperadius1440px
Kortradius10px
Skyggeringen grenser i stedet for skygger
Mellom seksjoner80px
Sidebredde1400px

AI vil bygge nettstedet ditt i Ciridae -stil og fylle det

  • Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
  • Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
  • Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
  • Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.

Lignende stiler

  • Dala — en konstellasjon som svever på svart fløyel
  • Linear — midnattspresisjonsinstrument
  • Resend — svart fløyel med lilla neonfarge
  • Dovetail — En blåkopi under en svart måne – knapt synlige graflinjer, hvit skrift, en lilla glitter
  • Neon — Et serverrom etter mørkets frembrudd. Rent mørke, hvor det eneste lyset kommer fra data og brukerinteraksjoner.
  • Discord — Spillverdenen er skjult bak et popup-chatvindu – hver seksjon er et selvstendig miljø med sin egen belysning og sett med figurer.
  • Aaru — Partikkelfeltobservatorium ved midnatt
  • Atlas Card — Midnattshvelvet, med sin eneste safirstråle, er en beksvart vidde der det eneste som betyr noe er den dype elektriske blåfargen.
  • Midjourney — En bioluminescerende terminal i dyphavet. En dyphavsverden hvor intelligens visuelt genererer seg selv i ASCII-strømmer, og kontroller fremstår som svakt glødende mønstre.
  • Checkly — Kontrollsenter for dyp bane
  • Krea — Galleri noir ved midnatt
  • Wope — Wope er et lilla horisontgrensesnitt. Se for deg et mørkt observasjonsbord med et lilla lys som stråler fra under glasset.