// Frank — the Frankly English mascot. Black cat with cyan round glasses and
// over-ear headphones. Modeled on the reference logo, but toned down for an
// adult audience: smaller alert eyes (not kawaii saucers), tighter linework,
// subtle closed-mouth smile, no tongue.
//
//
//
// Two exports:
// Frank — full head with headphones (use ≥ 56px)
// FrankMark — head + glasses only, no headphones (use ≤ 36px for logo)
const FRANK_BODY = "#0F1024"; // near-black with cool tint
const FRANK_GLASS = "#22D3EE"; // cyan rim
const FRANK_GLASS_DEEP = "#0E7490"; // deep cyan for hinge / nosebridge highlight
const FRANK_EAR_PINK = "#FB7185"; // soft coral
const FRANK_NOSE = "#FB7185";
const FRANK_HP_STAR = "#FBBF24";
function FrankEyes({ mood }) {
const eyeWhite = "#FFFFFF";
const pupil = FRANK_BODY;
if (mood === "happy") {
// Closed, gently upward — set as smiley arcs INSIDE the glasses lenses
return (
<>
);
}
if (mood === "wow") {
return (
<>
);
}
if (mood === "sad") {
return (
<>
);
}
// think — alert, smaller eyes
return (
<>
);
}
function FrankMouth({ mood }) {
if (mood === "wow") {
return ;
}
if (mood === "sad") {
return ;
}
// happy / think — closed-mouth dignified smile (two curves from nose)
return (
<>
);
}
function FrankHead({ mood }) {
return (
<>
{/* Ears — pointed triangles */}
{/* Inner ear — pink, slightly inset */}
{/* Head — slightly wider than tall for an adult silhouette */}
{/* Glasses — two cyan rings + bridge.
The rims sit on top of the head fill, the lenses are intentionally
transparent so the eyes (drawn next) read as "behind" them. */}
{/* Tiny glasses highlight — top-left of each lens for a glassy hint */}
{/* Eyes — inside the glasses */}
{/* Nose — small pink triangle/dot */}
{/* Mouth */}
);
}
function Frank({ size = 120, mood = "happy", style = {} }) {
return (
);
}
// Small-size variant: drop the headphones (their detail muddies at < 36px),
// keep ears + glasses so the brand mark still reads as "cat with glasses".
function FrankMark({ size = 22, style = {} }) {
return (
);
}
window.Frank = Frank;
window.FrankMark = FrankMark;