Logo system — HTML build
Sadekul Islam mark
Real markup, not flattened images — colors are CSS variables and the name is live text, so any block below can be copied straight into the site. Original files on the left of each pair, Brand OS v4.2-aligned version on the right.
01 · The mark — ghost treatment, for a dark section
ORIGINALstroke #14B8A6
SI
UPDATED — BOS v4.2stroke #F6F5F2
SI
02 · The mark — solid treatment, for an actual favicon or small icon
UPDATED — BOS v4.2fill #1C3E6E
SI
03 · Full lockup — on light, navbar / header context
ORIGINALbar #14B8A6
Sadekul Islam
Google Ads Specialist
Faithful to the uploaded file: at this contrast the name is close to invisible on a light background. That's the current asset's actual behavior here, not something introduced in this rebuild.
UPDATED — BOS v4.2bar #1C3E6E
Sadekul Islam
Google Ads Specialist
Name set solid in Ink #11151C — the default headline color in BOS v4.2. Bar, rule and label all move to Signal navy, the one color the system already designates for UI accents.
04 · Full lockup — on dark, footer / hero context
ORIGINALbar #14B8A6
Sadekul Islam
Google Ads Specialist
UPDATED — BOS v4.2bar #1C3E6E
Sadekul Islam
Google Ads Specialist
Why gold stays out of the mark
Gold is deliberately not used anywhere on this page. BOS v4.2 spends gold on exactly one word per headline, once per screen — that scarcity is what makes it read as a signal instead of decoration. A logo sits in the header or footer of every single page. Bake gold into it and it stops being the rare accent the system is built around; it turns into wallpaper. Signal navy is already the designated UI accent color, so it does the job here that gold would otherwise be pulled into doing.
Colors used above
Ink #11151C
Paper #F6F5F2
Signal #1C3E6E
Original teal #14B8A6
Original slate #94A3B8
Original rule #1E3A5F