{"id":8,"date":"2026-02-17T11:17:30","date_gmt":"2026-02-17T11:17:30","guid":{"rendered":"http:\/\/sinstarapp.com\/?page_id=8"},"modified":"2026-02-17T11:17:30","modified_gmt":"2026-02-17T11:17:30","slug":"sinstar-app","status":"publish","type":"page","link":"https:\/\/sinstarapp.com\/","title":{"rendered":"Sinstar App"},"content":{"rendered":"\n<style>\n  :root {\n    --bg: #0f172a;\n    --bg-card: #020617;\n    --text: #e5e7eb;\n    --text-muted: #9ca3af;\n    --accent: #38bdf8;\n    --accent-soft: rgba(56, 189, 248, 0.15);\n    --border: rgba(148, 163, 184, 0.35);\n    --radius-lg: 18px;\n    --radius-xl: 24px;\n    --shadow-soft: 0 24px 80px rgba(15, 23, 42, 0.75);\n  }\n\n  * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  body {\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    background: radial-gradient(circle at top, #1e293b 0, #020617 55%, #000 100%);\n    color: var(--text);\n  }\n\n  .page {\n    min-height: 100vh;\n    padding: 32px 20px 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .page-inner {\n    width: 100%;\n    max-width: 1120px;\n    border-radius: 32px;\n    background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.09), transparent 45%),\n                radial-gradient(circle at bottom right, rgba(94, 234, 212, 0.09), transparent 55%),\n                rgba(15, 23, 42, 0.92);\n    border: 1px solid rgba(148, 163, 184, 0.35);\n    box-shadow: var(--shadow-soft);\n    padding: 28px 24px;\n    backdrop-filter: blur(24px);\n  }\n\n  @media (min-width: 900px) {\n    .page-inner {\n      padding: 40px 40px 32px;\n    }\n  }\n\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid rgba(148, 163, 184, 0.2);\n    margin-bottom: 24px;\n  }\n\n  .brand {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .brand-logo {\n    width: 34px;\n    height: 34px;\n    border-radius: 999px;\n    background: radial-gradient(circle at 30% 20%, #e0f2fe, #38bdf8 45%, #0ea5e9 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #0b1120;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    font-size: 18px;\n    box-shadow: 0 12px 35px rgba(56, 189, 248, 0.6);\n  }\n\n  .brand-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .brand-name {\n    font-size: 18px;\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #e5f4ff;\n  }\n\n  .brand-tagline {\n    font-size: 12px;\n    color: var(--text-muted);\n  }\n\n  .tag-pill {\n    padding: 6px 12px;\n    border-radius: 999px;\n    font-size: 11px;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    background: rgba(15, 23, 42, 0.9);\n    border: 1px solid rgba(148, 163, 184, 0.45);\n    color: var(--text-muted);\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .tag-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 999px;\n    background: #22c55e;\n    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.25);\n  }\n\n  @media (max-width: 640px) {\n    .page-header {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n\n  .grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);\n    gap: 20px;\n  }\n\n  @media (max-width: 850px) {\n    .grid {\n      grid-template-columns: minmax(0, 1fr);\n    }\n  }\n\n  .card {\n    border-radius: var(--radius-xl);\n    border: 1px solid var(--border);\n    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.96));\n    padding: 18px 18px 16px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at top right, rgba(56, 189, 248, 0.16), transparent 55%);\n    opacity: 0.8;\n    pointer-events: none;\n  }\n\n  .card-inner {\n    position: relative;\n    z-index: 1;\n  }\n\n  .card-label {\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.16em;\n    color: var(--text-muted);\n    margin-bottom: 10px;\n  }\n\n  .card-title {\n    font-size: 28px;\n    line-height: 1.1;\n    font-weight: 600;\n    margin-bottom: 12px;\n  }\n\n  .card-subtitle {\n    font-size: 13px;\n    color: var(--text-muted);\n    margin-bottom: 16px;\n    max-width: 32rem;\n  }\n\n  .highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 20px;\n  }\n\n  .highlight {\n    font-size: 11px;\n    padding: 6px 10px;\n    border-radius: 999px;\n    background: rgba(15, 23, 42, 0.9);\n    border: 1px solid rgba(148, 163, 184, 0.5);\n    color: var(--text-muted);\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .highlight-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 999px;\n    background: var(--accent);\n  }\n\n  .cta-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    align-items: center;\n  }\n\n  .btn-primary {\n    padding: 8px 16px;\n    border-radius: 999px;\n    border: none;\n    background: linear-gradient(135deg, #38bdf8, #0ea5e9);\n    color: #0b1120;\n    font-weight: 600;\n    font-size: 13px;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    box-shadow: 0 16px 40px rgba(56, 189, 248, 0.4);\n    transition: transform 0.12s ease-out, box-shadow 0.12s ease-out, filter 0.12s ease-out;\n    white-space: nowrap;\n  }\n\n  .btn-primary:hover {\n    transform: translateY(-1px);\n    filter: brightness(1.07);\n    box-shadow: 0 20px 60px rgba(56, 189, 248, 0.55);\n  }\n\n  .btn-secondary {\n    padding: 7px 14px;\n    border-radius: 999px;\n    border: 1px solid rgba(148, 163, 184, 0.55);\n    background: rgba(15, 23, 42, 0.9);\n    color: var(--text-muted);\n    font-size: 12px;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    white-space: nowrap;\n  }\n\n  .btn-secondary span {\n    font-size: 14px;\n  }\n\n  .card-footer-text {\n    font-size: 11px;\n    color: var(--text-muted);\n    margin-top: 12px;\n  }\n\n  .apps-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n\n  .app-item {\n    border-radius: var(--radius-lg);\n    background: rgba(15, 23, 42, 0.82);\n    border: 1px solid rgba(148, 163, 184, 0.45);\n    padding: 10px 11px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .app-header-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    gap: 12px;\n  }\n\n  .app-name {\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  .app-tag {\n    font-size: 11px;\n    padding: 3px 8px;\n    border-radius: 999px;\n    background: rgba(56, 189, 248, 0.12);\n    color: #e0f2fe;\n    border: 1px solid rgba(56, 189, 248, 0.4);\n    white-space: nowrap;\n  }\n\n  .app-desc {\n    font-size: 12px;\n    color: var(--text-muted);\n  }\n\n  .app-meta {\n    font-size: 11px;\n    color: var(--text-muted);\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 2px;\n  }\n\n  .app-meta span {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .app-meta-dot {\n    width: 4px;\n    height: 4px;\n    border-radius: 999px;\n    background: rgba(148, 163, 184, 0.9);\n  }\n\n  .apps-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 10px;\n    margin-top: 10px;\n  }\n\n  .apps-footer-text {\n    font-size: 11px;\n    color: var(--text-muted);\n  }\n\n  @media (max-width: 480px) {\n    .page-inner {\n      padding: 20px 16px;\n      border-radius: 24px;\n    }\n    .card-title {\n      font-size: 23px;\n    }\n    .brand-name {\n      font-size: 16px;\n    }\n    .apps-footer {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .btn-primary {\n      width: 100%;\n      justify-content: center;\n    }\n  }\n<\/style>\n\n<main class=\"page\">\n  <div class=\"page-inner\">\n    <header class=\"page-header\">\n      <div class=\"brand\">\n        <div class=\"brand-logo\">S<\/div>\n        <div class=\"brand-text\">\n          <div class=\"brand-name\">Sinstar App<\/div>\n          <div class=\"brand-tagline\">Application development studio<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"tag-pill\">\n        <span class=\"tag-dot\"><\/span>\n        Open to new projects\n      <\/div>\n    <\/header>\n\n    <section class=\"grid\">\n      <!-- 1. Sinstar App -->\n      <article class=\"card\" id=\"sinstar-app\">\n        <div class=\"card-inner\">\n          <div class=\"card-label\">01 \u2014 Sinstar App<\/div>\n          <h1 class=\"card-title\">Building focused mobile &#038; web applications<\/h1>\n          <p class=\"card-subtitle\">\n            Sinstar App is an independent studio that designs and builds applications with a strong focus on clarity,\n            reliability and real-world use cases.\n          <\/p>\n\n          <div class=\"highlights\">\n            <span class=\"highlight\">\n              <span class=\"highlight-dot\"><\/span>\n              Product-focused development\n            <\/span>\n            <span class=\"highlight\">\n              <span class=\"highlight-dot\"><\/span>\n              From prototype to release\n            <\/span>\n            <span class=\"highlight\">\n              <span class=\"highlight-dot\"><\/span>\n              Mobile &#038; web experiences\n            <\/span>\n          <\/div>\n\n          <div class=\"cta-row\">\n            <a href=\"mailto:contact@sinstarapp.com\" class=\"btn-primary\">\n              Contact Sinstar App\n              <span>\u2197<\/span>\n            <\/a>\n            <a href=\"#apps\" class=\"btn-secondary\">\n              View the app\n              <span>\u2193<\/span>\n            <\/a>\n          <\/div>\n\n          <p class=\"card-footer-text\">\n            Sinstar App works with startups, small businesses and independent creators.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 2. Apps -->\n      <article class=\"card\" id=\"apps\">\n        <div class=\"card-inner\">\n          <div class=\"card-label\">02 \u2014 Apps<\/div>\n          <h2 class=\"card-title\">Spectra \u2013 Facial Recognition<\/h2>\n          <p class=\"card-subtitle\">\n            A single, focused application built around face recognition, experimentation and real-time computer vision.\n          <\/p>\n\n          <div class=\"apps-list\">\n            <div class=\"app-item\">\n              <div class=\"app-header-row\">\n                <div class=\"app-name\">Spectra \u2013 Facial Recognition<\/div>\n                <div class=\"app-tag\">Mobile<\/div>\n              <\/div>\n              <p class=\"app-desc\">\n                Spectra is a facial recognition application that explores on-device face detection and recognition in a\n                clean, minimal interface.\n              <\/p>\n              <div class=\"app-meta\">\n                <span><span class=\"app-meta-dot\"><\/span>Platform: Android<\/span>\n                <span><span class=\"app-meta-dot\"><\/span>Status: Live on Google Play<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"apps-footer\">\n            <p class=\"apps-footer-text\">\n              Interested in similar computer vision work or custom applications? Send a short brief and Sinstar App will follow up.\n            <\/p>\n            <div style=\"display:flex;gap:8px;flex-wrap:wrap;\">\n              <a href=\"mailto:contact@sinstarapp.com\" class=\"btn-secondary\">\n                contact@sinstarapp.com\n              <\/a>\n              <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.sinstar.spectra\" class=\"btn-secondary\" target=\"_blank\" rel=\"noopener noreferrer\">\n                View Spectra on Google Play\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/section>\n  <\/div>\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>S Sinstar App Application development studio Open to new projects 01 \u2014 Sinstar App Building focused mobile &#038; web applications Sinstar App is an independent studio that designs and builds applications with a strong focus on clarity, reliability and real-world use cases. Product-focused development From prototype to release Mobile &#038; web experiences Contact Sinstar App [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sinstarapp.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sinstarapp.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sinstarapp.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sinstarapp.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sinstarapp.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":1,"href":"https:\/\/sinstarapp.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/sinstarapp.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/sinstarapp.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}