// Cefalia — 8 logo concepts (exposed on window.CefaliaLogos)
// Each symbol is a React component taking { s } (pixel size).
// Brand idea: Cefalia = cérebro + IA. Motifs: synapse, neural network,
// hemispheres, the app-tile (família), spark, gyri, neuron cell, spectrum.
const C = window.CEF;
// Reusable gradient defs helper — unique id per instance.
let _gid = 0;
function gid(p) { return p + '-' + (++_gid); }
// 1 ─ Synapse C: a "C" arc made of a synapse, terminals are product hues.
function SynapseC({ s = 120 }) {
const g = gid('sc');
return (
);
}
// 2 ─ Neural Hub: a central brain node with product satellites (o ecossistema).
function NeuralHub({ s = 120 }) {
const g = gid('nh');
const sat = [
{ x: 50, y: 16, r: 7, c: C.iris },
{ x: 82, y: 40, r: 6, c: C.teal },
{ x: 70, y: 80, r: 6.5, c: C.emerald },
{ x: 26, y: 76, r: 5.5, c: C.amber },
{ x: 17, y: 38, r: 6, c: C.irisLt },
];
return (
);
}
// 3 ─ Hemispheres: two crescent lobes facing each other, synapse gap between.
function Hemispheres({ s = 120 }) {
const g = gid('hm');
return (
);
}
// 4 ─ App tile: rounded-square tile (família dos produtos) com glifo C.
function TileMark({ s = 120 }) {
const g = gid('tl');
return (
);
}
// 5 ─ Spark node: 4-point synapse spark (ecoa o ícone do Atende AI).
function SparkMark({ s = 120 }) {
const g = gid('sp');
return (
);
}
// 6 ─ Gyri: nested brain-fold arcs forming a C.
function GyriMark({ s = 120 }) {
const g = gid('gy');
return (
);
}
// 7 ─ Neuron cell: hexagonal soma with dendrite nodes.
function NeuronMark({ s = 120 }) {
const g = gid('nu');
const pts = '50,12 83,31 83,69 50,88 17,69 17,31';
const v = [[50,12],[83,31],[83,69],[50,88],[17,69],[17,31]];
return (
);
}
// 8 ─ Spectrum ring: open ring (a C) carrying the full neural spectrum.
function SpectrumRing({ s = 120 }) {
const g = gid('sr');
return (
);
}
// Wordmark — lowercase, tight grotesk. Optional iris accent on the leading c.
function Wordmark({ size = 36, color, accent }) {
color = color || C.ink;
return (
{accent ? c : 'c'}efalia
);
}
// ── BRAIN-FORWARD MARKS ─────────────────────────────────────────
// Smooth lumpy "cortex" blob, generated so it's perfectly symmetric.
function lobePath(cx, cy, bumps, rOut, rIn) {
const total = bumps * 2, pts = [];
for (let i = 0; i < total; i++) {
const a = (i / total) * Math.PI * 2 - Math.PI / 2;
const r = i % 2 === 0 ? rOut : rIn;
pts.push([cx + Math.cos(a) * r, cy + Math.sin(a) * r]);
}
const m0 = [(pts[0][0] + pts[total - 1][0]) / 2, (pts[0][1] + pts[total - 1][1]) / 2];
let d = `M ${m0[0].toFixed(1)} ${m0[1].toFixed(1)} `;
for (let i = 0; i < total; i++) {
const cur = pts[i], nxt = pts[(i + 1) % total];
const mid = [(cur[0] + nxt[0]) / 2, (cur[1] + nxt[1]) / 2];
d += `Q ${cur[0].toFixed(1)} ${cur[1].toFixed(1)} ${mid[0].toFixed(1)} ${mid[1].toFixed(1)} `;
}
return d + 'Z';
}
// 9 ─ Cortex: top-down brain, lumpy outline + fissure + gyri.
function CortexMark({ s = 120 }) {
const g = gid('cx');
const blob = lobePath(50, 50, 7, 39, 32);
return (
);
}
// 10 ─ Brain Circuit: half folds / half circuit (o lado IA do cérebro).
function BrainCircuitMark({ s = 120 }) {
const g = gid('bc');
const blob = lobePath(50, 50, 7, 39, 32);
const nodes = [[64, 32], [74, 48], [66, 64], [54, 56], [58, 40]];
return (
);
}
// 11 ─ Brain Constellation: cortex outline filled with a neural network.
function BrainNetMark({ s = 120 }) {
const g = gid('bn');
const blob = lobePath(50, 50, 7, 39, 32);
const n = [[50, 28, C.iris], [33, 42, C.teal], [40, 60, C.emerald], [58, 64, C.amber], [68, 46, C.teal], [56, 42, C.irisLt]];
const edges = [[0, 1], [0, 5], [1, 2], [2, 3], [3, 4], [4, 5], [5, 2], [1, 5]];
return (
);
}
// 12 ─ Mind Tile: app-tile da família com um cérebro em negativo.
function BrainTileMark({ s = 120 }) {
const g = gid('bt');
const blob = lobePath(50, 52, 7, 26, 21);
return (
);
}
window.CefaliaLogos = {
list: [
{ key: 'cortex', name: 'Cortex', Comp: CortexMark, desc: 'Cérebro em vista superior — sulcos + fissura central.' },
{ key: 'braincir', name: 'Brain Circuit', Comp: BrainCircuitMark,desc: 'Metade dobras, metade circuito: o lado IA do cérebro.' },
{ key: 'brainnet', name: 'Brain Network', Comp: BrainNetMark, desc: 'Cérebro preenchido por uma rede neural de nós.' },
{ key: 'braintile',name: 'Mind Tile', Comp: BrainTileMark, desc: 'Tile da família com cérebro em negativo.' },
{ key: 'synapse', name: 'Synapse C', Comp: SynapseC, desc: 'Monograma + sinapse. Terminais nas cores dos produtos.' },
{ key: 'hub', name: 'Neural Hub', Comp: NeuralHub, desc: 'Cérebro central + satélites = o ecossistema.' },
{ key: 'hemi', name: 'Hemisférios', Comp: Hemispheres, desc: 'Dois lóbulos, uma sinapse no centro.' },
{ key: 'tile', name: 'App Tile', Comp: TileMark, desc: 'Tile da família — pareia com iEntrega/Atende.' },
{ key: 'spark', name: 'Spark', Comp: SparkMark, desc: 'A faísca neural. Ecoa o ícone do Atende AI.' },
{ key: 'gyri', name: 'Gyri', Comp: GyriMark, desc: 'Dobras do córtex aninhadas formando um C.' },
{ key: 'neuron', name: 'Neurônio', Comp: NeuronMark, desc: 'Soma hexagonal com dendritos conectados.' },
{ key: 'spectrum', name: 'Spectrum Ring', Comp: SpectrumRing, desc: 'Anel aberto com o espectro neural completo.' },
],
Wordmark,
};