Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery DanyuksviluppatoreSviluppà strumenti di IA per l'imprese. Alta qualità. Accessibile.Scrive in Telegram
Ciridae — un'anteprima di un situ in questu stile

Ciridae

Una stanza viota cù a pulsazione di braci fumanti - una catedrale guasi nera induve l'unicu sonu caldu hè una linea fina di ruggine, è ogni superficia hè definita da linee fini piuttostu chè da ombra.

Ciridae opera in un viotu: una tela #0b0b0b, cuntrolli in forma di pillula cù contorni appena percettibili, è tipografia chjusa in a maiuscula di Pragmatica Cond à 400 di pesu - senza grassettu, senza maiuscule miste, senza elementi decorativi. L'unica nota cromatica hè #cc6437, una tonalità di ruggine calda è fumante aduprata cum'è i tratti più fini è i picculi segni di punteggiatura d'accentu, mai cum'è riempimentu. E carte flottanu nantu à #272a2a cù un raghju di 10px è senza ombre; u sistema evita l'elevazione, definendu e superfici attraversu u cuntrastu tonale è i bordi più fini di 1px. E fotografie sò assai sfocate è atmosferiche - marmaru liquidu, fumu, focu - piazzate daretu à u testu in modalità schermu pienu, cusì l'imaghjini visuale pare più atmosferica chè illustrativa.

U layout di a pagina hè à larghezza piena, cù u cuntenutu centratu in una larghezza massima di ~1400px. L'eroe hè una cumpusizione scura à larghezza piena cù un logu di custellazione centratu fiancheggiatu da micro-etichette à manca è à diritta. E sezioni si alternanu: eroe scuru → striscia chjara cù sottostrati (Bone) → testu di trasfurmazione scura → griglia scura di carte di sistema → pede di pagina scuru. L'unica sezione chjara crea una transizione tonale unica è netta. A griglia di carte usa 4 colonne, cù a prima carta circa duie volte più larga di l'altre trè, creendu un layout asimmetricu cù enfasi nantu à u cuntenutu. U spaziu verticale trà e sezioni hè generosu (80px+). A navigazione hè minima: una barra di nutizie in cima + un "Start Now" allineatu à manca è un "Menu" allineatu à diritta in a barra in cima. Nisuna barra laterale, nisun mega-menu.

Fotografie atmosferiche, chì occupanu tutta a superficia di a pagina, dominanu a schermata iniziale è e carte. L'imagine sò assai sfocate (sò stati rilevati valori di sfocatura di u fondu di 50px è 40px) è à altu cuntrastu, chì rapprisentanu marmaru liquidu cù vortici blu-rossi, fumu, siluette scure di paisaghji è texture di focu/brace. E fotografie sò malincuniche è scure, micca vibranti - spartenu a stessa gamma tonale di a tela bianca invece di spiccassi contr'à ella. Ùn ci sò foto di prudutti, nè persone, nè screenshot di l'interfaccia utente. L'imagine creanu atmosfera invece di serve cum'è cuntenutu illustrativu. A griglia di carte mappa ogni sistema à una scena atmosferica diversa, permettendu à e fotografie di funziunà cum'è identificatori visuali astratti invece di immagini di prudutti letterali.

Paletta

Marca

  • Ember Rust #cc6437 — I tratti d'accentu, e linee d'icone è i picculi evidenziatori di testu sò l'unicu culore cromaticu in un sistema monocromaticu, chì appariscenu più cum'è un puntu pulsante appena percettibile chè cum'è un riempimentu.

Neutru

  • Void Black #0b0b0b — Imagine di fondu per a pagina principale è e sezioni; a basa di tuttu u sistema.
  • Charcoal Surface #272a2a — L'imagine di fondu fatte di cartone è i pannelli nantu à e zone scure sò un tonu più chjaru di a tela per creà una separazione di e superfici senza ombre.
  • Bone #edebe7 — E zone chjare di u fondu è di a superficia sò di culore crema, induve u sistema passa da u bughju à u chjaru.
  • Bone Darker #dfddd9 — Una tonalità delicata chjamata "Bone" per superfici chjare multistratificate è elementi di un culore caldu, guasi biancu.
  • Pure White #ffffff — Tuttu u testu principale è i tituli, i bordi di i buttoni fantasma è l'elementi di navigazione sò in u culore primariu cù un rapportu di cuntrastu di 19,7: 1 nantu à un fondu neru Void.
  • Abyss #050505 — Sfondu in rilievu per a striscia di nutizie (striscia di nutizie superiore) - una tonalità più scura di a tela principale per fà spicà a striscia.

Tipografia

da 11 à 32px · 5 passi

  • Pragmatica Cond — rimpiazzamentu: Oswald · contorni 400 · U caratteru principale di visualizazione è di l'interfaccia utente hè un caratteru strettu è cundensatu cù 14px tuttu maiuscule per u testu di u corpu, 20px per i tituli di sezzione è 32px per u testu principale. Un caratteru estremamente strettu è 14px tuttu maiuscule per u testu di u corpu hè a suluzione più caratteristica per u sistema: u testu di u corpu si leghje cum'è u sussurru di un caratteru architettonicu piuttostu chè cum'è una prosa ordinaria. Rimpiazzate cù Oswald o Barlow Condensed se Pragmatica Condensed ùn hè micca dispunibule.
  • Pragmatica — rimpiazzamentu: Inter · contorni 400 · Un carattere secundariu è primariu utilizatu per i passaggi di prosa più longhi (per esempiu, a descrizzione di a carta "Sistema Operativu AI" hè 24px, u testu di u paràgrafu hè 15px). Leggermente più largu chè Pragmatica Cond per facilità a lettura in blocchi più grandi, ma sempre à 400 di pesu - mai in neru. Rimpiazzate cù Inter o Söhne.
  • Roboto Mono — rimpiazzamentu: Roboto Mono (free · contorni 400 · Un microfont monospaziatu per un ticker di nutizie ("NEWS • 15 DI GIUGNU 2026 • CRUCIBLE EARLY ACCESS NOW OPEN"). U carattere monospaziatu hè adupratu solu quì, creendu una distinzione funzionale chjara: questu hè dati di sistema, micca branding.

Intervalli è forma

ScopuSignificatu
Densitàmediu
Passu basicu16-20px
Raggiu di u buttone1440px
Raggiu di a carta10px
Ombrenò - bordi invece di ombre
Trà e sezioni80px
Larghezza di a pagina1400px

L'IA custruisce u vostru situ web in stile Ciridae è u riempirà

  • Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
  • Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
  • Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
  • Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.

Stili simili

  • Dala — una custellazione chì vola nantu à u vellutu neru
  • Linear — strumentu di precisione di mezzanotte
  • Resend — vellutu neru cù culore neon viola
  • Dovetail — Un pianu sottu à una luna nera - linee grafiche appena visibili, caratteri bianchi, una scintilla viola
  • Neon — Una sala di servitori dopu à u bughju. Bughjura pura, induve l'unica luce vene da i dati è l'interazzione di l'utilizatori.
  • Discord — U mondu di u ghjocu hè piattu daretu à una finestra di chat pop-up - ogni sezione hè un ambiente autonomu cù a so propria illuminazione è u so inseme di caratteri.
  • Aaru — Osservatoriu di u Campu di Particelle à Mezanotte
  • Atlas Card — A Midnight Vault, cù u so unicu raghju di zaffiro, hè una distesa nera cum'è a pece induve l'unica cosa chì importa hè u turchinu elettricu prufondu.
  • Midjourney — Un terminal bioluminescente in l'oceanu prufondu. Un mondu di mare prufondu induve l'intelligenza si genera visivamente in flussi ASCII, è i cuntrolli appariscenu cum'è mudelli debulemente brillanti.
  • Checkly — Centru di Cuntrollu di Missione in Orbita Profonda
  • Krea — galeria noir à mezanotte
  • Wope — Wope hè un'interfaccia d'orizonte viola. Imaginate una tavula d'osservatoriu scura cù una luce viola chì irradia da sottu à u vetru.