Letters
Goizeko hitzordua aire zabaleko klinika batean —sabai urdin leun baten azpian mahai zuri esteril bat, kirurgia-tresna urdinez beteta
Letters gutun medikoak idazteko tresna bat da, goiburu gradiente ireki batekin hasten dena —marra urdin leun eta atmosferiko batek giro lasai eta klinikoa sortzen du—, lan-eremu zuri garbi batera igaro aurretik. Sistema estilo monokromoan diseinatuta dago: mihise zuri garbia, testu ia beltza (#070709), ekintzarako dei ilunak pilula itxurakoak eta itzal sotilenetan flotatzen dituzten txartel biribilduak. Urdin distiratsu bakarra (#2597d0) puntuazio funtzionalarentzat gordeta dago —ikonoak, mikrografikoak, uhin-formako erreproduzitzaileak—, inoiz ez botoietarako edo betegarri handietarako erabiltzen. Tipografiak Open Runde erabiltzen du, sans-serif humanista geometriko bat, pantaila-tamaina handiagoetan letren arteko tarte negatibo oldarkorra duena (-0.04em 80px-tan), goiburuak bloke seguruetan konprimitzen dituena. Osagaiak arinak dirudite, tresna mediko bat bezala: marko meheak, txartelen arteko tarte zabala, pilula itxurako botoiak eta kotaren erabilera diskretua, zeru itxurako goiburuari lan emozionala egiteko aukera ematen diona.
Zeru urdineko gradientezko hasierako orrialde batek orrialdearen zabalera osoa hartzen du, erdian dagoen izenburu eta azpitestu batekin, eta behean ekintzarako dei-botoi batekin. Atalen arteko tarte zabalarekin (80-120px) eduki-eremu zuri batera igarotzen da leunki. Ezaugarrien atalek bi zutabeko sareta bat erabiltzen dute, proportzio berdineko txartel biribildu handiekin (18-32px erradioa). Atalen izenburuak beti erdian daude, zutabe bakarrean, txartel-saretaren gainean. Nabigazioa goiko barra zuri finko bat da, erdian dauden esteka multzo batekin eta eskuinean lerrokatutako saioa hasteko ekintzekin. Erritmo orokorra marra nagusi atmosferiko bakarra da, eta ondoren atal zuriak eta #f5f5f5 txandakatzen dira, arnasketa-tarte bertikal koherentearekin. Ez dago alboko barrarik, ez mega-menurik, ez diseinu asimetrikorik; orrialdea zutabe lasai eta simetriko bat bezala sentitzen da.
Diseinu bisuala ia erabat produktuaren erabiltzaile-interfazean oinarritzen da: ez bizimodu-argazkirik, ez 3D render abstrakturik. Hizkuntza bisuala aplikazioaren interfaze natiboa erakusten duten produktu-txartelen inguruan eraikitzen da: dokumentuen "Aurretik" eta "Ondoren" alderaketa, ertz puntudun kargatzeko eremua eta uhin-formako audio-erreproduzitzaile bat. Elementu bisual atmosferiko bakarra irudi nagusiko zeru-gradientea da. Ikonoak lauak dira, kolore bakarreko #2597d0 lerro-ikonoak (gutun-azala, mikrofonoa, kontrol-marka), lerro-lodiera uniformeekin, betetze-aldaerarik gabe. Ilustrazio-estiloa neurritsua da: produktuen maketak atzealde zuri batean bistaratzen dira, sakonera sortzeko apur bat biratuta, inoiz ez zorrotz okertuta. Eskuz idatzitako letra-tipoa (Doktorea) da elementu organiko/eskuz egindako bakarra, "Aurretik" txarteleko eskuizkribu klinikoa gogorarazteko soilik erabiltzen dena.
Paleta
Marka
- Surgical Blue
#2597d0— Ikonoek, mikrofonoaren ikono batek, soinu-uhinen erreproduzitzaile batek eta funtzio-azentu txikiek nota kromatiko bakarra sortzen dute interfaze osoan.
Neutroa
- Obsidian
#070709— Gorputzaren testua, ekintzarako dei-botoi beteak eta UI elementu ilunak —ia beltza aukeratu da #000 hutsaren ordez, atzeko plano zuriarekiko kontrastea leuntzeko. - Paper White
#ffffff— Orriaren atzeko planoa, txartelen gainazalak eta botoien testua dira elementu nagusiaren azpiko atal guztien mihise nagusia. - Cloud Gray
#f5f5f5— Txartelen gainazal gehigarriek eta atalen atzeko planoek bloke funtzionalak mihise nagusitik bereizten dituzte. - Sky Tint
#d7e6f5— Kartoizko markoaren itzalak eta gainazalaren urdin tonu ia hautemanezinak giro sentsazioa sortzen dute, gristasunaren ordez. - Charcoal
#60606c— Testu nagusia, bigarren mailako testua eta ertz isilak - kolore neutro nagusia goiburukoak ez diren edukietarako. - Slate
#8b8b8b— Testu txikia eta mugako estatu inaktiboak - kokapenak adierazteko eta desgaitasuna duten pertsonen irisgarritasuna bermatzeko erabiltzen dira.
Tipografia
12tik 80px-ra · 8 urrats
- sans-serif — ordezkapena: Inter · eskemak 400, 700 · sans-serif - ateratako datuetan aurkitu da, baina ez du IA-k deskribatu.
- Open Runde — ordezkapena: Inter Tight · eskemak 400, 500, 600, 700, 900 · Izenburuetarako eta nabigaziorako letra-tipo nagusia humanista geometrikoa da, tamaina handietan letren arteko tarte estua duena; -0.04em-k 80px-tan izenburua bloke bakar eta sendo batean konprimitzen du. Erabili izenburu, nabigazio eta testu handi guztietarako.
- Inter — ordezkapena: system-ui · eskemak 400, 500 · Bigarren mailako gorputza eta erabiltzaile-interfazearen testua – goiburu txikietarako, nabigazio-elementuetarako eta irakurketa-erritmo neutralagoa nahi den lerroko esteketarako erabiltzen da. Open Runde-rekin parekatzen da kontraste hierarkikoa sortzeko.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 12-16px |
| Botoiaren erradioa | 100px |
| Txartelaren erradioa | 18px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 80-120px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Letters estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Integrated Biosciences — biolumineszentzia laborategia gauerdian
- Mintlify — Kristalezko mahai baten gainean dagoen hodei-lorategi bat. Eskuz marraztutako zerua eta dokumentala elkarrekin markoztatuta daude —kolorea eta kontzeptua talka egiten duten leku bakarra, orrialdea monasterio-zuri bihurtu aurretik.
- Gleap — Krema tonu epeletan eta grafito azentuekin apaindutako lan-espazioa — lihozko arkitekturaren gainean tinta beltz mate puntuak flotatzen ari direla dirudien estudio bat.
- Render — Diseinua aluminio eskuilatuan egina dago. Interfazeak ingeniaritza dokumentu geometriko garbi baten itxura du: espazio zuria, lerro meheak eta ekintzara arreta erakartzen duen lerro more bakarra.
- Grafbase — ingeniaritza marrazkia marmol hotzean
- Slash — Gauerdiko ganga urreztatutako kontabilitate-liburuekin
- Modal — Terminal fosforeszente bat zerbitzari-gela ilun batean - argi-iturri bakarra berde biziko kolorea da
- Whimsical — Aran koloreko tinta aberatsa izpiliku-hondo batean — arbel tekniko gisa ere balio duen estudioko koaderno sortzailea.
- AgentQL — Iparraldeko argiak terminalaren gainean gauez
- Alveos One — Ibaiko harriz egindako babesleku erosoa – meditazio gela lasai eta krema-argiztapenez betea, non grafitozko objektu bakar bat anbar koloreko distira leun batean atseden hartzen duen.
- GitHub — Kontrol-puntu biolumineszenteak dituen espazio-aginte-panel bat —lan-eremu ilun eta atmosferikoa, non distira berde bakar batek aurrera egiteko bidea adierazten duen.
- Buddy — Grafiko-paperean egindako ingeniaritza-marrazkia. Marrazki zuriaren gainazala ia ikusten ez den sareta batekin markatuta dago, tinta ia beltzez aplikatua, limoi-berde fluoreszenteko markak eta gradiente irideszenteak dituena.