// brand1518.jsx — "1518 / 1518.coffee" rebrand exploration
// Concept: the dose is the name — 15 g drip, 18 g espresso.
// Reuses the Ember system. Needs shared, onb-shared, brew-data, brew-timer,
// coll-data, coll-shared, share-photo, share-data.
// ── Logo / wordmark treatments ──────────────────────────────
// A · inline serif wordmark "1518"
function Logo1518({ size=40, color, weight=500 }){
const P = useP();
return (
1518
);
}
// B · split "15·18" with a hairline + tiny method labels
function Logo1518Split({ scale=1, color, labels=true }){
const P = useP(); const c = color || P.ink;
const N = ({ children }) => {children};
return (
15
{labels &&
DRIP
}
18
{labels &&
ESPRESSO
}
);
}
// C · stacked ratio monogram in a ring (15 over 18)
function Mark1518({ size=72, color, ring=true }){
const P = useP(); const c = color || P.sage;
return (
1518
);
}
// ════════════════════════════════════════════════════════════
// SPLASH
// ════════════════════════════════════════════════════════════
function Splash1518(){
const P = useP();
return (
{/* soft glow */}
1518
COFFEE
Fifteen for drip. Eighteen for espresso.
);
}
// ════════════════════════════════════════════════════════════
// WELCOME — the name reveal
// ════════════════════════════════════════════════════════════
function Welcome1518(){
const P = useP();
const Dose = ({ n, unit, k, label, sub }) => (
{n}{unit}
{label}
{sub}
);
return (
Welcome to
A name you can taste.
The two doses every great cup begins with.
{/* the two doses */}
Whatever you brew, 1518 remembers it —
every bag, every pour, every cup worth chasing.
{}} />
Already with us? Sign in
);
}
// ════════════════════════════════════════════════════════════
// SIGN UP — wordmark in place of Bloom
// ════════════════════════════════════════════════════════════
function SignUp1518(){
const P = useP();
return (
Make a home for your coffee.
One account keeps every bag, recipe and rating in sync.
{}} />
{}} />
{}} />
By continuing you agree to 1518’s Terms & Privacy.
);
}
// ════════════════════════════════════════════════════════════
// HOME — rebranded header
// ════════════════════════════════════════════════════════════
function Home1518(){
const P = useP();
const Card = ({ icon, title, sub, primary }) => (
{primary && }
{title}
{sub}
);
return (
{SHARE.dayStreak}
M
Tuesday, June 2
Good evening, Maya.
What are you brewing today?
Home
Codex
);
}
// ════════════════════════════════════════════════════════════
// SHARE CARD — 1518.coffee watermark
// ════════════════════════════════════════════════════════════
function Card1518(){
const P = useP(); const d = SHARE.today;
return (