twc-002 / A study by Syafril · not client work
A creative studio portfolio with a bold voice and a playful eye. Oversized typography, flat color and an interactive project board turn a simple page into a memorable encounter. A fictional studio created solely for this demonstration.
#e5ef75#23251f#f4f1e9WHAT IS HERE / WHAT COMES NEXT
Graphic, culture and independent studios comfortable with a strong typographic voice.
This theme includes dashboard, login/recovery UI, settings, interface states and its own component book. Registration UI is provided where it fits the theme.
Account forms validate sample values locally. They do not authenticate, create users or deliver email. Dashboard records are authored examples.
The graphic density is a starting direction; long copy and regulated content need a separate layout review.
Page scope, brand assets, content, handover, hosting, costs and support are discussed in a consultation before work begins. The demo is a reference for that conversation.
Prepare a brief for this directionAn open sketchbook, not a polished corporate façade. The grid is visible, the type is direct and visitors can change the color of the canvas.
Acid yellow and inky black set a graphic baseline. Circular forms and strong rectangular divisions bring contrast without gradients or decoration.
Bold Space Grotesk becomes the main visual material; its squared terminals echo the ruled fields. Inter Tight carries the forms and compact monospaced labels give the headlines a measured counterpoint.
A typographic introduction flows into a project selector, a clear list of capabilities and a closing invitation. On phones, the project board becomes a single readable column.
A color playground changes the canvas with one click. Project controls swap the artwork and accompanying text without trapping keyboard focus.
Next.js generates static HTML for both languages. React powers the project explorer; local SVG artwork and CSS transitions keep the experience self-contained. Tailwind utilities complement dedicated demo styles.
Semantic sections, keyboard-operable project buttons, visible focus and reduced-motion support. Artwork has text alternatives; the inquiry link leads to real contact guidance.
A seeded print studio that turns simple rules into original SVG.