WordCamp Sylhet, Bangladesh 2026 – Just another WordCamp
sylhet.wordcamp.org“WordCamp Sylhet 2026 projects a grounded, community-centric vibe that balances professional technical authority with warm, local hospitality. The design is utilitarian and flat, prioritizing clear information hierarchy and accessibility over decorative flair, reflecting the pragmatic nature of the WordPress developer community.”
Color Palette
Colors
Typography
Fonts
Geist
sans-serif
Sofia Sans Extra Condensed
sans-serif
The quick brown fox
16.8pxThe quick brown fox
160pxThe quick brown fox
56pxThe quick brown fox
32pxComponents
Design System
Voice & Tone
Personality
Visual Energy
Design Era
flat-2.0
Emotional Tone
trustworthy-enthusiastic
Target Audience
WordPress developers, designers, freelancers, and local Sylhet community members seeking professional networking and skill development.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Sofia Sans Extra Condensed at 700 or 800 weight for all H1-H3 headings, formatted in Title Case.
- Use Geist at 400, 500, or 600 weight for all body copy, maintaining a line-height of 26.04px.
- Apply the primary green (#16542f) as the background color for all primary Call-to-Action buttons, paired with off-white text (#fbf1e0).
- Style secondary/outline buttons with a 2px solid border in #16542f, transparent background, and #16542f text.
- Maintain a strict flat design aesthetic: do not use box-shadows or gradients on any UI elements.
- Use a consistent border-radius of 5.28px for all buttons and interactive components.
- Set button padding to 14px vertical and 32px horizontal to create a substantial, clickable touch target.
- Use the warm beige (#fbf1e0) as the primary page background to reduce eye strain compared to pure white.
- Employ the accent red (#a90005) sparingly for critical alerts, sale badges, or high-priority visual cues.
- Keep copy direct and imperative, using frequent exclamations to convey enthusiasm without excessive emoji.
Don't
- Do not use serif fonts; the brand is strictly sans-serif (Geist and Sofia Sans).
- Do not use box-shadows or drop-shadows; the design is entirely flat.
- Do not use gradients; all backgrounds and buttons must be solid colors.
- Do not use emojis in marketing copy or UI labels.
- Do not use sentence case for headings; always use Title Case.
- Do not use pill-shaped buttons; maintain the 5.28px border-radius.
- Do not use pure black (#000000) for body text; use #111111 for softer contrast.
- Do not use excessive whitespace or minimalist layouts that obscure event details; prioritize dense, informative content.
Design Assets
Visual Elements
How to use this file
1. Save this file as DESIGN.md in your project root (sibling to README.md).
2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.
3. Validate or export tokens with the official CLI:
npx @google/design.md lint DESIGN.md npx @google/design.md export --format tailwind DESIGN.md
Developer Access
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/sylhet.wordcamp.org \
-H "x-api-key: ev_your_key"
# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
-H "x-api-key: ev_your_key"
# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
-H "x-api-key: ev_your_key"Extract your own brand kit
Get colors, fonts, voice, and personality from any website in seconds. Open source.