Framer
Неонска галерија у празнини
Фрејмер функционише као готово потпуни мрак – црно платно где садржај лебди попут неонског знака на отварању галерије. Наслови, постављени у GT Walsheim Medium са малим размаком између редова од 0,8–1,1 и агресивним негативним размаком између слова (-0,04em на 54px), стварају кондензован, декоративан фонт који се гура напред, а не стоји уредно на страници. Једна електрично плава (#0099ff) пружа све функционалне акценте – оквире, сјај, иконе, активна стања – док остатак интерфејса остаје ахроматски, ослањајући се на суптилне сиве прелазе (#111, #171717, #242424) како би се створила дубина из чисте црне. Компоненте делују промишљено, а не декоративно: заобљени радијуси од 8–25px, танке оквире од 1px, минималне сенке и провидне површине које омогућавају да празнина просија.
Одељци пуне ширине протежу се изван црног платна, са садржајем ограниченим на максималну ширину од ~1200 пиксела и центрираним унутар њега. Главни одељак садржи заглавље поравнато лево и једно дугме за позив на акцију (CTA), при чему је десна страна намерно остављена празна - асиметрично, није центрирана. Одељци се смењују између распореда само са текстом (велико заглавље + подтекст) и снимака екрана производа. Одељак „Долази са Framer-ом“ користи зид са логотипом у мрежи са 4 колоне. У одељку заједнице, снимак екрана производа је смештен унутар центрираног контејнера пуне ширине са заобљеним угловима. Навигација је минимална - танка горња трака са логотипом са леве стране и линковима поравнатим са десне стране, без видљивих контрола. Ритам одељака: значајни вертикални размаци од 80 пиксела између одељака, стварајући јасна острва садржаја која плутају у празнини.
Снимци екрана корисничког интерфејса производа доминирају — уоквирени хромираним прозором са тачкама семафора, уграђени снимци екрана апликације постају главна слика. Логотипи, који служе као доказ квалитета, представљени су белим словима на црној позадини са великим размаком. Не користе се фотографије, илустрације или апстрактна графика — визуелни језик је сам производ, приказан као живи интерфејс. Стил икона: минималистички, оцртан, монохроматски и бео у малим величинама. Густина текста: претежно текст, са повременим великим фрагментима у облику снимака екрана производа. Визуелни баланс простора јасно фаворизује типографију у односу на слике.
Палета
Brend
- Vivid Violet
#0066ff— Примарно дугме за акцију је једино место у интерфејсу где се приказује позадина дугмета у пуној боји.
Неутрално
- Bone
#ffffff— Главни наслови, главни текст на тамној позадини, позадина дугмади је једини извор светлости. - Void
#000000— Платно странице, позадина навигације, површине картица, попуњавање иконама – све је то бескрајна црна боја која апсорбује сав небитни садржај. - Graphite
#111111— Подигнуте површине картица су корак изнад празнине – велике, функционалне картице и модални контејнери. - Obsidian
#171717— Међуповршина за дугмад, додатне картице, UI испуне - одваја интерактивне елементе од платна. - Slate
#242424— При преласку на другу страну, поља за унос и увучени панели су најсветлије неутралне нијансе пре преласка у текстуални формат. - Ash
#333333— Дубоко попуњавање за неактивне позадинске слике и структурне елементе.
Типографија
од 12 до 68 пиксела · 8 корака
- sans-serif — замена: Inter · обриси 400 · sans-serif - пронађен у екстрахованим подацима, али га вештачка интелигенција није описала.
- GT Walsheim — замена: Inter Tight · обриси 500 · Фонт за наслове и наслове је брендирани фонт. Агресивно је згуснут, са проредом између редова од 0,8–1,1 и размаком између слова од -0,04em до -0,05em у распону од 44–68px. То није декоративни елемент; геометријска топлина GT Walsheim-а, у комбинацији са строгим метрикама, ствара глас система – самоуверен, компактан и помало футуристички. За сличан геометријски израз, размотрите Inter Tight или Space Grotesk Bold.
- Inter Variable — замена: Inter · обриси 400 · Главни текст, навигација и секундарни наслови су главна радна снага. Оса Inter Variable омогућава глатку интерполацију тежина. Праћење се сужава како се величина повећава: од -0,001em до 18px и до -0,027em до 22px. Варијабилна верзија омогућава глатке микро-анимације сајта. Замена: Inter ( Google) – практично идентичан резервни избор.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | просек |
| Основни корак | 10px |
| Радијус дугмета | 9999px |
| Радијус картице | 20px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 80px |
| Ширина странице | 1200px |
Вештачка интелигенција ће изградити ваш веб сајт у Framer стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- Auros — Абисални терминал са биолуминисцентним лоптама података
- Origin Financial — Поноћна галерија тихе раскоши. Тиха, готово мрачна соба где велики серифни фонтови и неколико осветљених обојених панела стварају осећај да су финансије пажљиво курирано уметничко дело.
- Raycast — Поноћни командни центар, Корал Неон
- Dimension — радно место осветљено сумраком са плочама од матираног стакла
- Reflect Notes — Звездани љубичасти простор је мрачна опсерваторија где ноте лебде попут сазвежђа на позадини готово црне индиго празнине.
- Ameba — Контролна соба у поноћ – електрично плави пулс унутар матираних стаклених панела
- Branding — Црни зид галерије, крвавоцрвени акценти - Велики бели фонтови лебде на тамном платну које подсећа на празнину, прекинуто једним јаркоцрвеним акцентом и упечатљивим декоративним елементима који више личе на галеријске сигнале него на веб интерфејс.
- Harness — Контрола мисије у поноћ са фосфоресцентно зеленим акцентима
- Koto — Галерија Обсидијан у поноћ. Готово потпуно мрачна сцена, где је једини извор топле светлости један жути маркер, а кондензовани текст лебди у огромном негативном простору попут изложбених постера.
- Ohzi — Светлећа коцка окачена у мрачној галерији
- Depot — Тамни серверски терминал. Готово црна програмерска конзола, са једном зеленом ЛЕД диодом која сигнализира почетак рада, а остатак корисничког интерфејса је приказан у графитној боји.
- Maciej Zadykowicz — Поноћна галерија са својим калеидоскопским муралом је готово црни студијски зид где једно живо, шарено типографско уметничко дело привлачи пажњу док све остало остаје тихо и промишљено.