/* Orvio — seções do site */ // ---- Símbolo Orvio (usa defs do HTML via ) ---- function OrvioMark({ size = 40, variant = "grad" }) { const href = variant === "mono" ? "#orvio-mark-mono" : variant === "balance" ? "#orvio-mark-balance" : "#orvio-mark"; return ( ); } function Wordmark({ className = "" }) { return orvio; } // ---- Ícones dos princípios (stroke 1.75, grid 24, cap round) ---- const stroke = { fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round" }; const GLYPHS = { clareza: ( ), movimento: ( ), leveza: ( ), foco: ( ), confianca: ( ), escala: ( ), }; const VALUES = [ { id: "clareza", n: "01", t: "Clareza", d: "Cada coisa no seu lugar. Interfaces que mostram o essencial e silenciam o resto." }, { id: "movimento", n: "02", t: "Movimento", d: "Produto que evolui com você. O que entrega hoje é o ponto de partida de amanhã." }, { id: "leveza", n: "03", t: "Leveza", d: "Menos atrito, mais ar. Espaço para respirar entre uma decisão e a próxima." }, { id: "foco", n: "04", t: "Foco", d: "Só o que importa, visível. Sem ruído, sem disputa por atenção." }, { id: "confianca", n: "05", t: "Confiança", d: "Premium, mas sem peso. Tecnologia que inspira segurança e não treme." }, { id: "escala", n: "06", t: "Escala", d: "Um sistema, muitos produtos. A mesma base sustenta tudo o que vem a seguir." }, ]; // ---- Reveal wrapper ---- function Reveal({ as: Tag = "div", d, className = "", children, ...rest }) { return {children}; } // ============================================================ function Nav() { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const on = () => setScrolled(window.scrollY > 24); on(); window.addEventListener("scroll", on, { passive: true }); return () => window.removeEventListener("scroll", on); }, []); return ( ); } // ============================================================ function Hero() { return (
Ecossistema digital orvio Tecnologia em movimento. Soluções digitais para pessoas e empresas. Criamos tecnologia que resolve problemas reais — clara, leve e sem ruído.
Role
); } // ============================================================ function Manifesto() { return (
Tecnologia com clareza,
em movimento.
A Orvio é um ecossistema digital em formação. Existimos para trazer clareza ao que é tecnologia: produtos que evoluem, com menos atrito e mais foco no que importa. A ideia central é movimento com clareza — equilíbrio presente, crescimento à frente. Onde o círculo termina, o movimento começa.
); } // ============================================================ function Principios() { return (
Princípios Seis ideias que sustentam
tudo o que construímos.
{VALUES.map((v, i) => ( {v.n} {GLYPHS[v.id]}

{v.t}

{v.d}

 ))}
); } // ============================================================ function Arquitetura() { const slots = [ { o: "orvio", p: "·····", desc: "Mais um nasce do mesmo sistema.", status: "Em breve" }, { o: "orvio", p: "·····", desc: "O ecossistema cresce com método.", status: "Em breve" }, { o: "orvio", p: "·····", desc: "Um roadmap, sem pressa.", status: "Em breve" }, ]; return (
Arquitetura de marca Um ecossistema.
Vários produtos. A Orvio assina cada produto. Todos nascem do mesmo sistema — tipografia, símbolo, curvas. Muda apenas o acento da categoria.
orvio
Primeiro em órbita
orvio balance

O começo de algo maior. Fique de olho — vem aí.

Em breve
{slots.map((s, i) => (
{s.o}{s.p}

{s.desc}

{s.status}
))}
Convenção
orvio + nome descritivo. Ex.: orvio balance.
Acento
Uma cor para cada solução. O Balance é verde-água.
); } // ============================================================ function Constelacao() { return (
A marca em movimento Onde o círculo termina,
o movimento começa.
); } // ============================================================ function Footer() { const Social = ({ label, href = "#", d }) => ( {d} ); return ( ); } Object.assign(window, { OrvioMark, Wordmark, Nav, Hero, Manifesto, Principios, Arquitetura, Constelacao, Footer });