{"id":182,"date":"2026-03-15T08:43:35","date_gmt":"2026-03-15T08:43:35","guid":{"rendered":"https:\/\/dermaai.lekarinfo.com\/?page_id=182"},"modified":"2026-03-15T08:44:35","modified_gmt":"2026-03-15T08:44:35","slug":"o-dermaai","status":"publish","type":"page","link":"https:\/\/dermaai.lekarinfo.com\/?page_id=182","title":{"rendered":"O dermaAI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"182\" class=\"elementor elementor-182\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e20e929 e-flex e-con-boxed e-con e-parent\" data-id=\"e20e929\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3a0dfa elementor-widget elementor-widget-html\" data-id=\"f3a0dfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"sr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>DermaAI \u2013 O nama<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --primary: #00A8C6;\n    --primary-light: #e6f7fb;\n    --primary-mid: #b3e8f4;\n    --accent: #F35C83;\n    --accent-light: #fdeef3;\n    --white: #ffffff;\n    --off-white: #f8fafc;\n    --text-dark: #0f1f2e;\n    --text-mid: #3a4f63;\n    --text-muted: #7a8ea0;\n    --border: rgba(0,168,198,0.12);\n    --shadow-soft: 0 4px 24px rgba(0,168,198,0.08), 0 1px 4px rgba(0,0,0,0.04);\n    --shadow-card: 0 2px 16px rgba(0,0,0,0.06);\n    --radius-card: 20px;\n    --radius-sm: 10px;\n    --radius-pill: 50px;\n  }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    background: var(--white);\n    color: var(--text-dark);\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n  .section-onama {\n    position: relative;\n    padding: 100px 24px 90px;\n    background: var(--white);\n    overflow: hidden;\n  }\n\n  \/* Decorative background blobs *\/\n  .section-oname::before {\n    content: '';\n    position: absolute;\n    width: 600px; height: 600px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0,168,198,0.06) 0%, transparent 70%);\n    top: -200px; right: -200px;\n    pointer-events: none;\n  }\n\n  .bg-blob-1 {\n    position: absolute;\n    width: 500px; height: 500px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0,168,198,0.05) 0%, transparent 70%);\n    top: -150px; right: -100px;\n    pointer-events: none;\n  }\n  .bg-blob-2 {\n    position: absolute;\n    width: 400px; height: 400px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(243,92,131,0.04) 0%, transparent 70%);\n    bottom: 0; left: -80px;\n    pointer-events: none;\n  }\n\n  .container {\n    max-width: 1140px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\n  .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'Sora', sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--primary);\n    background: var(--primary-light);\n    padding: 6px 16px;\n    border-radius: var(--radius-pill);\n    margin-bottom: 28px;\n  }\n  .eyebrow-dot {\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: var(--primary);\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500 HEADING BLOCK \u2500\u2500 *\/\n  .heading-block {\n    max-width: 780px;\n    margin-bottom: 56px;\n  }\n  .main-heading {\n    font-family: 'Sora', sans-serif;\n    font-size: clamp(28px, 4vw, 46px);\n    font-weight: 700;\n    line-height: 1.2;\n    color: var(--text-dark);\n    margin-bottom: 24px;\n    letter-spacing: -0.02em;\n  }\n  .main-heading span {\n    position: relative;\n    display: inline;\n  }\n  .main-heading span::after {\n    content: '';\n    position: absolute;\n    bottom: -2px; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--accent), transparent);\n    border-radius: 2px;\n  }\n\n  .lead-text {\n    font-size: 17px;\n    line-height: 1.75;\n    color: var(--text-mid);\n    font-weight: 300;\n    padding-left: 20px;\n    border-left: 3px solid var(--primary);\n  }\n\n  \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n  .section-divider {\n    width: 48px;\n    height: 2px;\n    background: linear-gradient(90deg, var(--primary), var(--accent));\n    border-radius: 2px;\n    margin: 40px 0;\n  }\n\n  \/* \u2500\u2500 TWO COLUMN GRID \u2500\u2500 *\/\n  .content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n    margin-bottom: 32px;\n  }\n\n  \/* \u2500\u2500 CONTENT CARD \u2500\u2500 *\/\n  .content-card {\n    background: var(--off-white);\n    border: 1px solid var(--border);\n    border-radius: var(--radius-card);\n    padding: 32px 30px;\n    transition: box-shadow 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  .content-card:hover {\n    box-shadow: var(--shadow-soft);\n  }\n  .content-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--primary), transparent);\n  }\n\n  .card-icon {\n    width: 44px; height: 44px;\n    border-radius: var(--radius-sm);\n    background: var(--primary-light);\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 18px;\n    flex-shrink: 0;\n  }\n  .card-icon svg {\n    width: 22px; height: 22px;\n    stroke: var(--primary);\n    fill: none;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .card-label {\n    font-family: 'Sora', sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 8px;\n  }\n  .card-title {\n    font-family: 'Sora', sans-serif;\n    font-size: 17px;\n    font-weight: 600;\n    color: var(--text-dark);\n    margin-bottom: 14px;\n    line-height: 1.35;\n  }\n  .card-body {\n    font-size: 14.5px;\n    line-height: 1.75;\n    color: var(--text-mid);\n    font-weight: 300;\n  }\n\n  \/* \u2500\u2500 DISCLAIMER CARD \u2500\u2500 *\/\n  .disclaimer-card {\n    background: #fff8fa;\n    border: 1px solid rgba(243,92,131,0.18);\n    border-radius: var(--radius-card);\n    padding: 32px 30px;\n    position: relative;\n    overflow: hidden;\n  }\n  .disclaimer-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--accent), transparent);\n  }\n  .disclaimer-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    font-family: 'Sora', sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--accent);\n    background: var(--accent-light);\n    padding: 5px 12px;\n    border-radius: var(--radius-pill);\n    margin-bottom: 14px;\n  }\n  .disclaimer-badge-dot {\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: var(--accent);\n  }\n  .disclaimer-card .card-title {\n    color: #c0304f;\n  }\n  .disclaimer-card .card-body {\n    color: #6b3344;\n  }\n  .disclaimer-card .card-icon {\n    background: var(--accent-light);\n  }\n  .disclaimer-card .card-icon svg {\n    stroke: var(--accent);\n  }\n\n  \/* \u2500\u2500 MISSION BLOCK \u2500\u2500 *\/\n  .mission-block {\n    margin-top: 16px;\n    background: linear-gradient(135deg, #00A8C6 0%, #0088a8 100%);\n    border-radius: var(--radius-card);\n    padding: 52px 56px;\n    position: relative;\n    overflow: hidden;\n  }\n  .mission-block::before {\n    content: '';\n    position: absolute;\n    width: 400px; height: 400px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.05);\n    top: -200px; right: -100px;\n  }\n  .mission-block::after {\n    content: '';\n    position: absolute;\n    width: 200px; height: 200px;\n    border-radius: 50%;\n    background: rgba(243,92,131,0.12);\n    bottom: -60px; left: 40px;\n  }\n  .mission-inner {\n    position: relative;\n    z-index: 1;\n    max-width: 820px;\n  }\n  .mission-label {\n    font-family: 'Sora', sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.6);\n    margin-bottom: 18px;\n  }\n  .mission-quote-mark {\n    font-family: 'Sora', sans-serif;\n    font-size: 72px;\n    line-height: 0.6;\n    color: rgba(255,255,255,0.15);\n    margin-bottom: 12px;\n    display: block;\n  }\n  .mission-text {\n    font-family: 'Sora', sans-serif;\n    font-size: clamp(17px, 2.2vw, 22px);\n    font-weight: 400;\n    line-height: 1.65;\n    color: rgba(255,255,255,0.95);\n    margin-bottom: 28px;\n  }\n  .mission-text strong {\n    color: #ffffff;\n    font-weight: 600;\n  }\n  .mission-footer {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .mission-logo-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255,255,255,0.12);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: var(--radius-pill);\n    padding: 8px 18px;\n    font-family: 'Sora', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    color: rgba(255,255,255,0.9);\n    letter-spacing: 0.04em;\n  }\n  .mission-logo-dot {\n    width: 6px; height: 6px;\n    border-radius: 50%;\n    background: var(--accent);\n  }\n\n  \/* \u2500\u2500 STATS ROW \u2500\u2500 *\/\n  .stats-row {\n    display: flex;\n    gap: 0;\n    border: 1px solid var(--border);\n    border-radius: var(--radius-card);\n    overflow: hidden;\n    margin-bottom: 32px;\n    background: var(--white);\n  }\n  .stat-item {\n    flex: 1;\n    padding: 28px 24px;\n    text-align: center;\n    border-right: 1px solid var(--border);\n    position: relative;\n  }\n  .stat-item:last-child { border-right: none; }\n  .stat-num {\n    font-family: 'Sora', sans-serif;\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--primary);\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n  .stat-label {\n    font-size: 12px;\n    color: var(--text-muted);\n    line-height: 1.4;\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .section-oname { padding: 64px 20px 72px; }\n    .content-grid { grid-template-columns: 1fr; }\n    .mission-block { padding: 40px 28px; }\n    .stats-row { flex-direction: column; }\n    .stat-item { border-right: none; border-bottom: 1px solid var(--border); }\n    .stat-item:last-child { border-bottom: none; }\n    .content-card { padding: 24px 22px; }\n    .mission-footer { flex-wrap: wrap; }\n  }\n\n  @media (max-width: 480px) {\n    .main-heading { font-size: 26px; }\n    .lead-text { font-size: 15px; }\n    .mission-text { font-size: 16px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"section-oname\" style=\"padding: 100px 24px 90px; background: #fff; position: relative; overflow: hidden;\">\n  <div class=\"bg-blob-1\"><\/div>\n  <div class=\"bg-blob-2\"><\/div>\n\n  <div class=\"container\">\n\n    <!-- Eyebrow -->\n    <div class=\"eyebrow\">\n      <span class=\"eyebrow-dot\"><\/span>\n      O nama\n    <\/div>\n\n    <!-- Main heading + lead -->\n    <div class=\"heading-block\">\n      <h2 class=\"main-heading\">\n        DermaAI i LekarInfo:<br>\n        <span>digitalna dermatolo\u0161ka podr\u0161ka<\/span> nove generacije\n      <\/h2>\n      <p class=\"lead-text\">\n        DermaAI je napredni digitalni asistent za pitanja o zdravlju ko\u017ee, razvijen u okviru telemedicinske platforme LekarInfo. Kombinuju\u0107i medicinsko znanje, savremene tehnologije ve\u0161ta\u010dke inteligencije i digitalnu medicinu, DermaAI poma\u017ee korisnicima da bolje razumeju promene na ko\u017ei, simptome i potencijalne dermatolo\u0161ke probleme.\n      <\/p>\n    <\/div>\n\n    <!-- Stats row -->\n    <div class=\"stats-row\">\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">AI<\/div>\n        <div class=\"stat-label\">Napredni modeli<br>ve\u0161ta\u010dke inteligencije<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">24\/7<\/div>\n        <div class=\"stat-label\">Dostupnost<br>bez zakazivanja<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <div class=\"stat-num\">100%<\/div>\n        <div class=\"stat-label\">Zasnovano na<br>medicinskoj literaturi<\/div>\n      <\/div>\n      <div class=\"stat-item\">\n        <div class=\"stat-num\" style=\"color: var(--accent);\">\u221e<\/div>\n        <div class=\"stat-label\">Telemedicinska<br>podr\u0161ka putem LekarInfo<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 2x2 content cards grid -->\n    <div class=\"content-grid\">\n\n      <!-- Card 1: O DermaAI -->\n      <div class=\"content-card\">\n        <div class=\"card-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 4a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 12 6zm2 11h-4v-1h1v-4h-1v-1h3v5h1z\"\/><\/svg>\n        <\/div>\n        <div class=\"card-label\">\u0160ta je DermaAI<\/div>\n        <div class=\"card-title\">Digitalni asistent za zdravlje ko\u017ee<\/div>\n        <p class=\"card-body\">\n          DermaAI je razvijen kao alat koji omogu\u0107ava korisnicima da na jednostavan na\u010din postave pitanje o promenama na ko\u017ei, simptomima ili dermatolo\u0161kim tegobama i dobiju informativan odgovor zasnovan na dermatolo\u0161kim izvorima i medicinskoj literaturi. Sistem koristi napredne AI modele koji analiziraju opis simptoma i pru\u017eaju korisnicima relevantne informacije koje mogu pomo\u0107i u razumevanju problema i dono\u0161enju slede\u0107ih koraka u brizi o zdravlju.\n        <\/p>\n      <\/div>\n\n      <!-- Card 2: O LekarInfo -->\n      <div class=\"content-card\">\n        <div class=\"card-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n        <\/div>\n        <div class=\"card-label\">Na\u0161a platforma<\/div>\n        <div class=\"card-title\">LekarInfo \u2013 medicinski digitalni ekosistem<\/div>\n        <p class=\"card-body\">\n          Platforma LekarInfo je medicinski portal i digitalni zdravstveni ekosistem koji povezuje pacijente sa lekarima kroz edukativni sadr\u017eaj, savetovali\u0161ta i telemedicinske konsultacije. Na\u0161a misija je da zdravstvene informacije u\u010dinimo dostupnijim, razumljivijim i pouzdanijim za svakog korisnika \u2013 bez obzira gde se nalazili.\n        <\/p>\n      <\/div>\n\n      <!-- Card 3: Kako funkcioni\u0161e -->\n      <div class=\"content-card\">\n        <div class=\"card-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18\"\/><\/svg>\n        <\/div>\n        <div class=\"card-label\">Kako funkcioni\u0161e<\/div>\n        <div class=\"card-title\">Od pitanja do informisane odluke<\/div>\n        <p class=\"card-body\">\n          Korisnik opisuje simptome ili promene na ko\u017ei, a DermaAI analizira unos koriste\u0107i napredne AI modele i dermatolo\u0161ke izvore. Rezultat je informativan, razumljiv odgovor koji poma\u017ee u razumevanju problema i usmeravanju ka slede\u0107im koracima \u2013 uklju\u010duju\u0107i zakazivanje konsultacije sa dermatologom putem platforme LekarInfo kada je stru\u010dno mi\u0161ljenje neophodno.\n        <\/p>\n      <\/div>\n\n      <!-- Card 4: Disclaimer -->\n      <div class=\"disclaimer-card\">\n        <div class=\"disclaimer-badge\">\n          <span class=\"disclaimer-badge-dot\"><\/span>\n          Va\u017ena napomena\n        <\/div>\n        <div class=\"card-icon\">\n          <svg viewBox=\"0 0 24 24\" style=\"stroke: var(--accent);\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n        <\/div>\n        <div class=\"card-title\" style=\"color: #c0304f;\">DermaAI ne postavlja medicinsku dijagnozu<\/div>\n        <p class=\"card-body\" style=\"color: #6b3344;\">\n          Va\u017eno je naglasiti da DermaAI <strong>ne postavlja medicinsku dijagnozu<\/strong> niti zamenjuje pregled dermatologa. Njegova uloga je da pru\u017ei informativnu podr\u0161ku i pomogne korisnicima da se bolje orijenti\u0161u u vezi sa svojim simptomima. Kada postoji potreba za stru\u010dnim mi\u0161ljenjem, korisnici mogu kroz platformu LekarInfo zakazati konsultaciju sa dermatologom i dobiti profesionalni medicinski savet.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- Mission block -->\n    <div class=\"mission-block\">\n      <div class=\"mission-inner\">\n        <div class=\"mission-label\">Na\u0161a misija<\/div>\n        <span class=\"mission-quote-mark\">\"<\/span>\n        <p class=\"mission-text\">\n          Kombinacijom medicine, tehnologije i digitalnih inovacija, <strong>LekarInfo i DermaAI<\/strong> imaju zajedni\u010dki cilj \u2013 da unaprede pristup zdravstvenim informacijama i omogu\u0107e korisnicima da brinu o svom zdravlju na <strong>jednostavan, brz i pouzdan na\u010din<\/strong>.\n        <\/p>\n        <div class=\"mission-footer\">\n          <div class=\"mission-logo-pill\">\n            <span class=\"mission-logo-dot\"><\/span>\n            DermaAI\n          <\/div>\n          <div class=\"mission-logo-pill\">\n            <span class=\"mission-logo-dot\"><\/span>\n            LekarInfo\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DermaAI \u2013 O nama O nama DermaAI i LekarInfo: digitalna dermatolo\u0161ka podr\u0161ka nove generacije DermaAI je napredni digitalni asistent za pitanja o zdravlju ko\u017ee, razvijen u okviru telemedicinske platforme LekarInfo. Kombinuju\u0107i medicinsko znanje, savremene tehnologije ve\u0161ta\u010dke inteligencije i digitalnu medicinu, DermaAI poma\u017ee korisnicima da bolje razumeju promene na ko\u017ei, simptome i potencijalne dermatolo\u0161ke probleme. AI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dermaai.lekarinfo.com\/index.php?rest_route=\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dermaai.lekarinfo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dermaai.lekarinfo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dermaai.lekarinfo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dermaai.lekarinfo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=182"}],"version-history":[{"count":4,"href":"https:\/\/dermaai.lekarinfo.com\/index.php?rest_route=\/wp\/v2\/pages\/182\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/dermaai.lekarinfo.com\/index.php?rest_route=\/wp\/v2\/pages\/182\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/dermaai.lekarinfo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}