01 · Foundations
Identity
Shibin Dotco is a personal site with one clear position. The identity stays direct: a name, a point of view, and a restrained visual system that leaves room for the work.
Who this is
Shibin Dotco is a personal site and publishing surface. It belongs to one person, so the identity stays editorial and personal while the work carries the page.
The positioning is specific on purpose: I help Shopify brands grow with AI. It is a plain sentence people can remember and repeat.
Name treatment
Use Shibin Dotco as live text in General Sans. The name is the mark; it does not need a decorative lockup, badge, or separate symbol in the interface.
Shibin Dotco
General Sans · 600 · Text primary on white
What to avoid
- Don’t turn the name into a badge. No enclosing tile or decorative container.
- Don’t append the positioning line as a permanent logo lockup. It belongs in page copy.
- Don’t substitute another typeface or add a stylized initial.
- Keep project identities intact. Angle and y0 use their own real wordmarks on project surfaces.
Positioning
The canonical line is direct and stands on its own:
I help Shopify brands grow with AI.
General Sans · 560 · Sentence case · No decorative treatment
Voice & tone
Warm, confident, direct. Short sentences that land. Longer ones when the rhythm needs them. First-person when it fits, I write as a person, not as a company.
Use
- Sentence case everywhere, headings, labels, buttons.
- First-person: “I use one system because…”
- Say the thing. Then stop.
- Name the reason alongside the rule.
Avoid
- Title Case. Or ALL CAPS. Or all-lowercase affectation.
- Corporate “we” when it’s me writing.
- Hype language: empower, unlock, revolutionize.
- Emoji, decorative bullets, or sales-deck formatting.
Principles
Every choice on every page traces back to one of these. They’re short on purpose, the constraint is what keeps the brand recognizable.
Sentence case
All visible text uses natural English capitalization. Not all-lowercase, not Title Case. Headings, labels, buttons, sentence case everywhere.
Light theme only
A white background, charcoal text, and quiet neutral greys. No dark mode and no colored surfaces.
General Sans first
General Sans for headings, body, navigation, labels, and controls. Manrope only for small editorial metadata.
Generous whitespace
Sections breathe. Content caps between 960px and 1040px. Padding and thin dividers create the structure.
Quiet interaction
Text links and underlines come before button chrome. Filled controls belong to forms, and cards keep restrained 8px corners.
Minimal and warm
No gradients or heavy shadows. Use monochrome imagery, 1px borders, restrained 8px corners, and real project wordmarks.
Static export
The primary site is built with Next.js, exported as static HTML, and deployed on Cloudflare Pages.