This is FeatureOS.
One brand. One standard. Every pixel, every word, unmistakably ours.
01
Logo
Two parts. The symbol and the wordmark. Together or apart, always recognizable.
The full lockup. Use it wherever you have room to breathe.
Symbol
App icons. Favicons. Tight spaces.
Wordmark
Headers. Nav bars. Partner pages.
On dark
Same mark. Inverted.
Clear space
Give it room. Clear space on all sides, equal to the height of the "F." Nothing crowds the mark.
Don'ts
Don't rotate
Don't reduce opacity
Don't recolor
Don't stretch
02
Color
Eight colors. Zero decorative ones. Every swatch earns its place.
Blue.
One accent. Every button, every link, every interaction.
OKLCH
58.07% 0.23 259.47
Token
--primary
Tailwind
bg-primary / text-primary
Rules
Do
Stick to the tokens above. bg-primary, text-foreground. That's the palette.
Don't
Native Tailwind colors are off. No red-500. No blue-400. They won't compile.
Opacity
Need a lighter variant? bg-primary/10. Subtler text? text-foreground/50.
03
Typography
Inter. One family. Every weight. Every language. OpenType features cv01 and ss03 give it just enough character.
Aa
InterVariable
Weight range: 100 -- 900 / Features: cv01, ss03, opsz auto
Light 300
Regular 400
Semibold 600
Bold 700
Display
4.5rem / 72px / 600
Ship what matters.
Title
2.25rem / 36px / 700
Every voice heard.
Subtitle
1.125rem / 18px / 400
Collect feedback, prioritize feature requests, and ship what matters.
Body
1rem / 16px / 400
Feedback boards, roadmaps, release notes, and a knowledge base. Built for product teams who ship.
Caption
0.75rem / 12px / 500
Free forever. No credit card required.
Code
0.875rem / 14px / 400
GET /api/v2/boards/:id/posts
Monospace
Ioskeley Mono
Code blocks. API docs. Anywhere precision matters.
GET /api/v2/boards/:board_id/posts?status=open&sort=votes
The gradient accent
One word per headline gets the gradient. Applied via .serif or ::word:: in Hero titles. Use it sparingly. That's the point.
Ship what matters.
Do
One keyword in a hero headline. Draws the eye exactly where it should land.
Don't
Full sentences. Body copy. More than two words. If everything glows, nothing does.
04
Voice & Tone
Lead with the point. Say it once. Say it well. The product is the brand. Marketing can turn the volume up, but never change the station.
Direct
One sentence. The point first. No throat-clearing.
Confident
We know this space. No hedging. No "we believe." State it.
Warm
Human. Rooting for you. Never cutesy. Never try-hard.
Technical
When it counts. API docs: precise. Marketing: jargon-free. Read the room.
Same idea. Fewer words.
Before
"We believe that by leveraging the power of customer feedback, teams can make more informed product decisions and ultimately deliver better outcomes for their users."
After
"Collect feedback. Build what customers actually want."
Before
"Our state-of-the-art AI-powered solution helps you optimize your product development workflow through intelligent feature prioritization."
After
"AI Copilot tells you what to build next. Based on your actual feedback data."
Writing rules
No emdashes. Use double hyphens (--) or rewrite.
Active voice. "FeatureOS prioritizes requests" not "Requests are prioritized."
Say "you" not "users." We're talking to people.
Short sentences sell. Long sentences explain. Know which you're writing.
No filler. Cut "In order to," "It's worth noting," "At the end of the day."
No superlatives without receipts. Data over adjectives.
05
Naming
Every product name is a proper noun. Same spelling. Every time. Everywhere.
FeatureOS
One word. Capital F, capital OS. Always.
Correct
FeatureOS
Wrong
Feature OS
Wrong
featureOS
06
Usage & Downloads
Writing about us, building with us, or partnering up? Start here.
Writing about us
Customer feedback platform for product teams. Full name on first mention. "FeatureOS" after that.
Example
"FeatureOS helps product teams collect feedback, prioritize features, and ship updates -- all from one platform."
Using our logo
Use the files we provide. Don't recreate, redraw, or approximate.
- ✔ Use on white or very light backgrounds
- ✔ Use the inverted (white) version on dark backgrounds
- ✖ Don't add effects, shadows, or outlines
- ✖ Don't place on busy or low-contrast backgrounds
Need high-res assets, co-branding approval, or press materials? Just ask.