@efekankalkan
Efekan Kalkan
getfol — Brand Identity & Product UI/UX
Corporate identity and product UI/UX case study: official logo system, correct/incorrect usage, getfol-ui tokens (accurate pill proportions), and live Explore / profile / project screens.
Cover
Official GetfolWordmark + GetfolBrandMark. Live Explore, profile, and project screens — desktop and mobile — mapped to getfol-ui tokens.
Overview
Light-first gallery. Images lead. Chrome stays quiet. Tokens from getfol-ui and globals.css.
The problem
Portfolios got noisy. Creators need a gallery — not another CMS dashboard.
Product principles
Images first. Quiet chrome. One control family across every surface.
Logo system
GetfolWordmark in the navbar. GetfolBrandMark in the footer and dense UI. Solid fills only — no invented scripts.
Clear space & sizing
Keep at least one quarter of the mark width free on every side. Do / Don’t for correct use.
Color system
Ink for primary actions. Brand blue is a rare accent. Soft muted wells replace decorative borders.
Typography
Product UI uses system sans. Brand script lives only in the logo SVGs.
UI kit — getfol-ui tokens
Buttons, searchShell, text category nav, fields, ghost icons, and bottomNavPill at correct pill proportions — not flat ellipses.
Desktop — Explore
Live chrome: wordmark, searchShell, text category nav, shot grid with soft hover shadow.
Mobile — feed & profile
Centered wordmark, feed cards, light glass dock (3.25rem × max-w 24rem) with Create (+) centered.
Project detail & profile
Ghost chevron_left back, Follow / Hire Me pills, action stack, profile work grid, same frosted dock.
Closing
Built for makers who want the work to speak first.
BrandingUI/UXGraphic Design